Resumo

Neste tutorial você vai aprender como criar uma oscilação, onde desaparece uma imagem para outra com um gênio como / waggle / balanço / transição jiggle. Você pode definir a duração da transição (em quadros) e da amplitude, o que representa a força da distorção da imagem. Para completar o tutorial, você não precisa de uma linha de ActionScript.

Aqui o resultado final:


Requisitos

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

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

Passo 1 - Instalar o componente do efeito

Download Efeito do Wobble. 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 - Importar imagens Slideshow

Importação duas imagens [pressione Ctrl-R] ou "File" -> "Import" -> "Importar para a terceira fase ...".

Importar imagens para o estágio

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

Converter primeira imagem para Movieclip

Definir nome da primeira imagem Movieclip

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

Converter a imagem segundo a Movieclip

Definir nome da segunda imagem Movieclip

Passo 3 - Definir nome da instância da imagem Movieclip

Dê o MovieClip da primeira imagem o nome de instância "my_image_01" (Você pode escolher um nome diferente se você quiser. Certifique-se que o nome da instância é única). Sem um nome de instância o componente é capaz de detectar o MovieClip. Defina o nome de instância para o MovieClip imagem segundo a "my_image_02".

Definir nome de instância primeira imagem Movieclip

Definir nome da instância da imagem segundo Movieclip

Passo 4 - Aplicar efeito

Arraste o componente da biblioteca para o MovieClip superior. O componente de efeito irá snap automaticamente.

Arrastar componente para Movieclip

Passo 5 - Ajuste as configurações do efeito

Clique no componente e abra o painel inspector componente prima SHIFT [-F7] ou "Window" -> "Component Inspector". No "Iniciar Movieclip lista de" select ", my_image_01" deve ser selecionada.

Alvo Movieclips no componente inspector

Todos Movieclips com nomes de instância neste quadro estão listados na seção "Target Movieclip" lista de seleção. Desde que você draged o efeito sobre o MovieClip "my_image_01", este é o MovieClip frist. Como "fim Movieclip" select "my_image_01". Deixe a outra configuração 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 - Play!

Brincar com os outros parâmetros dentro do inspector do 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: 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.

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

  • Share / Bookmark