Cool Flash Effect Tutorials!

Resumé

I denne tutorial vil du lære hvordan du opretter en vand refleksion til anvendelse på et bevægeligt MovieClip.

Her endelige resultat:

Krav

Flash 8, Flash CS3 eller Flash CS4.

Bemærk: screenshots i denne tutorial er lavet i Flash CS3. Det fungerer nøjagtig det samme i Flash 8. Denne tutorial er ActionScript 2 (Selv om der ikke ActionScript er påkrævet).

Trin 1 - Installer virkning komponent

Download Water Reflection Effect her . Følg installationsvejledningen og træk komponent fra den del panel i bibliotek på din. FLA-fil.

Trin 2 - Opret and MovieClip

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

Vælg dette billede og konvertere det til et MovieClip [trykke F8] eller højreklikke på MovieClip -> "Konverter til Symbol ...". Giv MovieClip navnet "and".

Trin 3 - Opret Animation MovieClip

Opret en ny MovieClip med [trykke Ctrl-F8] eller Indsæt -> "New 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 [trykke 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 de nye position i info panelet.

Gå tilbage til den første keyframe af tidslinjen. På ejendommen panel vælge Tween: "Motion". Hvis du klikker på et eller andet sted på tidslinjen nu, kan du se, at ande MovieClip flytter fra venstre mod 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 and MovieClip er der stadig, fjerne det.

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

Sæt eksempel navnet på MovieClip til "animation_mc" (du kan vælge et andet navn, hvis du ønsker det. Sørg for at eksempelvis navn er unikt). Uden en eksempelvis navn, er den komponent i stand til at detektere MovieClip.

Trin 5 - Anvend effekt komponent

Opret et nyt lag, vælg den første frame og træk virkning komponent fra biblioteket på animationen MovieClip. Den komponent vil automatisk snap.

Indstil parameter af komponenten inde i komponenten inspektør panel som i skærmbilledet. Alle filmklip med f.eks navne i denne ramme er anført i "Target MovieClip" vælg liste. Da du kun har én MovieClip, den komponent antager, at du ønsker at anvende effekten på MovieClip "animation_mc".

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

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

Trin 6 - Juster animation MovieClip

For at rette dette, vil du indsætte en usynlig form i baggrunden af ænder MovieClip, hvilken størrelse op 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 and. Højden bør være et par pixel højere end and (ca. 10 pixel). Det kan hjælpe med at sætte skitsere ikonet på tidslinjen, kun at se dimensioner and billedet.

Med den form udvalgt åben farven panel og sæt alpha til 0.

Når du tester filmen nu, vil du se, at overvejelser anvendes på hul and.

Trin 6 - Tilføj Baggrundsbillede

Opret et nyt lag under laget med animation og komponent. Importere et billede, der passer. Nu kan du ændre placeringen af animationen MovieClip, så den passer sammen med baggrunden.

Download

Klik her for at downloade fla af denne tutorial. Bemærk:. Fla omfatter prøveversion af effekten 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 .