Home » » Efeito Ondulação de Água em Flash - Parte 2

Efeito Ondulação de Água em Flash - Parte 2

Vamos continuar com o efeito de ondulação de água em Flash 

Passo 5: Criando símbolo de animação 

Agora insira uma nova camada, e nomeie como "animação de água". 


Pegue a imagem da biblioteca, e alinhe centralmente no palco. Converta a imagem para movieclip, para fazer isso, selecione a imagem> clique com o botão direito do mouse> Convert to Symbol (Converter para símbolo). Veja abaixo a imagem de referência. 


Agora pressione Ctrl + T para abrir o painel de transformação ou vá para o menu da janela (Window e selecione transformar (transform). Aumente a largura e a altura para 102%. 


Passo 6: Crie máscara para a área da água 

Agora insira uma nova camada e nomeie como "listras máscara". 


Crie listras usando a ferramenta retângulo, como indicado na imagem de referência abaixo. Tenha em mente o espaço entre cada retângulo ou tira deve ser o mesmo, bem como o tamanho da tira deve ser o mesmo também. 

Passo 7: Animando as listras 

Agora vá para o frame 100 e insira um keyframe (quadro chave) apertando F6. 

E mova as tiras para a parte inferior como mostrado na Figura abaixo. Tenha em mente, não se movem listras para fora da área de praia. E a posição tira no quadro 1 e 100 devem ser iguais. Ao fazer isso, pode diminuir o "empurrão" da animação 

Agora selecione qualquer frame (quadro) entre os quadros 1 e 100 camada "máscara de listras". Em seguida, clique com o botão direito e selecione Criar interpolação de forma (Create shape tween). 

Agora clique com o botão direito sobre a camada "máscara de listras" e selecione máscara (Mask). 

Agora vá a Timeline (Linha do Tempo) 
Passo 8: Finalizando a animação 

Agora insira uma nova camada e de o nome de "Máscara" 

Crie um retângulo como mostrado abaixo. Ao fazer isso, pode esconder a parte extra da camada de água animação. 

Agora clique com o botão direito sobre a camada "máscara" e selecione máscara (mask). 

Em seguida, escolha CTRL + ENTER para publicar o arquivo flash para obter o efeito de água realista. 
curta no facebook
Follow us on Twitter
Recommend us on Google Plus
Subscribe me on RSS