Resum
En aquest tutorial aprendràs com crear un reflex de l'aigua, aplicar un clip de pel lícula en moviment.
Aquí el resultat final:
Requeriments
Flash 8, Flash CS3 o Flash CS4.
Nota: Les captures de pantalla en aquest tutorial estan fets en Flash CS3. Funciona exactament igual en Flash 8. Aquest tutorial és ActionScript 2 (Encara que no es requereix d'ActionScript).
Pas 1 - Instal l'efecte de components
Descarregueu el Efecte Reflex d'aigua 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 - Crear ànec MovieClip
Import l'ànec de la imatge [Ctrl-R] o "File" -> "Importa" -> "Importar a l'escenari ...". Assegureu-vos que la imatge és un ànec. PNG amb fons transparent.
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 "ànec".
Pas 3 - Crear MovieClip Animació
Crear un nou clip de pel lícula amb [Ctrl-F8] o Insereix -> "Nou símbol ...". Nom aquest movieclip "animació".
Arrossegueu el clip de pel lícula d'ànec de la biblioteca per al primer fotograma a la línia de temps. Ara feu clic al fotograma 60 i crear un nou fotograma clau [premeu F6] o clic dret i "Insereix fotograma clau".
Feu clic al fotograma clau recentment creada i seleccioneu el movieclip ànec en el llenç. Ara mogui aquest movieclip amb la tecla de cursor a la dreta (diguem 100px). Vostè pot consultar la nova posició en el panell d'informació.
Tornar a la primera fotograma clau de la línia de temps. Al tauler de propietats seleccioneu Tween: "Moviments". Si fa clic en algun lloc de la línia de temps ara, es veu que l'ànec MovieClip es mou d'esquerra a dreta.
Pas 4 - Poseu MovieClip animació en la línia de temps principal
Ara feu clic a "Escena 1" per tornar a la línia de temps principal. Si el movieclip ànec segueix allà, traieu.
Moveu el clip de pel lícula d'animació de la biblioteca per al primer fotograma de la línia de temps.
Definiu el nom d'instància del clip de pel lícula a "animation_mc" (es 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.
Pas 5 - Aplicar efecte de components
Crear una nova capa, seleccioneu el primer fotograma i arrossegueu el component efecte de la biblioteca en el clip de pel lícula d'animació. El component automàticament s'ajustarà.
Establiu el paràmetre del component dins de la consola de l'inspector de components com en la captura de pantalla. MovieClips Tots 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 assumeix, que desitja aplicar l'efecte sobre el movieclip "animation_mc".
Nota: Aquests ajustaments només s'apliquen a aquesta instància d'un dels component d'efecte. Si dibuixa el component en un altre clip de pel lícula (en algun altre lloc dins del fla. O en un nou projecte) ha d'establir la configuració de nou.
Ara a l'exportació (premeu [Ctrl-Enter] o ...). Veuràs que el cap de l'ànec és d'alguna manera tall. Això és perquè el component té exactament la mida de la movieclip ànec. Però des de la onada de reflexió augmentarà la mida no caben més.
El pas 6 - Ajust d'animació movieclip
Per solucionar això, se li s'inserirà una forma invisible en segon pla dels ànecs movieclip, que la mida de la movieclip una mica.
Torna a la MovieClip ànec fent doble clic a la seva biblioteca.
Crear una nova capa sota la capa d'interpolació.
Seleccioneu el rectangle de l'eina i dibuixar una forma amb l'amplada dels ànecs. L'alçada ha de ser un píxel poques superiors als d'ànec (al voltant del 10 de píxels). Pot ser útil per establir la icona d'esquema en la línia de temps, per veure només les dimensions de la imatge de l'ànec.
Amb la forma seleccionada obrir el panell de color i establir el alfa a 0.
En provar la pel lícula ara, veuràs que la reflexió s'aplica sobre l'ànec forat.
Pas 6 - Afegir imatge de fons
Crear una nova capa sota de la capa amb l'animació i dels components. Importa una imatge d'aquest partit. Ara pot canviar la posició del clip de pel lícula d'animació perquè s'ajusti amb el fons.
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 l'aigua Reflex aquí .
Vols escriure un comentari