Flash Tutorials Super efeito!

Resumo

Neste tutorial você vai aprender a criar uma reflexão de água a aplicar em um clipe de filme em movimento.

Eis resultado final:

Requisitos

Flash 8 Flash CS3 ou Flash CS4.

Nota: As imagens nesse tutorial são feitos em Flash CS3. Ela funciona exatamente a mesma em Flash 8 º. Neste tutorial é ActionScript 2 (Embora não seja exigida ActionScript).

componente Etapa 1 - Instale a efeito de

Faça o download do Água Efeito reflexo aqui . Siga as Instruções de instalação e arraste o componente do Painel de componente para a biblioteca da sua. arquivo FLA.

Etapa 2 - pato Movieclip Criar

Importar o pato [imagem pressione Ctrl + I] ou "ficheiro" - "Importar>" -> "Importar em Cena ...". Tenha certeza que à imagem é uma pato. Png fundo transparente de.

Selecionar esta imagem e converter em uma [Movieclip] pressionar F8 ou clique direito sobre o MovieClip -> Converter em símbolo ... ". Dê o nome pato Movieclip ".

Etapa 3 - Criar Movieclip Animation

Criar um novo Movieclip com [pressione Ctrl-F8] ou Insert -> "New símbolo ...". Nome Movieclip esta animação.

Arraste o Movieclip pato biblioteca para o primeiro quadro no cronograma. Agora clique no frame 60 e crie um novo keyframe [imprensa F6] ou clique direito e "Insert keyframe".

Keyframe Clique na recém-criada e selecione o movieclip pato sobre a tela. Agora avançar com este Movieclip o cursor chave para a direita (digamos 100px). Você pode checar a nova postura da painel Informações.

Volte para o primeiro keyframe do cronograma. No painel propriedade Tween selecionar "Motion". Se você clicar em algum lugar da linha do tempo agora, você ver que o pato Movieclip se move da esquerda para a correta.

Etapa 4 - Movieclip animação Colocar a timeline principal

Agora clique no botão "Scene 1« obter de volta para a timeline principal. Se o pato Movieclip ainda está lá, retire-o.

Move o movieclip a animação a partir de sua biblioteca para o primeiro quadro do cronograma.

Defina o nome da instância do MovieClip de "animation_mc" (você pode escolher um nome diferente se você quiser. Certifique-se que o nome é exemplo único). Sem um exemplo nome, o componente é incapaz de detectar o movieclip.

Fase 5 - Aplicar efeito de componentes

Criar uma nova camada, selecione o primeiro quadro e arraste o componente efeitos a partir de sua biblioteca para o movieclip animação. Do componente automaticamente encaixe.

Ajuste o parâmetro o componente no interior do quadro como inspetor componentes no screenshot. Movieclips Todos com nomes de exemplo neste frame são enumeradas no "Target Movieclip lista" select. Como você ter somente um Movieclip o componente assume, que pretende aplicar o efeito no Movieclip "animation_mc".

Nota: Estes ajustes só são aplicados a essa instância de um componente efeito. Se você extrair a componente de outro Movieclip (algures dentro da outra fla. Ou novo projeto), você tem que ajustar as definições.

Agora à exportação (pressionar [CTRL-ENTER] or ...). Vai ver que a cabeça do pato é algum corte. Thats porque o componente tem exatamente do tamanho do Movieclip pato. Porém uma vez que o reflexo da onda aumentará a dimensão isto não vai caber todo maior.

Etapa 6 - Ajustar animação Movieclip

A correção isso, você vai inserir uma forma invisíveis no fundo do pato MovieClip, que tamanho o Movieclip pouco.

Volte ao Movieclip pato por um duplo clique no seu de bibliotecas.

Crie uma nova camada em baixo da tween camada.

Seleccione a ferramenta rectângulo e desenhar uma forma, com a largura do pato. A estatura deve ser uma pixel pouco maior que o pato (cerca 10 pixels). Ela pode ajudar a definir o ícone contorno no timeline, de ver apenas das dimensões do pato imagem.

Com a forma selecionada Abra o Painel de cor e defina o alpha 0.

Quando você testar o cinema enquanto, você irá constatar que a imagem é aplicada sobre a duck buraco.

Etapa 6 - Adicionar imagem Background

Criam uma novo layer abaixo a camada com animações e componente. Importar uma imagem corresponder. Agora que você pode mudar a posição da Movieclip animação para torná-lo apto com o fundo.

Baixar

Estale aqui para download o fla deste tutorial. Nota: O. Fla incluem a versão de avaliação do componente de efeito, o que só trabalham no IDE Flash (Flash 8 º, ou Flash CS3 Flash CS4), mas não dentro do browser.

Você pode também baixar a reflexão efeito aqui Água .