Flash Tutorials Cool Effect!

Resumo

Neste tutorial você vai aprender como criar uma transição entre duas imagens onde as imagens estão embaralhadas, 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 é um tutorial ActionScript 3 Project (Este componente está disponível exclusivamente para AS3, por isso não haverá versão AS2 no futuro).

componente Passo 1 - Instale o efeito

Adquira o efeito da 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.

Passo 2 - Importar imagens Slideshow

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

Selecione a primeira imagem e convertê-lo em um [Movieclip] pressionar F8 ou clique direito sobre o MovieClip -> "Convert to Symbol ...". Dê o Movieclip o nome de "image1".

Selecione a segunda imagem e convertê-lo em um [Movieclip] pressionar F8 ou clique direito sobre o MovieClip -> "Convert to Symbol ...". Dê o Movieclip o nome de "imagem2".

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 a segunda imagem ao Movieclip "my_image_02".

Passo 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 no componente e abrir o componente inspector painel pressione [SHIFT-F7] ou "Window" -> "Component Inspector". No Movieclip "Start list", selecione "my_image_01" deve ser selecionada.

Todos Movieclips com nomes de instância neste quadro estão listados no Movieclip "Start" e "End Movieclip lista selecione". Uma vez que você arrastou o efeito sobre o Movieclip "my_image_01", este é o primeiro Movieclip. Como "End Movieclip" select "my_image_02". Deixe a outra configuração para agora.

Passo 6 - Exportação

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

6 ª Etapa - 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 o trabalho fla, você precisa comprar o Shuffle Efeito Tile aqui .

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