Como criar texto desenhado à mão no Adobe After Effects

Como criar texto desenhado à mão no Adobe After Effects 1

Neste tutorial em vídeo do After Effects, você aprenderá como criar uma animação de caneta stop motion no After Effects!

Adobe After Effects

Dê vida ao seu texto com um animação de gravação em stop motion no After Effects. Texto desenhado de mão é divertido e divertido, tornando-o apropriado para uma ampla variedade de assuntos e projetos de vídeo.

No tutorial a seguir, voc√™ descobrir√° que √© muito f√°cil criar um efeito org√Ęnico m√£o desenhada em AE. Usando apenas as ferramentas que est√£o no After Effects (nenhum plug-in de terceiros √© necess√°rio), voc√™ pode criar o efeito desenhado √† m√£o usando express√Ķes simples e a ferramenta caneta AE.

Pegue muitos truques aqui para fazer o efeito de m√£o desenhada parece mais org√Ęnico. Por exemplo, express√Ķes AE s√£o adicionadas √† camada de papel de fundo para obter o efeito de stop motion.

Confira o texto completo à mão no tutorial do After Effects (melhor visualização em tela cheia) ou leia a transcrição completa do vídeo abaixo:

[color-box color=‚ÄĚgray‚ÄĚ]

Neste tutorial do After Effects, fingiremos animação em stop motion usando uma caneta esferográfica falsa. Eu sou Evan Abrams de premiumbeat.com. Você nem precisa de vários pedaços de papel ou de uma caneta esferográfica de verdade. Então, vamos abrir o After Effects e começar a fingir animação em stop motion. Dentro do After Effects, a primeira coisa que vamos fazer é criar uma nova composição e usar os HDTV 1080 24 quadros por segundo predefinido, com duração de 30 segundos. Agora, também precisaremos de um plano de fundo em papel; portanto, importe um deles e arraste-o para a composição.

√Č melhor se voc√™ usar texturas de papel maiores que a moldura da composi√ß√£o. Nesse caso, este √© “3000 por 4, 000 ‚ÄĚ, que vai muito al√©m dos limites do quadro. E apenas aplicaremos ‚Äúcurvas‚ÄĚ a ele e empurraremos as curvas para cima para clarear, al√©m de aplicarmos uma tonalidade, porque n√£o estamos interessados ‚Äč‚Äčem nenhuma das informa√ß√Ķes de cores. E, como vamos fingir um efeito do tipo stop motion, vamos mudar sua posi√ß√£o e rota√ß√£o para ter express√Ķes neles. Essas express√Ķes ser√£o mexidas e, em seguida, 10 vezes por segundo e, no caso da posi√ß√£o, ser√£o mexidas 8 pixels e, no caso da rota√ß√£o, vai mexer 00,25 graus.

Assim, você pode ver cada quadro um pouco diferente e amplificar esse efeito para ser mais significativo se quiser que pareça que há muito mais pedaços de papel diferentes a cada vez. Então, lá vamos nós, e esse é o papel tratado, então, prenda a camada para não atrapalhá-la e agora vamos criar as linhas da caneta esferográfica que estão sendo desenhadas no papel. Portanto, fazemos isso criando uma camada de texto e digitando um guia, neste caso, simplesmente usando a palavra guia e, em seguida, escalando-a para o tamanho que você precisa e usando o painel de alinhamento para alinhá-lo ao local onde gostar ou posicioná-lo à mão. Agora, se você quiser, pode criar camadas, criar formas a partir do texto e criar contornos ao redor da forma, mas o que eu gostaria de usar é a ferramenta caneta para criar um desenho mais desenhado à mão basta clicar e desenhar um caminho.

Portanto, verifique se você não tem nada selecionado e clique e desenhe, para criar uma nova camada de forma para você enquanto desenha. Estou apenas usando a fonte Bebas Neue como guia para desenhar essa nova forma. Então, ele criou uma camada de forma e colocou uma forma dentro dela com um caminho. Vou mudar a cor do traçado para branco, um branco puro e o tamanho do traço é bom em 10. Portanto, mantenha a camada selecionada, volte para a ferramenta caneta e desenhe o restante das formas, tendo em mente que você deseja desenhá-los de maneira semelhante a como uma mão os desenharia com curvas diferentes e pequenas diferenças em como eles começam e param, meio que os flui um para o outro, talvez colocando coisas como pequenas curvas nos cantos e se sobreponham quando eles terminam.

Portanto, agora temos nossas linhas e, no entanto, você gerou essa camada de forma não é necessariamente importante. Você não precisa mais olhar para o guia, para que possa desaparecer. E agora vamos mudar o traçado para ser algo que podemos ver no papel, para que uma cor agradável e escura, até o preto puro funcionem para isso. E o que vamos fazer é animar esse texto usando os caminhos de recorte, portanto, basta adicionar caminhos de recorte, ele adicionará caminhos de recorte a cada uma das formas e mudaremos de simultaneamente para individual e defina as extremidades 0, coloque um quadro principal lá, vá para aproximadamente 3 segundos e defina um quadro-chave como 100% completo.

