por 
Assista ao tutorial
Passo 1: Crie um Color Matte
No painel Project, clique em New Item e escolha Color Matte. Clique em OK, escolha no Color Picker a cor de fundo da barra lateral (o exemplo usa branco) e clique em OK de novo. Depois clique em OK na janela do nome.
Com um clique usando o Mako: o painel gratuito Mako adiciona um color matte sobre os clipes selecionados, na posição do cursor, na primeira pista livre, com um só clique. Baixe o Mako de graça
Passo 2: Posicione o matte
Arraste o Color Matte para a pista acima do seu vídeo e mantenha-o selecionado. Abra Effect Controls e altere a Position do matte para que só uma pequena faixa apareça no lado esquerdo ou direito da tela. Essa faixa é a sua barra lateral.
Passo 3: Adicione e estilize o texto
Adicione um título e um texto com a Type Tool e estilize como quiser, para que fiquem bem dentro da barra lateral. Antes de animar, confira se a duração da camada de texto é igual à do Color Matte, arrastando o final dela até alinhar.
Passo 4: Aninhe tudo junto
Selecione o texto, o Color Matte e as outras camadas que você criou para a barra lateral. Clique com o botão direito em uma delas, escolha Nest e clique em OK. O aninhamento transforma a barra lateral em um único clipe, e você pode mover tudo de uma vez.
Passo 5: Anime a entrada da barra lateral
Abra o painel Effects, procure por Transform e aplique o efeito Transform na camada aninhada. Com a camada selecionada, abra Effect Controls e confirme que o cursor está no início do clipe. Em Transform, clique no cronômetro ao lado de Position para criar um keyframe.
Como você quer que a barra lateral termine na posição atual, mova esse keyframe um pouco para a frente na timeline. Depois volte ao início e altere a Position para que a barra fique fora da tela. Ao reproduzir, a barra lateral desliza para dentro.
Passo 6: Anime a saída da barra lateral
Mova o cursor até o ponto em que a barra deve começar a sair da tela. Crie um keyframe de posição com o valor atual, avance até onde ela deve estar escondida e altere a Position de novo para empurrá-la para fora do quadro. Agora você tem uma animação de entrada e uma de saída.
Passo 7: Suavize o movimento
Selecione todos os keyframes, clique com o botão direito, escolha Temporal Interpolation e depois Ease In; repita e escolha Ease Out. Agora a barra lateral acelera e desacelera suavemente.
Mais suave com o EaseFlow: selecione os keyframes e aplique uma curva de easing de verdade com um clique, em vez de arrastar alças Bezier. Conheça o EaseFlow
Para um acabamento extra, role para baixo no efeito Transform e defina Shutter Angle como 360 para adicionar motion blur. Depois expanda a seta ao lado de Position, clique em um keyframe para mostrar as alças azuis e arraste-as para ajustar o gráfico de velocidade até o movimento ficar do jeito que você quer.
Dicas
- Combine com a sua marca. Use a cor da sua marca no matte e a mesma fonte do resto do vídeo.
- Mantenha a pausa curta. Uma barra lateral que fica tempo demais compete com o seu vídeo.
- Reutilize. Copie a barra lateral aninhada para outras partes da timeline e edite o texto dentro dela.
FAQ
Por que aninhar as camadas antes de animar?
O aninhamento agrupa o matte e o texto em um único clipe, então um só conjunto de keyframes de posição move tudo junto.
Como faço a barra lateral entrar pela direita?
Posicione o matte na borda direita no passo 2 e comece a animação com uma posição fora da tela, à direita.
Como adiciono motion blur à animação?
No efeito Transform, defina Shutter Angle como 360.
Quer layouts animados prontos? Veja os templates de motion graphics.
