Neste tutorial, mostrarei como criar um tratamento de animação de texto de ótima aparência usando o Adobe After Effects. A animação é muito estilosa e uma ótima maneira de melhorar a aparência do seu projeto.
Esta é a parte 2 do tutorial, então vamos continuar exatamente de onde paramos na parte 1. Vamos fazer alguma animação e fazer parecer que o texto está sendo revelado por trás desses retângulos. Vai ficar ótimo.
Agora, temos essa composição muito legal que será muito flexível para texto de tamanho diferente ou que tenha vários caracteres diferentes. E podemos fazer muitas coisas muito rapidamente para modificar isso de várias maneiras diferentes.
A próxima parte disso é fazer alguma animação. Então eu preciso animar meu Retângulo 1 e Retângulo 2. Insira um quadro-chave de posição.
Volte para o início da linha do tempo e, em seguida, basta clicar e arrastar o x para puxá-lo para a esquerda.
Quando chegar ao ponto em que está sendo coberto pelo fosco, você pode parar de movê-lo ainda mais.
Faça o mesmo com o segundo retângulo. Ao clicar e arrastar, você também pode manter pressionado Mudançae isso tornará o movimento 10 vezes mais rápido que o normal.
Então agora, quando você apertar o botão de pré-visualização, você verá que os retângulos se movem da esquerda para a direita!
Agora selecione os quadros-chave e Clique com o botão direito > Facilidade fácil.
Então entre no Editor de gráfico e altere um pouco essa curva, para que fique parecida com a imagem abaixo.
Para obter um efeito de deslocamento, você precisa selecionar o segundo retângulo e puxá-lo um pouco para a frente na linha do tempo. É muito simples obter um efeito de compensação legal.
A próxima parte é animar o texto, e preciso começar isso em dois momentos diferentes. Na verdade, o texto não precisa aparecer até um pouco mais longe na linha do tempo, então vamos avançar um pouco.
E eu vou animar a posição final. Então, vou para talvez 3,5 segundos e crio um quadro-chave de posição pressionando Alt-Shift-P.
Vá para o início das camadas de texto na linha do tempo e deslize-as para a direita, parando quando chegarem logo atrás do retângulo.
Repita isso para a linha de texto inferior também. Você pode continuar a ajustar o tempo dos movimentos do texto movendo os quadros-chave ou a camada ao longo da linha do tempo. Pressione play preview para ver como fica e ajuste como achar melhor.
Lembre-se de facilitar facilmente os quadros-chave (clique com o botão direito > Facilidade Fácil) e ajuste a velocidade usando o editor gráfico.
Você também pode usar uma extensão de terceiros como Movimento-3 para ajustar a velocidade. Você pode pegar isso em mtmograph.com/motion.
Agora que temos nossa animação completa, vamos ver rapidamente como podemos modificá-la para se adequar ao tamanho do texto. Portanto, se quisermos adicionar outra palavra às linhas inferior e superior, você notará que o fosco cobre o texto à esquerda.
O é fácil de modificar. Tudo o que você precisa fazer é estender o lado esquerdo usando o controle deslizante na camada Matte Control. E você verá que o texto agora está visível.
Você também pode achar que precisa ajustar os valores de posição dos quadros-chave para que eles sejam cobertos nos lugares certos nos momentos certos.
E esta é uma boa técnica para poder obter essa animação e tê-la ajustável e modular de maneira amigável.
Agora, se este texto não estiver posicionado exatamente onde você queria, você também pode movê-lo sem problemas. Basta selecionar todas essas camadas destacadas abaixo e usar o chicote de seleção para pai da camada Matte Control.
Abra a posição da Matte Layer e ajuste os valores de posição de lá para mover tudo.
E porque eu fiz esses foscos um pouco maiores (para que eles fiquem um pouco fora da tela), isso não afetará nossa animação enquanto eles continuarem a sangrar da tela quando você reposicionar todos os elementos.
Parabéns
Parabéns! E é assim que você pode criar uma animação de retângulo de revelação de texto com aparência elegante no Adobe After Effects. Agora que você aprendeu o básico, confira alguns dos outros tutoriais que temos sobre o Adobe After Effects abaixo.
Espero que você tenha achado este tutorial útil, e nos vemos na próxima vez no Envato Tuts+!
