Vadnica: Ustvarjanje vodi razmislek učinek z animacijo
Komentiraj 18. november 2008
Povzetek
V tem Tutorial boste naučili, kako ustvariti razmislek vode za uporabo na gibljivih Movieclip.
Tu je končni rezultat:
Zahteve
Flash 8, Flash CS3 in Flash CS4.
Opomba: screenshots so v tej Tutorial v Flash CS3. Deluje popolnoma enak v Flash 8. Ta Tutorial je ActionScript 2 (Čeprav ni potrebno ActionScript).
Korak 1 - Namestite učinek komponente
Prenesite Effect Water Reflection tukaj. Prosimo, sledite navodilom za namestitev in povlecite komponento iz komponente plošči v knjižnico vaše. Fla datoteko.
2. korak - Ustvarite raco Movieclip
Uvoz raca slika [pritisnite Ctrl-R] ali "File" -> "Import" -> "Import on Stage ...". Prepričajte se, da je raca slika. Png s prozornim ozadjem.
Izberite to sliko in se preoblikoval v Movieclip [pritisnite F8] ali desni klik na MovieClip -> "Convert do Symbol ...". Daj Movieclip ime "raca".
3. korak - Ustvarite Animation Movieclip
Ustvarite nov Movieclip s [pritisnite Ctrl-F8] ali Vstavi -> "New Symbol ...". Ime tega Movieclip "animacija".
Drag race Movieclip iz knjižnice na prvo okvir na časovni premici. Sedaj kliknite na frame 60 in ustvariti nov Kljucni polje [pritisnite F6] ali desni klik in "Vstavi Glavni okvir".
Kliknite na novo ustanovljene Kljucni polje in izberite raco Movieclip na platnu. Zdaj premakniti to Movieclip z kurzor tipko za desno (lets reči 100 pik). Preverite lahko novo pozicijo v info plošči.
Nazaj na prvo Glavni okvir za časovni premici. Na plošči izberite lastnost Tween: "Motion". Če kliknete nekje v časovnem traku zdaj, vidite, da je raca Movieclip premika od leve proti desni.
4. korak - Daj animacija Movieclip na glavni časovni premici
Sedaj kliknite na "Scene 1", da se vrnete v glavni časovni premici. Če raca Movieclip je še vedno tam, ga odstranite.
Move animacija Movieclip iz knjižnice na prvi časovni okvir.
Nastavite primer ime Movieclip na "animation_mc" (lahko izberete drugo ime, če želite. Poskrbite, da je edinstven primer 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 se bo samodejno snap.
Nastavite parameter komponente znotraj plošči inšpektor komponento 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 ste pripravi komponente v drugem Movieclip (nekje drugje v notranjosti. Fla ali v nov projekt), morate nastaviti nastavitve znova.
Zdaj izvoz ([pritisnite Ctrl-ENTER], ali ...). Videli boste, da vodja race je nekoliko zmanjšal. Thats ker komponenta je ravno velikost raca Movieclip. Ampak saj bo odraz vala poveča velikost to ne bo šlo več.
Korak 6 - Prilagodite animacija Movieclip
Da bi to preprečili, boste vstavite nevidno obliko v ozadju Movieclip raco, ki je velikosti do Movieclip malo.
Vrni se raca Movieclip z dvojnim klikom v knjižnici.
Ustvari novo plast pod Tween plast.
Izberite pravokotnik in orodje za pripravo oblike z širino raca. Višina mora biti nekaj pik višje kot raca (približno 10 slikovnih pik). To bi pomagalo vzpostaviti pregled ikona v časovnem traku, da bi videli le dimenzije raca slike.
Z izbrano obliko odprtega barvo ploščo in nastavite na 0. alfa.
Ko test vaš film sedaj, boste videli, da je razmislek o uporabi luknjo raca.
6. korak - Dodajanje Background image
Ustvari novo plast pod plast z animacijo in dela. Uvoz sliko, ki se ujemajo. Sedaj lahko spremenite položaj animacije Movieclip uspeti usklajenosti z ozadjem.
Prenesti
Kliknite tukaj za download fla to tutorski. 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 tukaj Effect Water Reflection.






















Napišite komentar