Resum

En aquest tutorial aprendràs com crear una transició entre dues imatges en què les imatges es barregen com cartes de joc en un espai 3D. Podeu controlar la durada de la transició i el tipus de facilitat.

Aquí el resultat final:


Requeriments

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

Nota: Les captures de pantalla en aquest tutorial estan fets en Flash CS3. Funciona exactament igual en Flash CS4. Aquest tutorial és un projecte ActionScript 3 (Aquest component està disponible exclusivament per AS3, així que no hi haurà versió AS2 en el futur).

Pas 1 - Instal l'efecte de components

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

Arrossegueu els components a la biblioteca

Pas 2 - Importar imatges de diapositives

Importació dues imatges [premeu Ctrl-R] o "File" -> "Importa" -> "Importar a escenari ...".

Importar imatges a l'etapa

Seleccioneu la primera imatge i convertir-la en una] MovieClip [premeu F8 o feu clic dret en el clip de pel lícula -> "Convertir en símbol ...". Donar el movieclip el nom de "image1".

Converteix primera imatge per MovieClip

Estableix el nom de la primera imatge MovieClip

Seleccioneu la segona imatge i convertir-la en una] MovieClip [premeu F8 o feu clic dret en el clip de pel lícula -> "Convertir en símbol ...". Donar el movieclip el nom de "image2".

Converteix segona imatge per MovieClip

Establir nom de la segona imatge MovieClip

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

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. Estableixi el nom d'instància per al movieclip segona imatge a "my_image_02".

Establir el nom d'instància primer movieclip

Establir el nom d'instància segon movieclip

Pas 4 - Aplicar efecte

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

Arrossegueu els components en MovieClip

Pas 5 - Ajustar els valors de l'efecte

Feu clic al component i obri l'inspector de components de la consola premi el botó [SHIFT-F7] o "Window" -> "Inspector de components". Al clip de pel lícula a "Inici" llista de selecció "my_image_01" ha de ser seleccionat.

Comproveu si my_image_01 s'estableix com a inici MovieClip

Tots movieClips amb noms d'instància en aquest marc s'enumeren en el movieclip "Inici" i "Cap MovieClip" llista de selecció. Atès que s'ha arrossegat l'efecte sobre el movieclip "my_image_01", aquesta és la primera MovieClip. Com a "End MovieClip" seleccionar "my_image_02". Deixar els altres ajustaments per ara.

Establir com my_image_02 Fi MovieClip

Pas 6 - Exportació

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

Resultat

Pas 6 - Jugar!

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

Descarregar

Feu clic aquí per descarregar el fla. d'aquest tutorial. Nota: L'arxiu. Fla no inclou el component d'efecte. Per tal de fer la feina fla, necessita comprar el taulell Efecte Shuffle aquí .

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

  • Compartir / Desa