Como animar texto manuscrito no After Effects

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

texto escrito à mão no After Effectstexto escrito à mão no After Effectstexto escrito à mão no 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.

pré-escrever textopré-escrever textopré-escrever texto

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

abrir composição de textoabrir composição de textoabrir composição de texto

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.

selecione a ferramenta canetaselecione a ferramenta canetaselecione a ferramenta caneta

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

propriedades da ferramenta canetapropriedades da ferramenta canetapropriedades da ferramenta caneta

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.

use a ferramenta canetause a ferramenta canetause a ferramenta 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.

rastrear o textorastrear o textorastrear o texto

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.

lacuna no textolacuna no textolacuna no texto

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.

cruzar o t e pontilhar o icruzar o t e pontilhar o icruzar o t e pontilhar o i

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.

ordenar as formasordenar as formasordenar as formas

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

aparar caminhosaparar caminhosaparar caminhos

Defina-o para que ele anime Individualmente.

animar individualmenteanimar individualmenteanimar individualmente

Abra cada Shape Layer e altere o seguinte:

  • Limite de linha: Tampão redondo
  • Junção de linha: Junção de rodada
mude para round cap e round joinmude para round cap e round joinmude para round cap e round join

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%.

final do quadro-chavefinal do quadro-chavefinal do quadro-chave

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

final do quadro-chavefinal do quadro-chavefinal do quadro-chave

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.

alfa foscoalfa foscoalfa fosco

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.

diminuir o tempodiminuir o tempodiminuir o tempo

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

facilidade fácilfacilidade fácilfacilidade fácil

Adicionar Desfoque de movimento ao Camada de Formas.

borrão de movimentoborrão de movimentoborrão de movimento

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.

áreas de máscaraáreas de máscaraáreas de máscara

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.

mover máscara mover máscara mover máscara

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

texto manuscritotexto manuscritotexto manuscrito

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+!

Deixe um comentário

O seu endereço de e-mail não será publicado.