Portanto, como você pode ver, as camadas são desenhadas e desenhadas na ordem de cima para baixo; portanto, talvez seja necessário alterar a ordem para garantir que elas estejam na ordem esperada. E quando você os assiste, tudo parece muito bom e normal. Agora, estilizar isso é muito importante. Agora, todo o estilo se resume aos efeitos que você aplicou a ele. Então, vamos usar arestas mais ásperas, e as arestas mais ásperas, como você pode ver, mudarão a consistência da linha e mudaremos a escala aqui para 20, então é uma muito mais áspero. E essa rugosidade é destinada a simular o sangramento da tinta no papel.

E ent√£o tamb√©m vamos mudar sua evolu√ß√£o aqui. Nas op√ß√Ķes de evolu√ß√£o, mantenha pressionada a tecla ALT, clique em semente aleat√≥ria e digite wiggle 10 v√≠rgula 8 para que ele mude constantemente em cada quadro como ele √©. E a pr√≥xima coisa a fazer √© adicionar a ele caminhos de manobra, novamente na pilha de formas onde voc√™ pode adicionar coisas. E os caminhos de manobra fazem com que o pr√≥prio caminho mude; assim, n√£o apenas alteramos a espessura para ser vari√°vel, como tamb√©m alteramos a pr√≥pria linha para ser vari√°vel. Agora, vamos apenas mudar o tamanho para baixo 2 e o detalhe provavelmente √© bom em 8, e em vez de canto, gostar√≠amos que fosse suave.

Isso √© bom. Agora, podemos fazer com que seus movimentos por segundo cheguem a cerca de 25 ou 10, ou algo muito semelhante √† varia√ß√£o que temos em outros lugares. Ent√£o isso est√° causando varia√ß√£o na linha. Agora, tamb√©m adicionaremos a isso um deslocamento turbulento, que causa deslocamentos maiores. Ent√£o, vamos mudar sua quantidade para 1, seu tamanho √© 350, e mudaremos suas op√ß√Ķes de evolu√ß√£o para, novamente, alterar a semente aleat√≥ria para mexer 10 vezes por segundo, 8 unidades. E voc√™ pode ver que est√° aumentando e mudando com essa adi√ß√£o. Agora, a pr√≥xima coisa que queremos fazer √© mudar sua posi√ß√£o e rota√ß√£o para tamb√©m ter manobras sobre eles. Ent√£o, mantenha pressionada a tecla ALT e clique no cron√īmetro para elas e vamos configur√°-las para mexer 10
vezes por segundo. E, em termos de posição, só vamos mudar isso por 2 pixels e vamos copiar e colar isso na rotação e, em vez de 2 graus, vai ser 30,25 graus.

Ent√£o, est√° se movendo e mudando um pouco em cada quadro. Agora, para fazer com que pare√ßa uma caneta, √© preciso afundar e desfocar mais o papel. Ent√£o, vamos pegar essa camada de forma e pr√©-compor, voc√™ pode fazer isso indo para a camada, selecionando pr√©-composi√ß√£o ou Control Shift C ou Command Shift C, e vamos nomear isso “Tra√ßos da caneta” e vamos duplicar isso duas vezes. Na camada superior, vamos deix√°-lo como est√°, mas vamos camadas, estilos de camada e vamos adicionar um chanfro e gravar nele. E o que isso far√° √© criar essa apar√™ncia brilhante e recuada, alterando-a de cima para baixo e alterando seu tamanho por 3. Voc√™ pode ver aqui, na parte inferior, que est√° ficando meio recuado.

E ent√£o, na camada abaixo dela, gostar√≠amos de aplicar uma desfocagem r√°pida, definindo sua desfocagem para algo como 5 pixels e, em seguida, copie esse borr√£o r√°pido e aplique-o ao tra√ßo da caneta abaixo dele, e definiremos isso para 10. Basta dar um zoom aqui e dar uma olhada em qu√£o profunda sua goiva de caneta est√° no papel e talvez apenas alter√°-lo n√£o ser t√£o profundo. Talvez 25% de profundidade possa ser bom, ent√£o realmente parece algo pressionado, mas n√£o tanto que pare√ßa c√īmico. Agora, a √ļltima coisa a fazer √© pegar todas essas op√ß√Ķes, alter√°-las para serem multiplicadas, exceto a camada superior, que pode permanecer normal, e mudaremos suas opacidades para 60, porque n√£o precisa para ser totalmente, totalmente brilhante. Voc√™ pode querer ir
e ajuste que o alfa destes seja um pouco mais parecido com um blob. Portanto, você pode fazer isso aplicando um desfoque rápido, configurando o desfoque para 2e, em seguida, aplicando curvas a essa camada e afetando o alfa, ele será mais contrastante. E então, quando você voltar, poderá ver um pouco mais como a forma como a tinta está se comportando. Então, nós reproduzimos isso, temos esse bom movimento de stop motion de tudo e parece plausivelmente uma caneta de stop motion.

Portanto, a √ļltima coisa a fazer √© colocar um novo s√≥lido, defini-lo como preto, torn√°-lo o tamanho da composi√ß√£o e aplicaremos uma vinheta usando um caminho de elipse definido para subtrair e alter√°-lo para ter um pena de 960 e uma expans√£o de, aproximadamente, 450 e est√° tudo pronto. Foi Evan Abrams para premiumbeat.com, sua fonte de m√ļsica e efeitos sonoros isentos de direitos autorais. Visite o blog para ver mais dicas e truques no After Effects e em outros aplicativos. Vejo voc√™ na pr√≥xima vez para mais tutoriais. Eu sou Evan Abrams e obrigado por assistir.

[/color-box]