Crie uma animação de personagem seguindo passos basicos no Animate CC
- Abra o Animate e crie um novo documento HTML5 Canvas
- 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”
- 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”.
- 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
- Crie uma nova camada e renomeie como “rosto” e adicione o desenho da carinha da menina no primeiro frame
- Crie um quadro chave no frame 50 da segunda camada e remova os quadros do 51-100
- Crie uma nova camada e renomeie como “rosto final”
- Vá para o frame 51, insira um quadro chave e adicione o rostinho da menina com os olhos fechados.
- Crie uma nova camada com o nome de “braço” e adicione o braço da menina no primeiro frame
- Converta em símbolo como clipe de filme e adicione um nome “braço”
- No mesmo frame crie uma bolinha sem preenchimento nem traçado para poder liga-lo com o braço e criar uma movimentação
- Converta a bolinha em clipe de filme, coloque um nome e aperte em OK
- 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
- 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
- Vá para o frame 100 da camada braço e crie um novo quadro chave ou aperte F6.
- 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.