Cool Flash Effect Tutorials!

Povzetek

V tem vadnico se boste naučili, kako ustvariti vodo razmislek za uporabo na gibljivih Movieclip.

Tu končni rezultat:

Zahteve

Flash 8, Flash CS3 ali CS4 Flash.

Opomba: screenshots v tej vajah so v CS3 Flash. Deluje popolnoma enak v Flash 8. Ta Tutorial je ActionScript 2 (Čeprav ni ActionScript je potrebno).

Korak 1 - Namestite učinek komponente

Prenesite Water Odsev Effect tukaj . Sledite navodilom za namestitev in povlecite komponento iz komponente plošči v knjižnico vaše. fla datoteko.

2. korak - Ustvarite raca Movieclip

Import raca sliko [pritisnite Ctrl-R] ali "File" -> "Import" -> "Import na odru ...". Prepričajte se, da raca slika. Png s prozornim ozadjem.

Izberite to sliko in se preoblikoval v Movieclip pritisnite tipko [F8] ali desni klik na MovieClip -> "Convert do Symbol ...". Daj Movieclip ime "raca".

Korak 3 - Ustvarite Animation Movieclip

Ustvari novo Movieclip z [pritiskom Ctrl-F8] ali Vstavi -> "New Symbol ...". Ime tega Movieclip "animacije".

Povlecite raca Movieclip iz knjižnice na prvo okvir, na časovni premici. Sedaj kliknite na okvir 60 in ustvariti novo Glavni okvir pritisnite [F6] ali desni klik in "Insert Glavni okvir".

Kliknite na novo ustvarjeno Kljucni polje in izberite raca Movieclip na platnu. Zdaj premakniti Movieclip z kurzor tipko desno (lets reči 100 pik). Lahko preverite novo mesto na info plošči.

Pojdi nazaj na prvo Glavni okvir za časovni premici. Na nepremičnine plošči izberite Tween: "Motion". Če kliknete nekje na časovni premici sedaj, boste videli, da raca Movieclip se giblje od leve proti desni.

Korak 4 - Put animacije Movieclip na glavni časovni premici

Sedaj kliknite na "sceni 1" priti nazaj na glavni časovni premici. Če raca Movieclip je še vedno tam, ga odstranite.

Move animacija Movieclip iz knjižnice na prvo okvir časovni premici.

Nastavite primer ime Movieclip na "animation_mc" (lahko izberete drugo ime, če želite. Poskrbite, da je primer unikatno ime). Brez primer ime, komponenta ne more odkriti Movieclip.

Korak 5 - Uporabi učinek komponente

Ustvarite nov layer, izberite prvi okvir in povlecite učinek komponente iz knjižnice na animacijo Movieclip. Komponenta bo samodejno snap.

Nastavite parameter sestavnega dela znotraj del sveta inšpektor kot v screenshot. Vse Movieclips z na primer imena v tem okviru, so navedeni v "Target Movieclip" izberite seznam. Ker imate le eno Movieclip, sestavni del domneva, da ga želite uporabiti učinek na Movieclip "animation_mc".

Opomba: Te nastavitve se uporabljajo samo za ta primer učinka komponente. Če rišete element na drugem Movieclip (nekje drugje v notranjosti. Fla ali v nov projekt), morate nastaviti nastavitve znova.

Zdaj izvoz ([pritisnite Ctrl-ENTER], ali ...). Boste videli, da je vodja raca nekako zmanjšal. Thats ker komponenta je ravno velikost raca Movieclip. Ampak saj bo razmislek val povečanje obsega to ne bo šlo več.

Korak 6 - Prilagoditi animacija Movieclip

Da bi to preprečili, boste vstavite neviden obliko v ozadju raca Movieclip, ki do velikosti Movieclip malo.

Pojdi nazaj na raco Movieclip z dvojnim klikom v knjižnici.

Ustvari novo plast pod Tween plast.

Izberite pravokotnik orodje in sestaviti oblike z širino raca. Višina mora biti nekaj pixel višja kot raca (približno 10 slikovnih pik). Morda bi pomagalo vzpostaviti oris ikona v časovnem traku, da bi videli samo dimenzije raca slike.

Z obliko izbrane odprto barvo ploščo in nastavite alpha na 0.

Ko test film sedaj, boste videli, da je razmislek o uporabi luknjo raca.

Korak 6 - Dodaj ozadje

Ustvari novo plast pod plast z animacijo in komponento. Import sliko, ki se ujemajo. Sedaj lahko spremenite položaj animacije Movieclip, da bo usklajenosti z ozadjem.

Download

Kliknite tukaj za download fla tega Tutorial. Opomba:. Fla vključuje poskus prevod od učinka komponente, ki bo deloval le v Flash IDE (Flash 8, Flash CS3 ali CS4 Flash), vendar ne znotraj brskalnika.

Prav tako lahko prenesete Water Odsev Effect tukaj .