Cool Tutorials Efecte Flash!

Resum

En aquest tutorial aprendrem a crear un efecte, quan les parts del movieclip s'estan esvaint in diferents parts del movieclip serà emmascarat i apareixen de manera diferent. A més, pot controlar la mida de les parts i la velocitat de la decoloració.

Veure l'efecte a continuació:

Requisits

Flash 8, Flash CS3 o Flash CS4.
2 imatges (en aquest cas 550 × 400, les imatges disponibles al tutorial d'arxiu zip)

Nota: La captura de pantalla en aquest tutorial està fet en Flash CS3. Funciona exactament de la mateixa en Flash 8 i Flash CS4. Aquest tutorial és ActionScript 2 (encara que no de ActionScript és necessari).

Pas 1 - Instal lar el component d'efecte

Descarregueu el efecte de la transició màscara d'aquí. 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 - Importació d'imatges

Importa una imatge [Ctrl-R] o "File" -> "Importa" -> "Importa a l'escenari ...".

Seleccioneu la 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 "imatge".

Pas 3 - Col locar movieclip imatge i el component efecte en l'escenari

Canvieu el nom de la capa on la imatge de movieclip es col loca a la "imatge". Crear una nova capa, el nom "efecte" i seleccionar el primer quadre (el nomenament de les capes és només per mantenir les coses en ordre, vostè pot sortir de la capa de noms per defecte o triar un altre nom).

Donar el movieclip el nom d'instància "my_image" (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.

Seleccioneu el primer fotograma de la capa d' "efecte". Arrossegueu l'efecte de transició màscara de la seva biblioteca al movieclip imatge a l'escenari. El component s'ajustarà automàticament a la cantonada superior esquerra de la imatge de movieclip.

Pas 4 - Ajustar la configuració

Feu clic en el component i obriu el panell inspector de components [premeu SHIFT-F7] o "Finestra" -> "Inspector de components". A la llista de "Objectiu movieclip", seleccioneu "my_image" 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. Atès que només té un movieclip, el component se suposa que voleu aplicar l'efecte sobre el my_image "movieclip". De moment abandonar l'escenari com aquest. Exportar la pel lícula de Flaix [premeu Ctrl-Enter] o "comanda" -> "Prova pel • lícula" i veureu que apareix la imatge.

Pas 5 - Afegir imatge de fons

Si vostè vol tenir una transició d'una imatge a l'altra, ha de posar una imatge al fons. Repetiu el pas 2 per a crear una altra imatge de movieclip, crear una nova capa, el nom "fons" i posar el clip de pel lícula que acabeu de crear. Exportar la pel lícula de Flaix [premeu Ctrl-Enter] o "comanda" -> "Prova pel lícula" i la primera vista és la imatge de fons i després la imatge s'esvaeix movieclip in

Pas 6 - Configuració de variants

El paràmetre són principalment molt descriure, però tenen una mirada més propera a la llista de "Animació Mode" seleccioneu. Veure tots els modes d'animació aquí. Utilitzeu la configuració de la següent captura de pantalla i prova de la pel.lícula.

Juga una mica amb els ajustaments. Trobar una banda, que s'adapti a les seves exigències.

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.

També podeu descarregar el efecte de la transició màscara d'aquí.

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