Cool Flash Effect Tutorials!

Resumé

I denne tutorial vil du lære hvordan du opretter en vand overvejelser at ansøge om en bevægelse MovieClip.

Her er det endelige resultat:

Krav

Flash 8, Flash CS3 eller Flash CS4.

Bemærk: skærmbilleder i denne tutorial er lavet i Flash CS3. Det fungerer nøjagtig det samme i Flash 8. Denne tutorial er ActionScript 2 (Selvom ingen ActionScript er påkrævet).

Trin 1 - Installer virkning komponent

Hent den Water Reflection Effect her. Følg venligst installationsvejledningen og trække den komponent fra den komponent, panel i biblioteket i din. Fla-fil.

Trin 2 - Opret and MovieClip

Importer and image [trykke på Ctrl-R] eller "File" -> "Import" -> "Importer on Stage ...". Sørg for, at ande-billedet er en. Png med gennemsigtig baggrund.

Vælg dette billede, og omdanne det til et MovieClip [tryk på F8] eller højreklikke på MovieClip -> "Konverter til Symbol ...". Giv MovieClip navnet "ænder".

Trin 3 - Opret Animation MovieClip

Opret en ny MovieClip med [trykke på Ctrl-F8] eller Indsæt -> "Nyt symbol ...". Navngiv denne MovieClip "animation".

Træk and MovieClip fra dit bibliotek til det første billede på tidslinjen. Klik nu på frame 60 og oprette en ny keyframe [tryk på F6] eller højreklik og "Indsæt Keyframe".

Klik på den nyoprettede keyframe og vælg den ande MovieClip på lærredet. Nu flytte dette MovieClip med markøren nøglen til højre (lad os sige 100px). Du kan tjekke den nye position i infopanelet.

Gå tilbage til den første keyframe af tidslinjen. På ejendommen panelet vælge Tween: "Motion". Hvis du klikker på et eller andet sted på tidslinjen nu, ser du, at ande MovieClip bevæger sig fra venstre til højre.

Trin 4 - Put animation MovieClip på de vigtigste tidslinjen

Klik nu på "Scene 1" for at komme tilbage til de vigtigste tidslinjen. Hvis ænder MovieClip er der stadig, fjerne det.

Flyt animationen MovieClip fra dit bibliotek til det første billede af tidslinjen.

Sæt eksempel navnet på den MovieClip til "animation_mc" (du kan vælge et andet navn, hvis du vil. Sørg for, at den instans navn er unik). Uden et eksempel navn, er den komponent i stand til at opdage MovieClip.

Trin 5 - Anvend effekt komponent

Opret et nyt lag, skal du vælge det første billede, og træk den virkning komponent fra dit bibliotek på animationen MovieClip. Den komponent vil automatisk snap.

Indstil parameter for komponent inde i komponenten inspektør panel, som i skærmbilledet. Alle Filmklip med eksempelvis navne i denne ramme er anført i "Target MovieClip" vælg listen. Da du kun har et MovieClip, den komponent antager, at du ønsker at anvende den effekt på MovieClip "animation_mc".

Bemærk: Disse indstillinger er kun anvendes til dette ene tilfælde af effekten komponent. Hvis du tegner den komponent på et andet MovieClip (et andet sted inde i den. Fla eller i et nyt projekt) skal du indstille indstillingerne igen.

Nu eksport ([trykke på Ctrl-ENTER] eller ...). Du vil se, at lederen af ænder eller anden måde er afbrudt. Dvs fordi komponenten har præcis den størrelse ænder MovieClip. Men da de overvejelser bølge vil øge størrelsen vil dette ikke passer mere.

Trin 6 - Juster animation MovieClip

At rette dette, vil du indsætte en usynlig form i baggrunden af ænder MovieClip, der fylder op i MovieClip lidt.

Kom tilbage til duck MovieClip ved at dobbeltklikke på det i dit bibliotek.

Opret et nyt lag under Tween lag.

Vælg rektangelværktøjet og tegne en figur med bredden af ænder. Højden skal være et par pixel højere end ænder (ca. 10 pixel). Det kan hjælpe med at sætte skitsere ikonet på tidslinjen, kun at se de dimensioner af ænder billedet.

Med den valgte form åbne farve panelet og indstille alpha til 0.

Når du tester din film nu, vil du se, at overvejelserne anvendes på hul ænder.

Trin 6 - Tilføj Baggrundsbillede

Opret et nyt lag under lag med animation og komponent. Importere et billede, der passer. Nu kan du ændre placeringen af animationen MovieClip at gøre det passer ind i baggrunden.

Downloade

Klik her for at hente fla af denne tutorial. Bemærk:. Fla omfatter prøveversionen af den virkning, komponent, som kun vil arbejde i Flash IDE (Flash 8, Flash CS3 eller Flash CS4), men ikke inde i browseren.

Du kan også downloade Water Reflection Effect her.