Resum

En aquest tutorial aprendrem a crear un balanceig, on una imatge s'esvaeix a un altre amb un geni com / coleteo / balanceig / transició s'agiten. Vostè pot fixar la durada de la transició (en quadres) i l'amplitud, el que representa la força de la distorsió de la imatge. Per completar el tutorial no es necessita una línia d'ActionScript.

Aquí el resultat final:


Requisits

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

Pas 1 - Instal lar el component d'efecte

Descarregueu el efecte Wobble. 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.

Arrossegueu els components a la biblioteca

Pas 2 - Importa imatges de diapositives

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

Importació d'imatges a l'etapa

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

Converteix la imatge a la primera movieclip

Nom del grup de la primera imatge de movieclip

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".

Converteix la imatge a la segona movieclip

Nom del grup de la segona imatge movieclip

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 del component no és capaç de detectar el movieclip. Establir el nom d'instància de l'movieclip segona imatge de "my_image_02".

Establir nom de la instància de la primera imatge de movieclip

Nom de la instància grup de la segona imatge movieclip

Pas 4 - Aplicar efecte

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

Arrossegueu component en movieclip

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" seleccionar ", my_image_01" ha de ser seleccionat.

Objectiu movieClips en el component d'inspector

Tots els clips de pel lícula amb els noms d'instància en aquest marc s'enumeren en la llista de "Objectiu movieclip" seleccionat. Ja que vostè drag l'efecte sobre el movieclip "my_image_01", aquest és el movieclip Frist. Com a "Fi movieclip", seleccioneu "my_image_01". Deixar els altres ajustaments en blanc per ara. Exportar la pel lícula de Flaix [premeu Ctrl-Enter] o "comanda" -> "Prova pel lícula" i veurà que la transició de la imatge.

Resultats

Pas 6 - Play!

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

Descarregar

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

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

  • Compartir / Desa