Criando pingo de água com flash

Este tutorial vai mostrar como criar um pingo de água em movimento. Um efeito legal para por em animações, criar chuva para animações e etc.

Por | @oficinadanet Softwares Pular para comentários

Este tutorial vai mostrar como criar um pingo de água em movimento. Um efeito legal para por em animações, criar chuva para animações e etc.

Primeiramente abra um novo docuento no flash. Vá em propriedade(CTRL J) E ajuste conforme a imagem abaixo.

http://www.oficinadanet.com.br//imagens/coluna/2497/01.gif

Crie uma cada http://www.oficinadanet.com.br//imagens/coluna/2497/bt1.gif e nomei como gota, após isso com a ferramenta pen tool http://www.oficinadanet.com.br//imagens/coluna/2497/bt2.gif Desenhe uma Gota como a de baixo.
http://www.oficinadanet.com.br//imagens/coluna/2497/02.gif

Arraste a Gota para o topo da imagem conforme mostrado abaixo:
http://www.oficinadanet.com.br//imagens/coluna/2497/03.gif

Transforme a gota em um clipe... Para isso aperte F8...
http://www.oficinadanet.com.br//imagens/coluna/2497/04.gif

Agora cline na time line, no frame 30 e crie um key frame. Aperte F6 para isso.
http://www.oficinadanet.com.br//imagens/coluna/2497/05.gif

Arraste a gota em linha reta para o ponto inferior da animação...
http://www.oficinadanet.com.br//imagens/coluna/2497/06.gif

Clique com o botão direito no frame e clique em:
http://www.oficinadanet.com.br//imagens/coluna/2497/07.gif

Pronto a animação da chuva esta pronta. Agora vamos fazer as ondas. Crie mais uma camada clicando neste botão http://www.oficinadanet.com.br//imagens/coluna/2497/bt1.gif nomei como onda. No quadro 30 aperte F7 para adicionar um quadro vazio. E com a ferramenta Oval Tool http://www.oficinadanet.com.br//imagens/coluna/2497/bt3.gif faça um circulo com a cor: #0000ff.
http://www.oficinadanet.com.br//imagens/coluna/2497/08.gif

Transforme a onda para um clipe.
http://www.oficinadanet.com.br//imagens/coluna/2497/09.gif

E enseguida clique clique no quadro 45 e faça um key frame. para isso aparte F6. Repita o processo no quado 60.
http://www.oficinadanet.com.br//imagens/coluna/2497/10.gif

Selecione o quadro 45 e aumente nossa onda um pouco. Para isso cselecione a ferramenta free transform tool http://www.oficinadanet.com.br//imagens/coluna/2497/bt4.gif e aumente a onda com uma proporção. Com a ferramenta Selection tool http://www.oficinadanet.com.br//imagens/coluna/2497/bt5.gif clique na onda do frame 45. Vá em color mude para alpha e coloque color para alpha e coloque o valor para 44%.
http://www.oficinadanet.com.br//imagens/coluna/2497/11.gif

Selecione a o frame 60. Aumente a onda um pouco maior do que o frame 45.
Clique com a selection tool e mude tambem para alpha mas agora mude o valor para 22%.
Entre as frames 30, 45 e 60 clique com o direito e selecione:
http://www.oficinadanet.com.br//imagens/coluna/2497/07.gif

Pronto para testa aperte CTRL ENTER. Para fazer uma segunda onda basta copiar os frame da layer onda e colar em uma nova camada que deve ficar acima. Coloque os frames com uma distância direfente.
http://www.oficinadanet.com.br//imagens/coluna/2497/td_12.gif

No frame 45 na nova camada coloque alpha com o valor de 18%.
No frame 60 na nova camada coloque alpha com o valor de 10%.
No frame 75 na nova camada coloque alpha com o valor de 0%.
Salve e de uma olhada. Não esqueça de criar o motion entre as camadas 45,60 e 75. Até mais.


Em anexo o fla do tutorial.

Assista ao nosso último vídeo:
Inscreva-se no canal