Cool Flash Effect Tutorials!

Sammanfattning

I den här guiden lär du dig hur du skapar en vatten eftertanke att ansöka om en rörlig MovieClip.

Här slutresultatet:

Krav

Flash 8, Flash CS3 eller Flash CS4.

Obs: skärmdumpar i denna handledning är gjord i Flash CS3. Det fungerar exakt likadant i Flash 8. Denna handledning är ActionScript 2 (Även om inget ActionScript krävs).

Steg 1 - Installera effekt komponenten

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

Steg 2 - Skapa anka MovieClip

Importera anka bilden [tryck Ctrl-R] eller "File" -> "Importera" -> "Importera on Stage ...". Kontrollera att anka bilden är en. Png med transparent bakgrund.

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

Steg 3 - Skapa Animation MovieClip

Skapa en ny MovieClip med [tryck Ctrl-F8] eller Infoga -> "ny symbol ...". Namnge MovieClip "animation".

Dra anka MovieClip från biblioteket till den första bildrutan på tidslinjen. Klicka nu på ram 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. Nu flytta denna MovieClip med markören åt höger (låt säga 100px). Du kan kontrollera den nya positionen i Info-panelen.

Gå tillbaka till första keyframe på 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 de viktigaste tidslinjen. Om anka MovieClip finns kvar, ta bort det.

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. Kontrollera att exempelvis namnet är unikt). Utan ett exempel namn, är den del inte att identifiera MovieClip.

Steg 5 - Verkställ effekt komponent

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

Ställ in parametern av komponenten inuti 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 har bara ett MovieClip, antar komponent, som du vill använda effekten på MovieClip "animation_mc".

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.

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

Steg 6 - Anpassa animering MovieClip

För att åtgärda detta måste du infoga en osynlig figur i bakgrunden av anka MovieClip, vilken storlek upp MovieClip lite.

Tillbaka till ankan MovieClip genom att dubbelklicka på den i ditt bibliotek.

Skapa ett nytt lager under Tween lagret.

Markera rektangeln 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 konturen ikonen i tidslinjen, att bara se mått anka bilden.

Med den form som har valts öppna panelen Färg och ställ Alpha till 0.

När du testar din film nu, ser du att reflektion tillämpas 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 animeringen MovieClip att få den att passa in i bakgrunden.

Hämta

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