Resum

En aquest tutorial aprendràs com crear un balanceig, on una imatge s'esvaeix a un altre amb un geni com / coleteo / balanceig / transició s'agiten. Podeu establir la durada de la transició (en marcs) i l'amplitud, el que representa la força de la distorsió de la imatge. Per completar el tutorial no necessita una línia d'ActionScript.

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 oscil lant . 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 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

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 clip de pel lícula de la imatge de segons 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