Oficina da Net Logo

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.

O resultado do tutorial é este:


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.

O resultado:


Em anexo o fla do tutorial.

Comentários
Carregar comentários