Refredar Efecte Tutorials Flash!

Resum

En aquest tutorial aprendràs com crear un efecte, on les parts del MovieClip s'estan esvaint polz diferents parts del MovieClip es apareixen emmascarats i diferent. A més, pot controlar la mida de les peces i la velocitat de la decoloració.

Vegeu l'efecte a continuació:

Requeriments

Flash 8, Flash CS3 o Flash CS4.
2 imatges (en aquest cas 550 × 400, les imatges del fitxer del tutorial zip )

Nota: La captura de pantalla en aquest tutorial està fet en Flash CS3. Funciona exactament igual en Flash 8 i Flash CS4. Aquest tutorial és ActionScript 2 (encara que no es requereix d'ActionScript).

Pas 1 - Instal l'efecte de components

Descarregueu el efecte de transició Màscara aquí . 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.

Pas 2 - Importar imatge

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

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

Pas 3 - Col loqueu la imatge i l'efecte de components movieclip a l'escenari

Canviar el nom de la capa on la imatge es col loca a MovieClip "imatge". Crear una nova capa, el nom "efecte" i selecciona el primer quadre (el nomenament de les capes és només per mantenir les coses en ordre, pot deixar el valor per defecte capa de nom triar altres noms).

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 biblioteca de la imatge en el clip de pel lícula a l'escenari. El component s'ajustarà automàticament a la cantonada superior esquerra del clip de pel lícula de la imatge.

Pas 4 - Ajusteu el nivell

Feu clic al component i obri l'inspector de components de la consola premi el botó [SHIFT-F7] o "Window" -> "Inspector de components". En el "Target MovieClip" llista de selecció "my_image" ha de ser seleccionat. Tots movieClips amb noms d'instància en aquest marc s'enumeren en el "Target MovieClip" llista de selecció. Atès que només té un clip de pel lícula, el component se suposa que vol aplicar l'efecte sobre el movieclip "my_image". Per ara deixi el valor d'aquesta manera. Exportar la pel lícula flash [premeu Ctrl-Enter] o "comanda" -> "Test Movie" i veurà que apareix la imatge.

Pas 5 - Afegir imatge de fons

Si vostè vol tenir una transició d'una imatge a l'altra, es necessita posar una imatge en segon pla. Repetiu el pas 2 per a crear una altra imatge MovieClip, crear una nova capa, el nom "fons" i posar el clip de pel lícula que acabeu de crear allà. Exportar la pel lícula flash [premeu Ctrl-Enter] o "comanda" -> "Provar pel lícula" i el primer de trobar la imatge de fons i després el clip de pel lícula de la imatge s'està esvaint polz

Pas 6 - Configuració de variants

El paràmetre que descriu són majoritàriament sí, però tenen una mirada més propera a la "Animació manera de" llista de selecció. Vegi tots els modes d'animació aquí . Utilitzeu la configuració de la següent captura de pantalla i provar la pel lícula.

Juga una mica amb els ajustaments. Troba el que s'ajusti a les seves demandes.

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.

També podeu descarregar el efecte de transició Màscara aquí .

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