Resumo

Neste tutorial você vai aprender como criar uma transição entre duas imagens onde as imagens são baralhados como cartas de jogar em um espaço 3D. Você pode controlar a duração da transição e do tipo de facilidade.

Aqui o resultado final:


Requisitos

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. Ela funciona exatamente da mesma no Flash CS4. Este tutorial é um ActionScript 3 Projeto (Este componente está disponível exclusivamente para o AS3, por isso não haverá versão AS2 no futuro).

Passo 1 - Instalar o componente do efeito

Adquira o Efeito de Transição Shuffle. 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 primeira imagem 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 da instância de primeiro Movieclip

Definir nome de instância do Movieclip segunda

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", selecione "my_image_01" deve ser selecionada.

Verifique se my_image_01 é definido como anteriormente Movieclip

Todos Movieclips com nomes de instância neste quadro estão listados na seção "Iniciar Movieclip" End Movieclip lista e selecione ". Desde que você arrastou o efeito sobre o MovieClip "my_image_01", esta é a primeira Movieclip. Como "fim Movieclip" select "my_image_02". Deixe a outra definição para agora.

Definir como my_image_02 End Movieclip

Passo 6 - Exportação

Exportar o filme flash [pressione Ctrl-Enter] ou "comando" -> "Test Movie" e você verá a transição de imagem.

Resultado

Passo 6 - Play!

Agora você pode brincar com os parâmetros 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. Não inclui o componente efeito. A fim de fazer funcionar o fla, você precisa comprar o Shuffle Efeito Tile aqui.

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

  • Share / Bookmark