Nesta lição, você aprenderá sobre a técnica de escrita para animar texto manuscrito no Adobe After Effects.



Para começar, vá para a camada de texto do seu projeto e pré-componha-o usando o mouse e escolhendo Clique com o botão direito > Pré-compor, ou usando o atalho de teclado Controle – Turno – C.



Clique duas vezes no texto camada pré-comp para abri-la.



Faça quaisquer ajustes no texto aqui, se necessário, e depois pré-componha-o novamente (aqui estamos chamando a nova camada de ‘Texto Fixo’). Certifique-se de que você não tem nada selecionado e, em seguida, selecione o Ferramenta Caneta.



Altere as propriedades da Ferramenta Caneta na parte superior removendo a cor de preenchimento e escolhendo uma largura de traço nominal.



Agora use a Ferramenta Caneta começando de onde você começaria se você realmente desenhasse o texto manuscrito à mão no papel. A chave para obter um efeito de escrita de aparência muito convincente é traçar a linha de como você desenharia isso com uma caneta.



Clique e arraste usando a Ferramenta Caneta e trace o texto. A ideia é usar a camada de forma para cobrir completamente a camada de texto, mas apenas um pouco. É muito fácil cobrir se você aumentar o valor do curso para um valor absurdo, mas você realmente quer que seja apenas mal cobrindo-o. Fazer isso lhe dará os melhores resultados.



Agora, às vezes, quando você tem uma pausa no texto aqui, o que você pode fazer é criar uma nova forma ou desenhar uma linha muito rapidamente para juntá-la à próxima letra. Você quer fazê-lo em um ângulo, de modo que comece no topo e não salte no meio da linha.



Continue traçando até chegar ao final do seu texto. Se você tiver quaisquer linhas adicionais, como a cruz da letra ‘t’ ou a letra ‘i’, você pode fazer isso criando uma nova forma e usando a Ferramenta Caneta novamente para traçar sobre ela.



Em seguida, você precisará ordenar essas formas. Debaixo Conteúdo certifique-se de que eles estão na ordem numérica correta com o primeiro número na parte superior e o último número na parte inferior.



Selecionar Conteúdo e vá para o Adicionar botão e selecione Trim Caminhos.



Defina-o para que ele anime Individualmente.



Abra cada Shape Layer e altere o seguinte:
- Limite de linha: Tampão redondo
- Junção de linha: Junção de rodada



Feito isso, podemos examinar as formas e fazer os pequenos ajustes necessários.
Selecionar Trimagem e mova para algo em torno da marca de três segundos na linha do tempo. Solte um quadro-chave final e defina-o como 100%.



Use a linha do tempo para voltar ao início e defina o quadro-chave final para 0%.



Agora defina a Camada de Texto ou a Camada ‘Texto Fixo’ para Alfa Mate. Clique no Botão de visualização de reprodução para ver sua animação manuscrita.



A partir daqui, podemos começar a fazer mais ajustes na animação para torná-la melhor. Primeiro vamos ajustar o tempo da animação para dois segundos para torná-la mais rápida.



Então vamos Facilidade Fácil os quadros-chave (Clique com o botão direito > Assistente de quadro-chave > Facilidade Fácil).



Adicionar Desfoque de movimento ao Camada de Formas.



Agora, finalmente, se você realmente deseja aperfeiçoar a aparência da sua animação, você pode criar uma pequena máscara usando a Ferramenta Caneta e cobrir quaisquer imperfeições da animação na camada de texto. Ao fechar a máscara, acerte o S tecla no seu teclado para fazer a máscara Subtrair.



Avance na linha do tempo para pouco antes de a máscara não ser mais necessária, defina um quadro-chave para a máscara. Avance um quadro-chave novamente e, em seguida, afaste-o.



Faça isso para todas as imperfeições para criar uma animação manuscrita com aparência perfeita.



E feito!
Parabéns! E é assim que você pode animar texto manuscrito 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+!
Originally posted 2022-05-19 12:20:46.