Resumo

Neste tutorial você vai aprender como criar um efeito de transição em que as partes do Movieclip sua imagem parece ser apagado. Você pode definir o número de 'limpa' e a duração da transição.

Aqui o resultado final:


Requisitos

Flash 8, Flash CS3 ou Flash CS4.

Nota: A imagem deste tutorial é feito em Flash CS3. Ela funciona exatamente da mesma no Flash 8 ou Flash CS4. Este tutorial é Actionscript 2 (embora ActionScript não é necessário). Este efeito também está disponível como versão do ActionScript 3.

Passo 1 - Instalar o componente do efeito

Baixe o Efeito de Transição Wipe 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..

Arrastar componente em biblioteca

Passo 2 - Crie um MovieClip Imagem

Importar uma imagem [pressione Ctrl-R] ou "File" -> "Import" -> "Importar para a terceira fase ...".

Imagem de importação para estágio

Selecione a imagem deste e convertê-lo em um pressionar F8 Movieclip [] ou com o botão direito sobre o MovieClip -> "Convert to Symbol ...". Dê o movieclip o nome de "imagem".

Converter imagem para Movieclip

Defina o nome do Movieclip

Definir o nome da instância do MovieClip. Use "image_mc". É importante para definir um nome de instância aqui, caso contrário o componente não irá encontrar o MovieClip. BTW, a nomeação depende de você, você pode escolher outro nome se quiser. Apenas certifique-se o nome da instância é projectwide único.

Definir nome da instância da imagem Movieclip

Passo 3 - Aplique o efeito em um movieclip e definir parâmetros

Arraste o componente para o MovieClip. O componente de encaixar automaticamente.

Arrastar componente para imagem Movieclip

Abra o painel Inspetor de componente: "Windows" -> "Component Inspector". Aqui você pode definir os parâmetros para o efeito. Todos Movieclips com nomes de instância neste quadro estão listados na seção "Target Movieclip" lista de seleção. Desde que você tem apenas um Movieclip o componente assume que você deseja aplicar o efeito sobre o MovieClip "image_mc".

Verifique inspector componente

Nota: Estes ajustes só são aplicados a este exemplo de um componente de efeito. Se você chamar o componente no outro movieclip (outro lugar dentro do fla. Ou em um novo projeto) você tem que definir as configurações novamente.

Passo 4 - Exportação

Exportação do Comando Movie -> "Test Movie" ou [Ctrl-prima ENTER] e ver o resultado. Se você não estiver satisfeito, voltar atrás e mudar as configurações no painel de inspector do componente.

Resultado

Passo 5 - Inspire-se

Agora você pode brincar com o parâmetro para você personalizar o efeito. Você também pode usar este efeito com o ActionScript. Procurar a documentação completa aqui.

Baixar

Clique aqui para baixar o fla deste tutorial. Nota: O FLA. Inclui a versão de avaliação do componente de efeito, que só funciona no IDE Flash (Flash 8, Flash CS3 e Adobe Flash CS4), mas não dentro do navegador.

Você também pode fazer o download do componente de Transição Wipe aqui.

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

  • Share / Bookmark