Cool Flash Effect Tutorials!

Sammanfattning

I denna tutorial får du lära dig att skapa en vatten eftertanke för att ansöka om en rörelse MovieClip.

Här slutresultatet:

Krav

Flash 8, Flash CS3 eller Flash CS4.

Anm: De skärmdumpar i denna tutorial gjort i Flash CS3. Det fungerar exakt likadant i Flash 8. Den här läraren är ActionScript 2 (Även om ingen ActionScript krävs).

Steg 1 - Installera effekt komponenten

Hämta vatten eftertanke Effect här . Följ installationsanvisningarna och dra komponenten från den del panelen in i biblioteket på din. fla-filen.

Steg 2 - Skapa anka MovieClip

Importera anka bilden [trycka Ctrl-R] eller "File" -> "Import" -> "Importera på scen ...". Se till att anka bilden är en. Png med genomskinlig bakgrund.

Markera bilden och omvandla den till ett MovieClip [] tryck F8 eller högerklicka på MovieClip -> "Konvertera till Symbol ...". Ge MovieClip namnet "anka".

Steg 3 - Skapa Animation MovieClip

Skapa ett nytt MovieClip med [trycka på Ctrl-F8] eller Infoga -> "New Symbol ...". Namnge denna MovieClip "animation".

Dra anka MovieClip från biblioteket till den första bildrutan på tidslinjen. Klicka nu inramar 60 och skapa en ny keyframe [trycka F6] eller högerklicka och "Infoga Keyframe".

Klicka på den nyskapade keyframe och välj anka MovieClip på duken. Flytta nu detta MovieClip med markören åt höger (låt säga 100px). Du kan kontrollera den nya positionen i Info-panelen.

Gå tillbaka till den första keyframe i tidslinjen. På fastigheten panelen välj Tween: "Motion". Om du klickar någonstans på tidslinjen nu, ser du att anka MovieClip rör sig från vänster till höger.

Steg 4 - Sätt animation MovieClip om de viktigaste tidslinjen

Klicka nu på "Scene 1" för att komma tillbaka till huvudmenyn tidslinjen. Om anka MovieClip finns kvar, ta bort den.

Flytta animation MovieClip från biblioteket till den första bildrutan på tidslinjen.

Ange exempel namnet på MovieClip till "animation_mc" (du kan välja ett annat namn om du vill. Se till att exempelvis namnet är unikt). Utan ett exempel namn, är den del inte att identifiera MovieClip.

Steg 5 - Lägg effekt komponent

Skapa ett nytt lager, välj den första bildrutan och dra effekten komponenten från biblioteket på animeringen MovieClip. Komponenten kommer automatiskt att nafsa.

Ställ parametern på den komponent inne i komponenten inspektören panel som i skärmdumpen. Alla filmklipp med exempelvis namn 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 "animation_mc".

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.

Nu export (tryck [Ctrl-ENTER] eller ...). Du kommer att se till att chefen för anka på något sätt bryts. Thats eftersom komponenten har exakt storlek anka MovieClip. Men eftersom eftertanke vågen kommer att öka storleken inte passar längre.

Steg 6 - Anpassa animering MovieClip

För att fixa detta kommer du infoga en osynlig form i bakgrunden av anka MovieClip, vilken storlek upp MovieClip lite.

Kom tillbaka till anka MovieClip genom att dubbelklicka på den i ditt bibliotek.

Skapa ett nytt lager under Tween lagret.

Välj rektangel verktyget och rita en figur med bredden på anka. Höjden bör vara några pixlar högre än anka (ca 10 pixel). Det kan hjälpa att ställa in redogöra ikonen i tidslinjen, för att bara se mått anka bilden.

Med den form som har valts öppnar färg panelen och ställ alpha till 0.

När du provar filmen nu kommer du se att reflektion appliceras på hålet anka.

Steg 6 - Lägg Bakgrundsbild

Skapa ett nytt lager under lagret med animation och komponent. Importera en bild som matchar. Nu kan du ändra placeringen av animation MovieClip så att den passar in i bakgrunden.

Hämta

Klicka här för att hämta 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å hämta vatten eftertanke Effect här .