Resumo

Neste tutorial, você aprenderá a criar um efeito de transição, onde um redemoinho cachos / imagem gira girar / para outro. Você pode definir a duração (em frames) da transição. Nenhum ActionScript é necessário para concluir este tutorial, você vai trabalhar somente na linha do tempo e definir o parâmetro do efeito dentro do inspector componente.

Aqui o resultado final:


Requisitos

Flash 8, Flash CS3 ou Flash CS4.
Duas imagens (neste caso, 550 × 400, a imagem disponível no arquivo zip tutorial )

Nota: As imagens nesse tutorial são feitas em Flash CS3. Ele funciona exatamente o mesmo com Flash 8 e Flash CS4. Este tutorial é um ActionScript 2 Project (o componente está também disponível em versão AS3).

componente Passo 1 - Instale o efeito

Baixe o Efeito Swirl . 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 - Importar imagens Slideshow

Import duas imagens [pressione Ctrl-R] ou "File" -> "Importar" -> "Importar para o estágio ...".

Importar imagens para o estágio

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

Converter a primeira imagem para Movieclip

Defina o nome da primeira imagem Movieclip

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

Converte a imagem segundo a Movieclip

Defina o nome da segunda imagem Movieclip

Passo 3 - nome da instância do conjunto de imagem Movieclip

Dê o Movieclip da primeira imagem o nome de instância "my_image_01" (Você pode escolher um nome diferente, se desejar. Certifique-se que o nome da instância é única). Sem um nome de instância do componente é capaz de detectar o MovieClip. Definir o nome de instância para o Movieclip segunda imagem de "my_image_02".

Configure o nome da instância primeira imagem Movieclip

Configure o nome da instância de segunda imagem Movieclip

Etapa 4 - Aplicar efeito

Arraste o componente da biblioteca para o Movieclip superior. O componente de efeito snap automaticamente.

Arraste componente em Movieclip

Passo 5 - Ajuste as configurações do efeito

Clique sobre o componente e abra o componente inspector painel pressione [SHIFT-F7] ou a "janela" -> "Component Inspector". Em Movieclip "Start" lista de seleção ", my_image_01" deve ser selecionada.

Target Movieclips no componente inspector

Todos os Movieclips com nomes de instância neste quadro são listados na seção "Target Movieclip lista selecione". Desde que você draged o efeito sobre o Movieclip "my_image_01", este é o Movieclip Frist. Como "fim Movieclip" select "my_image_01". Deixe o outro ajuste em branco por enquanto. Exportar o filme flash pressione [Ctrl-ENTER] ou "Comando" -> "Test Movie" e você verá que a transição de imagem.

Resultado

Passo 6 - Jogue!

Brincar com os outros parâmetros dentro do inspector componente. A documentação das configurações pode ser encontrada aqui . Você também pode usar este efeito com o ActionScript.

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.

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

  • Bookmark / Share