Flash Tutorials Cool Effect!

Resumo

Neste tutorial, você aprenderá a criar um balanço, onde uma imagem desvanece-se para o outro com um gênio como / waggle / transição / oscilação jiggle. Você pode definir a duração da transição (em frames) e amplitude, 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, 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 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.

Passo 2 - Importar imagens Slideshow

Import duas imagens [pressione Ctrl-R] ou "File" -> "Importar" -> "Importar 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".

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".

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".

Etapa 4 - Aplicar efeito

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

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.

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.

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.