Cool Tutorials Efecte Flash!

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.

Pas 2 - Importa imatges de diapositives

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

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

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 del 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" seleccionar ", 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 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.

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.