Resum

En aquest tutorial aprendràs com crear un efecte de transició on s'arremolinen els rínxols de la imatge / girs / remolí a un altre. Vostè pot fixar la durada (en frames) de la transició. No ActionScript és necessari per completar aquest tutorial, anem a treballar només sobre el calendari i establir el paràmetre de l'efecte a l'interior de l'inspector de components.

Aquí el resultat final:


Requeriments

Flash 8, 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 el mateix amb Flash 8 i Flash CS4. Aquest tutorial és un projecte d'ActionScript 2 (el component està també disponible com a versió AS3).

Pas 1 - Instal l'efecte de components

Descarregueu el efecte Remolí . 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 imatge de les primeres i convertir-lo en un] 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 imatge de segon i convertir-lo en un] 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

Estableix el nom de la imatge de segon 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 del component és incapaç 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 movieclip primera imatge

Establir el nom d'instància segona imatge 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.

Objectiu movieClips a inspector de components

Tots movieClips amb noms d'instància en aquest marc s'enumeren en el "Target MovieClip" llista de selecció. Ja que vostè dragatge l'efecte sobre el movieclip "my_image_01", aquest és el movieclip Frist. Com a "End MovieClip" seleccionar "my_image_01". Deixeu la configuració en blanc la resta per ara. Exportar la pel lícula flash [premeu Ctrl-Enter] o "comanda" -> "Provar pel lícula" i veuràs que la transició de la imatge.

Resultat

Pas 6 - Jugar!

Juga una mica amb els altres paràmetres dins de l'inspector de components. La documentació dels ajustos es poden trobar aquí . També pot utilitzar aquest efecte amb ActionScript.

Descarregar

Feu clic aquí per descarregar el fla. d'aquest tutorial. Nota: L'arxiu. Fla inclou la versió de prova del component de l'efecte, que només funciona en el IDE de Flash (Flash 8, Flash CS3 o CS4 Flash), però no dins del navegador.

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

  • Compartir / Desa