Atendimento via WhatsApp Atendimento via WhatsApp

Blog Tecnológico

Como fazer uma animação de chamas com o Adobe Animate

Leticia Borges • 16 jul 2021 • Adobe Animate

Como fazer uma animação de chamas com o Adobe Animate

Hoje teremos como tutorial como fazer chamas com apenas 15 fáceis passos usando o Adobe Animate.

1. A primeira coisa que iremos fazer, é colocar na barra de ferramentas a “ferramenta Polystar”, para isso temos que arrastar ele para a barra de ferramentas.

ferramenta-polystar-selecionada-animate-eng-dtp-multimidia

2. Com o Polystar selecionado, vamos alterar o número de lados de 5 para 3, para fazer um triangulo.

numero-de-lados-animate-eng-dtp-multimidia

triangulo-laranja-animate-eng-dtp-multimidia

3. Com isso vamos selecionar a “ferramenta de transformação livre”, para que que podemos alongar o nosso triangulo.

ferramenta-de-transformacao-livre-animate-eng-dtp-multimidia transformacao-triangulo-laranja-animate-eng-dtp-multimidia

4. Vamos clicar no guia “objeto”, com o nosso triângulo selecionado, e mudar o seu nome para “chama”.

alteracao-de-nome-chama-animate-eng-dtp-multimidia

converter-em-simbolo-nome-chama-animate-eng-dtp-multimidia

5. Clicando duas vezes, teremos uma linha do tempo do símbolo “chama”.

linha-do-tempo-chama-animate-eng-dtp-multimidia

6. Selecionando o quadro-chave na linha do tempo, clique no ícone “criar interpolação clássica”.

interpole-no-animate-eng-dtp-multimidia

Fazendo isso, irá aparecer uma mensagem, você pode clicar “OK”, com isso vamos mudar o ponto de ancoragem do triângulo para a sua base.

ponto-de-ancoragem-chama-animate-eng-dtp-multimidia base-chama-ponto-de-ancoragem-animate-eng-dtp-multimidia             

7. Com isso, as chamas vão estar prontas para ser animadas, inspirando o quadros-chaves nos quadros 12 e 24.

animar-chamas-animate-eng-dtp-multimidia

inserir-quadro-chave-chama-animate-eng-dtp-multimidia

8. Com o quadro-chave 12, use a ferramenta de transformação livre, e abaixe a chama.

abaixar-chama-animate-eng-dtp-multimidia

9. Clicando na seta de voltar, você vai sair do modo de edição do símbolo.

botao-de-voltar-no-animate-eng-dtp-multimidia sair-do-modo-de-edicao-animate-eng-dtp-multimidia

10. Pressione e segure a tecla “Alt” (Win) ou “Option” (MacOS), com isso iremos criar varias instâncias de uma única chama, o que vai ter as mesmas configurações.

instancias-na-chama-animate-eng-dtp-multimidia

11. Selecione o quadro 24 e pressione com o ícone do quadro selecionado.

selecionar-o-quadro-animate-eng-dtp-multimidia

pressionar-quadro-chama-animate-eng-dtp-multimidia

12. Vamos criar as variações no movimento, clique nas chamas laterais, e vá para o “reproduzir repetidamente”. Definindo o valor como 10 e 20.

definicao-valor-dez-animate-eng-dtp-multimidia

definicao-valor-vinte-animate-eng-dtp-multimidia

O resultado da imagem deve ficar mais ou menos assim:

resultado-das-chamas-no-animate-eng-dtp-multimidia

13. Com qualquer triangulo selecionado, em “efeitos de cor”, selecione tonalidade, e altere a cor, com forme você preferir.

tonalidade-das-chamas-animate-eng-dtp-multimidia

cores-chamas-animate-eng-dtp-multimidia

mudanca-nas-cores-chamas-animate-eng-dtp-multimidia

14. Com a cor mudada, clique no botão de reprodução para uma pré-visualizar.

pre-visualizacao-chamas-animate-eng-dtp-multimidia

15. Bloqueando a camada das chamas, crie mais uma camada, para colarmos a madeira e o brilho no cenário.

/criar-camada-para-madeira-animate-eng-dtp-multimidia

O nosso resultado deve ficar assim:

resultado-final-animacao-chamas-eng-dtp-multimidia

Com isso terminamos o nosso tutorial, se você gostou e quer aprender mais como mexer no Adobe Animate, confira os outros tutoriais que estão disponíveis em nosso blog.

Gostou deste conteúdo?




 

 

Leticia Borges

Leticia Borges

Cursando Design pelo SENAC, tendo certificação Adobe Certified Professional in Visual Design using Adobe Photoshop. Atuando na área de Design Multimídia na ENG DTP & Multimídia

ENG DTP & Multimídia - Logo

 

 

ENVIE SEU CONTATO e SEUS COMENTÁRIOS


LinkedIn da ENG DTP Multimídia
     Facebook da ENG DTP Multimídia     Instagram da ENG DTP Multimídia