Blog Informatizado » gota d’água http://informatizado.com.br Mostrando e Descomplicando! Thu, 24 May 2012 13:19:06 +0000 en hourly 1 http://wordpress.org/?v=3.3 FLASH: Criando efeito gota de água caindo http://informatizado.com.br/2010/05/flash-criando-efeito-gota-de-agua-caindo/ http://informatizado.com.br/2010/05/flash-criando-efeito-gota-de-agua-caindo/#comments Sat, 29 May 2010 04:08:14 +0000 Daniel nunes http://informatizado.com.br/?p=8829 Leia mais »]]> Muito massa esse efeito simples mas muito bacana. um pingo de água em movimento. Um efeito legal para por em animações, criar chuva para animações e etc. lembrando que esse tutorial originalmente foi retirado do site oficinadanet.com.br e escrito por Otacílio Vieira.

RESULTADO FINAL

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

http://oficinadanet.net//imagens/coluna/2497/01.gif

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

http://static.oficinadanet.com.br/imagens/coluna/2497/02.gif

Arraste a Gota para o topo da imagem conforme mostrado abaixo:

http://static.oficinadanet.com.br/imagens/coluna/2497/03.gif

Transforme a gota em um clipe… Para isso aperte F8…

http://static.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://static.oficinadanet.com.br/imagens/coluna/2497/05.gif

Arraste a gota em linha reta para o ponto inferior da animação…

http://static.oficinadanet.com.br/imagens/coluna/2497/06.gif

Clique com o botão direito no frame e clique em:

http://static.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://static.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://static.oficinadanet.com.br/imagens/coluna/2497/bt3.gif faça um circulo com a cor: #0000ff.

http://static.oficinadanet.com.br/imagens/coluna/2497/08.gif

Transforme a onda para um clipe.

http://static.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://static.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://static.oficinadanet.com.br/imagens/coluna/2497/bt4.gif e aumente a onda com uma proporção. Com a ferramenta Selection tool http://static.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://static.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://static.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://static.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

]]> http://informatizado.com.br/2010/05/flash-criando-efeito-gota-de-agua-caindo/feed/ 4