Sammanfattning

I den här guiden lär du dig hur du skapar en effekt vatten rippel som följer muspekaren.

Flytta musen över blixten filmen nedan för att se effekten:

För musen över swf

Krav

Flash 8, Flash CS3 eller Flash CS4.

Obs: screenshot i denna handledning är gjord i Flash CS3. Det fungerar exakt likadant i Flash 8 eller Flash CS4. Denna handledning är ActionScript 2 (även om ingen ActionScript krävs).

Steg 1 - Installera effekt komponenten

Download the Rain Drop Water Effect här. Följ instruktionerna installera och dra denna komponent av komponent panelen i biblioteket på din. Fla-filen.

Dra komponent i biblioteket

Steg 2 - Skapa en bild MovieClip

Importera en bild [tryck Ctrl-R] eller "File" -> "Importera" -> "Importera on Stage ...".

Importera bild

Markera bilden och omvandlar den till en MovieClip [trycka på F8] eller högerklicka på MovieClip -> "Konvertera till Symbol ...". Ge MovieClip namnet "bild".

Namnge MovieClip

Ange exempel namn MovieClip. Använd "image_mc". Det viktigt att ställa en instans namn här, annars komponenten kommer inte hitta MovieClip. BTW, är det namngivning upp till dig, kan du välja ett annat namn om Oyu vill. Se bara till att exempelvis namnet är unikt projectwide.

Ställ instansnamn

Steg 3 - använda effekten till en MovieClip och som parameter

Dra komponent ut på MovieClip. Komponenten SNAPPS automatiskt.

Dra komponent på MovieClip

Öppna komponenten Windows inspektören panel -> "Component Inspector". Här kan du ställa in parametrar för effekten. Alla filmklipp med exempelvis namn i denna ram anges i "Mål MovieClip" Välj lista. Eftersom du har bara ett MovieClip, antar komponent som du vill använda effekten på MovieClip "image_mc." Ställ in "Cursor känsliga" alternativet "Ja" för att göra vattnet effekt följa musen.

Ställ parameter inuti komponenten inspektören

Anm: Dessa inställningar är endast tillämpas på det här ett exempel på effekten komponent. Drar man komponenten på en annan MovieClip (någon annanstans inuti. FLA eller i ett nytt projekt) måste du ställa in inställningarna igen.

Steg 4 - Export

Exportera Movie Command -> "Test Movie" eller [tryck Ctrl-ENTER] och se resultatet. Om du inte är nöjd, gå tillbaka och ändra inställningarna i komponenten inspektör panelen.

Hämta

Klicka här för att ladda ner FLA av den här guiden. Anmärkning:. Fla innehåller testversion av effekten komponent, som bara kan fungera i Flash IDE (Flash 8, Flash CS3 eller Flash CS4) men inte inuti webbläsaren.

Du kan också ladda ner Water Ripple Component här.

  • Share / Bookmark