Como criar anima√ß√Ķes de linha e fervura din√Ęmicas e divertidas

Como criar anima√ß√Ķes de linha e fervura din√Ęmicas e divertidas 1

Neste tutorial, mostrarei como criar anima√ß√Ķes simples, quadro a quadro, usando a t√©cnica de fervura de linha no Adobe After Effects.

Os fur√ļnculos de linha ocorrem quando as imagens de uma anima√ß√£o quadro a quadro n√£o se alinham perfeitamente. Se os tra√ßos das ilustra√ß√Ķes t√™m larguras ligeiramente diferentes ou as linhas ocasionalmente perdem a marca, o resultado √© uma imagem que se mexe e pula – ou “ferve”.

Nos primeiros dias da anima√ß√£o, os fur√ļnculos de linha eram considerados um erro; portanto, os animadores tentavam evit√°-lo a todo custo. Agora, a t√©cnica √© comum porque √© f√°cil de criar e pode rapidamente adicionar vida a um projeto.

Aqui está como você faz isso.


As ferramentas

As ferramentas

Tudo o que você realmente precisa para criar esse efeito é um iPad, Apple Lápis e o aplicativo Procriar.

Existem várias maneiras de criar esse efeito. Neste tutorial, eu usarei um iPad com um Apple Lápis e um aplicativo chamado Procreate. Também utilizarei o Adobe After Effects para ajustar a animação. Você pode, no entanto, criar essa mesma aparência usando várias outras ferramentas e programas, incluindo Adobe Photoshop, Illustrator, Adobe Animate e Toon Boom Рou simplesmente desenhando no papel e digitalizando as imagens.


Degrau 1 – Desenhe o primeiro quadro

Na primeira etapa, desenharei meu quadro inicial Рum simples doodle de raposa. Essa é realmente a parte mais difícil, pois apenas rastrearemos a imagem original várias vezes quando terminar. Estou usando o aplicativo Procreate no meu iPad, o que torna incrivelmente fácil desenhar e animar.

O Primeiro Quadro

Use as diretrizes de desenho para obter uma imagem simétrica.

Para esse primeiro quadro, usarei as guias de desenho para obter uma boa raposa geométrica e simétrica. Novamente, você pode usar uma mesa gráfica Wacom, Photoshop, Adobe Animate, Toon Boom ou até mesmo um simples pedaço de papel para criar uma linha fervente.


Degrau 2 – Rastrear e repetir

Quando terminar o meu doodle fox, estou pronto para criar alguns quadros duplicados. Ativarei o recurso Assistente de Anima√ß√£o no Procreate, que fornece v√°rias ferramentas de anima√ß√£o. Essa barra de ferramentas me permite adicionar e reorganizar quadros com facilidade – e at√© configurar cascas de cebola. Se voc√™ √© novo no mundo da anima√ß√£o quadro a quadro, as cascas de cebola fornecem uma refer√™ncia r√°pida para os quadros adjacentes. Eu posso controlar a opacidade e o n√ļmero de quadros de casca de cebola.

Para iniciar minha animação, clicarei no Adicionar novo quadro e rastreie rapidamente a imagem original da fox. Não preciso ser exato, pois quero ter um bom movimento na minha linha. Naturalmente, quanto mais preciso eu sou com meus traços, menos movimento vou ver na minha animação final. Vou criar três quadros de traços, totalizando quatro quadros.

Anima√ß√Ķes de fervura de linha

Selecione Adicionar quadro refazer sua imagem.

Para visualizar minha anima√ß√£o, pressionarei o Toque bot√£o na barra de ferramentas. No Defini√ß√Ķes op√ß√£o, eu posso controlar os quadros por segundo enquanto a anima√ß√£o √© reproduzida. √Č uma boa maneira de encontrar um visual com o qual estou feliz, que para este projeto √© de 8 qps.


Degrau 3 – Exportar / Concluir no After Effects

Posso exportar a anima√ß√£o diretamente do Procreate em v√°rios formatos diferentes, incluindo um GIF animado, MP4 animado, PNG animado e v√°rias outras op√ß√Ķes. Digamos, no entanto, que eu quero trazer isso para o Adobe After Effects para incorpor√°-lo em outro projeto. Para isso, exportarei as camadas, individualmente, como imagens PNG.

Exportação

Para incorporar sua imagem em outro projeto, exporte as camadas para o Adobe After Effects.

Para trazer essas imagens para o Adobe After Effects, selecionarei a primeira imagem e especifique importar as camadas como uma sequ√™ncia PNG. O Adobe AE definir√° automaticamente a taxa de quadros do clipe, com base nas configura√ß√Ķes padr√£o do meu projeto. Para mudar isso, clicarei com o bot√£o direito do mouse no clipe no painel do projeto e selecione Interpretar imagens> Principale defina manualmente a taxa de quadros como 8fps.

Alterar taxa de quadros

Selecione Interpretar imagens> Principal para alterar manualmente a taxa de quadros.

Depois de inserir esse clipe em uma sequ√™ncia, ainda ser√° necess√°rio configur√°-lo para repetir. Primeiro, clico com o bot√£o direito do mouse no clipe e seleciono Hora> Ativar Remapeamento de Hora. Um r√°pido Alt + clique no Remapeamento de tempo O atributo adicionar√° uma express√£o ao par√Ęmetro Agora, vou abrir o menu do idioma da express√£o e selecionar Propriedade> loopOut. Com meu loop agora aplicado, simplesmente expandirei meu clipe para reproduzir a sequ√™ncia inteira.

Definir como loop

Depois de colocar o clipe em uma sequência, você o definirá como loop.

Animação concluída

Aqui est√° o seu produto acabado.

Voil√†, a anima√ß√£o da raposa est√° completa. Lembre-se de focar na t√©cnica, e n√£o nas ferramentas. Criar uma fervura de linha √© t√£o simples quanto criar uma ilustra√ß√£o e rastre√°-la v√°rias vezes. Esse m√©todo funciona muito bem nas ilustra√ß√Ķes e nos elementos de texto; portanto, experimente-o no seu pr√≥ximo projeto.


Interessado nas faixas que usamos para fazer este vídeo?

Procurando mais sobre animação e gráficos em movimento? Confira esses artigos.