Blog Tecnológico

Crie uma animação fácil no Animate CC

Melissa Campuzano • 05 dez 2016

Crie uma animação de personagem seguindo passos basicos no Animate CC

  1. Abra o Animate e crie um novo documento HTML5 Canvas



  2. No primeiro frame da primeira camada da linha do tempo desenhe sua animação ou importe-a desde o Illustrator, renomeie o nome da camada como “Corpo”





  3. Vá para Modificar>Converter em símbolo ou aperte F8  para converter seu desenho em Clipe de Filme, dê um nome ao símbolo “corpo”.



  4. Insira um quadro chave no frame 100 ou aperte F6 para que essa parte do desenho de sua animação se mantenha fixa ate o final da animação



  5. Crie uma nova camada e renomeie como “rosto” e adicione o desenho da carinha da menina no primeiro frame







  6. Crie um quadro chave no frame 50 da segunda camada e remova os quadros do 51-100



  7. Crie uma nova camada e renomeie como “rosto final”



  8. Vá para o frame 51, insira um quadro chave e adicione o rostinho da menina com os olhos fechados.



  9. Crie uma nova camada com o nome de “braço” e adicione o braço da menina no primeiro frame




  10.  Converta em símbolo como clipe de filme e adicione um nome “braço”



  11. No mesmo frame crie uma bolinha sem preenchimento nem traçado para poder liga-lo com o braço e criar uma movimentação



  12. Converta a bolinha em clipe de filme, coloque um nome e aperte em OK



  13. Com a ferramenta Transformação Livre selecionada mude o ponto branco de registro do braço e também o ponto branco de registro da bolinha transparente de maneira que ambos fiquem perto um do outro





  14. Selecione a ferramenta Bone e ligue os dois pontos de registro , ao liga-los o Animate automaticamente ira criar uma camada nova com o nome de Armadura IK



  15. Vá para o frame 100 da camada braço e crie um novo quadro chave ou aperte F6.



  16. No frame 100 da mesma camada braço movimente a posição do braço, o uso da ferramenta Bone cria automaticamente uma interpolação de movimento, então você só tem que definir a posição do elemento no frame um e a posição no ultimo frame e o movimento será automaticamente criado.




Use novas camadas para criar um background legal e comece a mexer com sua criatividade !

Veja a animação final:


Melissa Campuzano

Melissa Campuzano, graduada em Design Gráfico pela UCATEC, com grau de Record Acadêmico.

Trabalha na área de Design, desenvolvendo projetos variados de design, imagem corporativa e eventos no exterior.
Com suas peças gráficas conseguiu mudar a percepção do público sobre o que significa estudar numa universidade de empreendedores.
É instrutora e consultora das tecnologias Adobe, atuando na ENG DTP & Multimídia.

CONTATO