O After Effects possui uma enorme variedade de ferramentas, oferecendo possibilidades quase ilimitadas para editar composições, criar efeitos especiais e, claro, animação. 

Apesar disso, muitos animadores se sentem intimidados pela curva de aprendizado da animação com o After Effects, frequentemente optando por programas aparentemente mais simples. No entanto, uma vez que você domine a navegação eficiente no After Effects, animar dentro dele se torna surpreendentemente fácil.

Neste post, vamos guiá-lo pelo processo exato de configuração e animação no After Effects usando suas ferramentas de keyframing e editor de gráficos, tudo em questão de minutos.

Animar com quadros-chave no After Effects é fácil, basta seguir estes passos.

A animação por quadros-chave envolve a transição de um objeto de um estado para outro, definindo quadros-chave em cada estado. Esses quadros-chave servem como pontos de referência para a posição, escala, rotação, etc., do objeto. Para criar a ilusão de movimento entre os quadros-chave, vários métodos podem ser usados, como desenhar à mão os quadros intermediários ou usar softwares como o After Effects para interpolação – o processo de geração automática desses quadros intermediários.

Veja como definir seus quadros-chave e ativar a interpolação no After Effects.

Para começar, escolha um objeto na sua Composição e acesse o menu Transformar abaixo dele. Em seguida, clique no ícone de cronômetro ao lado do atributo Posição. Essa ação não apenas define um quadro-chave, mas também habilita a animação por quadros-chave para o objeto selecionado ao longo do tempo.

Depois de definir seu primeiro quadro-chave, deslize o indicador de reprodução alguns segundos para a frente na linha do tempo. Em seguida, clique e arraste seu objeto dentro da janela de Composição. Assim que você mover o objeto, um novo quadro-chave será gerado automaticamente. Agora, ao reproduzir sua animação, você verá seu objeto se movendo entre os dois quadros-chave.

Você perceberá rapidamente que, assim como outros programas de animação, o After Effects gera um caminho consistente ou linear entre todos os quadros-chave adicionados. No entanto, não queremos manter esse movimento linear, pois ele não parece muito natural (lembre-se do princípio da animação: a sincronização).

Como entrar e sair com facilidade em apenas alguns cliques

Existem alguns métodos para alterar a temporização de linear para algo mais natural.

Um método consiste em adicionar manualmente novos quadros-chave e ajustar o intervalo entre eles visualmente. Embora esse método permita um controle bastante preciso, pode ser demorado. Além disso, se for necessário fazer alterações na animação posteriormente, a edição pode se tornar complexa.

Outra abordagem comum é simplesmente suavizar a aceleração e a desaceleração entre cada quadro-chave. O After Effects oferece algumas opções para fazer isso. A primeira delas é chamada de Facilidade.

Para acessar o Easy Ease, clique com o botão direito do mouse na sua linha do tempo, selecione Assistente de Quadros-chave e, em seguida, Easy Ease.

Adicionar o Easy Ease adiciona automaticamente uma curva de Bézier aos seus quadros-chave, começando do zero no início da animação, acelerando-a em direção ao meio e diminuindo a velocidade até que ela chegue a zero novamente.

Isso produz uma animação com uma sensação muito natural entre os dois quadros-chave.

Alternativamente, você pode optar por adicionar suavização manualmente selecionando "Suavização Fácil de Entrada" e "Suavização Fácil de Saída" no mesmo menu, que fazem exatamente o que os nomes indicam.

Uma dica rápida: você pode identificar facilmente quais quadros-chave têm efeitos de suavização aplicados, pois o ícone do quadro-chave mudará para uma ampulheta, como na imagem abaixo.

Embora usar o Easy Ease seja, bem, fácil, nem sempre cria o movimento desejado. Se você busca manipular as suavizações com muito mais controle, precisará acessar o Editor de Gráficos do After Effects.

Editores de gráficos facilitam a interpolação avançada

O Editor de Gráficos do After Effects visualiza a interpolação entre quadros-chave e oferece uma maneira de manter um controle preciso sobre o tempo e o movimento entre esses quadros.

Para acessar o Editor de Gráficos de um objeto, selecione o botão Editor de Gráficos acima da linha do tempo.

Na imagem acima, os quadrados amarelos representam os quadros-chave. A linha diagonal vermelha indica o movimento entre os dois quadros-chave no eixo X. A linha verde indica o movimento entre os dois quadros-chave no eixo Y.

Como você pode ver, a linha vermelha está inclinada. Isso indica um movimento linear do objeto selecionado ao longo do eixo X, enquanto a linha verde reta indica que não há movimento ao longo do eixo Y.

Se você reproduzisse essa animação, o objeto dentro da composição simplesmente se moveria da esquerda para a direita na tela em um ritmo linear.

Novamente, você pode clicar com o botão direito do mouse nos quadros-chave amarelos e selecionar "Suavização Fácil" para suavizar automaticamente a entrada e a saída da sua animação. Depois de fazer isso, ficará parecido com a imagem abaixo.

Aqui você pode ver como as linhas vermelha e verde mudaram de retas para curvas. Essas curvas representam a transição suave de entrada e saída da animação no início e no fim. A inclinação da linha indica a velocidade da animação; quanto mais íngreme a inclinação, mais rápida a animação.

Como as linhas vermelha e verde possuem inclinações na parte superior, ao reproduzir a animação, o objeto se moverá diagonalmente pela tela (deslocando-se nos eixos X e Y). O objeto começará completamente parado, acelerará gradualmente, ficará mais rápido em direção ao meio e, por fim, desacelerará até parar completamente.

Se você busca ainda mais controle sobre a suavização dos quadros-chave, você precisará abrir o que é chamado de Gráficos de Velocidade.

Os gráficos de velocidade mostram a rapidez com que os objetos se movem e oferecem ajustes ainda mais precisos de suavização.

Para acessar os gráficos de velocidade, clique no botão de menu na parte inferior da linha do tempo e selecione Editar gráfico de velocidade.

Abaixo, você encontrará um exemplo do que verá no seu gráfico de velocidade.

Este arco representa a velocidade de animação do seu objeto em qualquer ponto. Assim como no Editor de Gráficos, uma curva mais acentuada indica um movimento mais rápido, enquanto uma curva menos acentuada indica um movimento mais lento.

No exemplo acima, o objeto começa com velocidade zero, aumenta sua velocidade até atingir o ponto de maior velocidade no meio do percurso e, em seguida, diminui sua velocidade até chegar a zero no final.

Você pode ajustar a velocidade facilmente arrastando as alças amarelas de Bézier, aumentando ou diminuindo as inclinações às quais elas estão conectadas.

No exemplo abaixo, a curva foi alterada arrastando as alças de Bézier. Agora a animação começa rápida e, em seguida, diminui consideravelmente a velocidade no final até parar completamente.

Você também pode mover os quadros-chave amarelos para cima e para baixo verticalmente no gráfico. Fazendo isso, você alterará a velocidade inicial e final da animação.

Na imagem abaixo, o quadro inicial foi movido para cima no gráfico. 

Agora, em vez de começar com velocidade zero no início da animação, o objeto já estará em movimento quando a animação começar.

Dominar os keyframes e os editores de gráficos no After Effects estabelece a base para todos os tipos de animação. Depois de dominar esses controles, as possibilidades para suas animações se tornam infinitas.