Cool Tutorials Efecte Flash!

Resum

En aquest tutorial aprendrem a crear una transició entre dues imatges on les imatges es barregen com jugant a cartes en un espai 3D. Podeu controlar la durada de la transició i el tipus de la facilitat.

Aquí el resultat final:

Requisits

Flash CS3 o Flash CS4.
Dues imatges (en aquest cas, 550 × 400, la imatge disponible al fitxer zip tutorial)

Nota: Les captures de pantalla en aquest tutorial es fan en Flash CS3. Funciona exactament de la mateixa en Flash CS4. Aquest tutorial és un projecte d'ActionScript 3 (Aquest component està disponible exclusivament per AS3, per la qual cosa no hi haurà una versió AS2 en el futur).

Pas 1 - Instal lar el component d'efecte

Compri l'efecte de la transició Shuffle. Si us plau, seguiu les instruccions d'instal lació i arrossegueu el component des del tauler de components a la biblioteca del seu arxiu. FLA.

Pas 2 - Importa imatges de diapositives

Importació d'imatges de dos [amb Control-R] o "File" -> "Importa" -> "Importar a escenari ...".

Seleccioneu la primera imatge i convertir-la en F8 un [movieclip premsa] o feu clic dret sobre el movieclip -> "Convertir en símbol ...". Donar el movieclip el nom de "image1".

Seleccioneu la segona imatge i convertir-la en F8 un [movieclip premsa] o feu clic dret sobre el movieclip -> "Convertir en símbol ...". Donar el movieclip el nom de "Imatge2".

Pas 3 - Establir nom de la instància de la imatge de movieclip

Donar el movieclip de la primera imatge el nom d'instància "my_image_01" (Vostè pot triar un nom diferent si ho desitja. Assegureu-vos que el nom de la instància és única). Sense un nom d'instància, el component no és capaç de detectar el movieclip. Establir el nom d'instància de l'movieclip segona imatge de "my_image_02".

Pas 4 - Aplicar efecte

Arrossegueu el component de la biblioteca al movieclip superior. El component d'efecte s'ajustaran automàticament.

Pas 5 - Ajustar la configuració dels efectes

Feu clic en el component i obriu el panell inspector de components [premeu SHIFT-F7] o "Finestra" -> "Inspector de components". A la "llista d'inici movieclip", seleccioneu "my_image_01" ha de ser seleccionat.

Tots els clips de pel lícula amb els noms d'instància en aquest marc s'enumeren al "Start movieclip" i "Llista Final movieclip" seleccionat. Des que ha arrossegat l'efecte sobre el movieclip "my_image_01", aquesta és la primera movieclip. Com a "Fi movieclip", seleccioneu "my_image_02". Deixar els altres ajustaments per ara.

Pas 6 - Exportació

Exportar la pel lícula de Flaix [premeu Ctrl-Enter] o "comanda" -> "Prova pel lícula" i veurà la transició de la imatge.

Pas 6 - Play!

Ara vostè pot jugar amb els paràmetres per personalitzar vostè efecte. També podeu utilitzar aquest efecte amb ActionScript. Trobi la documentació completa aquí.

Descarregar

Feu clic aquí per descarregar l'arxiu. Fla d'aquest tutorial. Nota: El fitxer. Fla no inclou el component d'efecte. Per tal de fer que el fla, vostè necessita comprar l'Efecte Shuffle Rajoles aquí.

Aquí pot trobar un vídeo tutorial de com aplicar un efecte diferent.