Resum

En aquest tutorial aprendràs com crear un efecte d'ona d'aigua que segueix el cursor del ratolí.

Mou el ratolí sobre la pel lícula flash per veure l'efecte:

Mou el ratolí sobre swf

Requeriments

Flash 8, Flash CS3 o Flash CS4.

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

Pas 1 - Instal l'efecte de components

Descarregueu la Gota d'Aigua Efecte 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.

Arrossegueu el component a la biblioteca

Pas 2 - Crear un movieclip de la imatge

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

Importació d'imatges

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

Nom del movieclip

Definiu el nom d'instància del clip de pel lícula. Utilitza "image_mc". El seu important establir un nom d'instància si és així el component no es troba el movieclip. Per cert, el nomenament depèn de vostè, vostè pot triar un altre nom si vol Oyu. Només assegureu-vos que el nom d'instància és projectwide únic.

Establir el nom d'instància

Pas 3 - Apliqueu l'efecte a un clip de pel lícula i conjunt de paràmetres

Arrossegueu el component al MovieClip. El component snapps automàticament.

Arrossegueu els components en MovieClip

Obriu el panell Inspector de components de Windows -> "Inspector de components". Aquí es poden establir els paràmetres per l'efecte. 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 "image_mc". Definiu el cursor sensible "opció" Sí "per fer l'efecte de l'aigua segueixi el ratolí.

Fixa el paràmetre dins de l'inspector de components

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.

Pas 4 - Exportació

Exportar el Comando de la pel.lícula -> "Provar pel lícula" o prémer [Ctrl-Enter] i veure el resultat. Si vostè no està satisfet, tornar enrere i canviar la configuració en el panell de l'inspector de components.

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 aigua Arrissat Component aquí .

  • Compartir / Desa