Sammanfattning

I denna tutorial får du lära dig att skapa en effekt vatten krusning som följer muspekaren.

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

För musen över swf

Krav

Flash 8, Flash CS3 eller Flash CS4.

Obs! Skärmdump i den här genomgången gjordes i Flash CS3. Det fungerar exakt likadant i Flash 8 eller Flash CS4. Den här läraren är ActionScript 2 (trots att ingen ActionScript krävs).

Steg 1 - Installera effekt komponenten

Ladda ner Rain Drop Vatten Effect här . Följ installera instruktionerna och dra komponenten från den del panelen in i biblioteket på din. fla-filen.

Dra komponenten i biblioteket

Steg 2 - Skapa en bild MovieClip

Importera en bild [trycka Ctrl-R] eller "File" -> "Import" -> "Importera på scen ...".

Importera bild

Välj detta Bild och omvandla den till ett MovieClip [] tryck F8 eller högerklicka på MovieClip -> "Konvertera till Symbol ...". Ge MovieClip namnet "bilden".

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 - Applicera verkan som ett MovieClip och som parameter

Dra komponenten på den MovieClip. Den del snapps automatiskt.

Dra komponenten på MovieClip

Öppna den komponenten Windows inspektören panel -> "Component Inspector". Här kan du ställa in parametrar för effekten. Alla filmklipp med bland namnen i denna ram anges i "Mål MovieClip" välj lista. Eftersom du bara har ett MovieClip utgår 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

Obs: Dessa inställningar är endast tillämpas på det här ett exempel på effekten komponenten. Om man drar ut 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 - Exportera

Exportera film 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ören panelen.

Hämta

Klicka här för att ladda ner fla av denna tutorial. Obs!. FLA innehåller testversionen av effekten komponent, som endast kommer att fungera i Flash IDE (Flash 8, Flash CS3 eller Flash CS4), men inte inne i webbläsaren.

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

  • Dela / Bokmärk