Resumo

Neste tutorial, você aprenderá a criar um efeito, onde partes do Movieclip estão desaparecendo dentro Diferentes partes do Movieclip será mascarada e aparecer de forma diferente. Também você pode controlar o tamanho das partes e da velocidade do desbotamento.

Veja o efeito abaixo:


Requisitos

Flash 8, Flash CS3 ou Flash CS4.
2 imagens (neste caso, 550 × 400, as imagens disponíveis no arquivo zip tutorial )

Nota: A imagem deste tutorial é feito em Flash CS3. Ele funciona exatamente da mesma em Flash 8 e Flash CS4. Este tutorial é ActionScript 2 (apesar de não ActionScript é obrigatório).

componente Passo 1 - Instale o efeito

Baixe o Efeito Máscara de transição aqui . Por favor, siga as instruções de instalação e arraste o componente do painel de componentes para a biblioteca do seu arquivo. fla.

Arraste componente em biblioteca

Passo 2 - Importação da imagem

Importar uma imagem pressione [Ctrl-R] ou "File" -> "Importar" -> "Importar" no palco ... ".

Importar imagem

Selecione a imagem e convertê-lo em um [Movieclip] pressionar F8 ou clique direito sobre o MovieClip -> "Converter em símbolo ...". Dê o Movieclip o nome da imagem ".

Converter imagem para Movieclip

Nome do Movieclip

Passo 3 - Coloque a Imagem Movieclip e efeito de componentes no palco

Renomeie a camada onde a imagem é colocada Movieclip a "imagem". Crie uma nova camada de nome, ele "efeito" e selecione o primeiro frame (a nomeação das camadas é apenas para manter as coisas em ordem, você pode deixar a camada de nomes padrão ou escolher outros nomes).

Renomeie a camada existente

Criar e nomear nova camada

Dê o Movieclip o nome da instância my_image "(Você pode escolher um nome diferente, se desejar. Certifique-se que o nome da instância é única). Sem um nome de instância, o componente é capaz de detectar o MovieClip.

Configure o nome da instância do movieclip

Selecione o primeiro frame da camada "efeito". Arraste o efeito de transição Máscara da sua biblioteca para o Movieclip imagem no palco. O componente de snap automaticamente para o canto superior esquerdo do movieclip imagem.

Arraste componente em Movieclip

Passo 4 - Ajuste definição

Clique no componente e abra o componente inspector painel pressione [SHIFT-F7] ou a "janela" -> "Component Inspector". No "Target Movieclip lista" select my_image "deve ser selecionado. Todos os Movieclips com nomes de instância neste quadro são listados na seção "Target Movieclip lista selecione". Desde que você tem apenas um Movieclip, o componente assume que você deseja aplicar o efeito sobre o Movieclip "my_image". Por agora deixe a configuração como este. Exportar o filme flash pressione [Ctrl-ENTER] ou "Comando" -> "Test Movie" e você verá que a imagem aparece.

Configurações dentro do painel inspector componente

Passo 5 - Adicionar imagem de fundo

Se você quiser ter uma transição de uma imagem para o outro, você precisa colocar uma imagem no fundo. Repita o passo 2 para criar uma outra imagem Movieclip, crie uma nova camada, nomeie-o "fundo" e colocar o recém-criado Movieclip lá. Exportar o filme flash pressione [Ctrl-ENTER] ou "Comando" -> "Test Movie" e você vai ver primeiro a imagem de fundo e em seguida o MovieClip imagem está desaparecendo dentro

Adicionar imagem de fundo

Passo 6 - Definir as variantes

O parâmetro são auto descrever, mas têm um olhar mais atento ao "Animation Mode selecione lista". Veja aqui todos os modos de animação . Use as configurações da imagem abaixo e teste o filme.

Resultado

Brinque com as configurações. Encontre o que se adapta às suas demandas.

Baixar

Clique aqui para baixar o fla. deste tutorial. Nota: A. Fla inclui a versão de avaliação do componente de efeito, que só funcionam no IDE do Flash (Flash 8, Flash CS3 ou Flash CS4), mas não dentro do navegador.

Você também pode baixar o Efeito de transição Mask aqui .

Aqui você pode encontrar um vídeo tutorial de como aplicar um efeito diferente.

  • Bookmark / Share