Lomadee, uma nova espécie na web. A maior plataforma de afiliados da América Latina.

FLASH: Criando efeito gota de água caindo

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

Categoria: (web)design, Flash & truques Tags: ,

Você deveria ler Também:

FLASH: morrrreeeeeeuuuu, abestado!!! FLASH: morrrreeeeeeuuuu, abestado!!!
SOFTWARE LIVRE: Conheça alguns editores de arquivos .swf SOFTWARE LIVRE: Conheça alguns editores de arquivos .swf
FLASH: movendo o fundo com o mouse (efeito) FLASH: movendo o fundo com o mouse (efeito)
Colocando link em flash Colocando link em flash

4 Responses to "FLASH: Criando efeito gota de água caindo"

  1. Daniel nunes disse:
    Ola Luana, muito bom saber que nós estamos ajudando mais uma iniciante na informática, fique conosco, e pra ficar sempre bem informada aceite a assinatura de nossa NewsLetter, que já está em seu email. obrigado! pela visita
  2. Luana disse:
    Achei muito legal, estou aprendendo agora e queria saber mais se poder me mande..Obrigado
  3. elma disse:
    daniel que massa, esse tutorial!, mande mais pra nós valeu pelo blog
  4. luciano disse:
    cara ótimo esse, excelente to fazendo!, tu pode disponibilizar o arquivo .fla

Deixe seu comentário

Enviar comentário

Classificados
© 2012 Blog Informatizado. All rights reserved. XHTML / CSS Valid.
Customizado por WebPress.
Website is Protected By Using The WP Site Protector Plugin From : ExattoSoft.com