Tutorial: Izveidot ūdens pārdomu spēkā ar animāciju
Rakstīt komentāru 18 novembris 2008
Kopsavilkums
Šajā apmācība jūs uzzināsiet, kā veidot ūdens pārdomas piemēro pārvietojas Movieclip.
Lūk gala rezultāts:
Prasības
Flash 8, Flash CS3 vai Flash CS4.
Piezīme: šajā apmācība tiek veiktas, Flash CS3 ekrānšāviņi. Tas darbojas tieši pats 8 Flash. Šī apmācība ir ActionScript 2 (gan neviena ActionScript tiek prasīts).
Step 1 - instalējiet ietekme komponents
Download Ūdens Pārdomu Effect šeit. Lūdzu, izpildiet uzstādīšanas instrukcijas un velciet detaļas no komponenta panelis stājas bibliotēku jūsu. Fla failu.
Step 2 - Create pīle Movieclip
Import pīle image [nospiediet Ctrl-R] jeb "File" -> "Import" -> "Import uz skatuves ...". Pārliecinieties, ka pīle attēla. Png ar caurspīdīgu fonu.
Izvēlieties attēlu, pārveidojot to Movieclip [nospiediet F8] vai nospiediet labo peles taustiņu MovieClip -> "Convert to Symbol ...". Dot Movieclip nosaukumu "pīle".
Solis 3 - Create Animation Movieclip
Izveidot jaunu Movieclip ar [nospiediet Ctrl-F8] vai Insert -> "New Symbol ...". Nosauciet šo Movieclip "animāciju".
Velciet pīle Movieclip no jūsu bibliotēku pirmais kadrs uz laika skalas. Tagad noklikšķiniet uz 60 rāmja un izveidot jaunu keyframe [preses F6] vai labo klikšķi un "Ievietot Keyframe".
Noklikšķiniet uz jaunizveidoto keyframe un izvēlieties pīļu Movieclip uz kanvas. Tagad pārcelt šo Movieclip ar kursora taustiņu, lai labi (ļauj teikt 100px). Jūs varat pārbaudīt jauno pozīciju info panelī.
Iet atpakaļ pirmo keyframe no skalas. Par nekustamā īpašuma panelī izvēlieties Tween: "Motion". Ja noklikšķināt kaut kur laika tagad redzat, ka pīle Movieclip virzās no kreisās uz labo.
Solis 4 - Put animācijas Movieclip par galveno laika
Tagad noklikšķiniet uz "1 Scene", lai atgrieztos pie galvenās skalas. Ja pīle Movieclip saglabājas, noņemiet to.
Pārvietot animācijas Movieclip no jūsu bibliotēku pirmais kadrs no skalas.
Uzstādīt piemēram nosaukumu Movieclip uz "animation_mc" (jūs varat izvēlēties citu nosaukumu, ja vēlaties. Pārliecinieties, ka piemēram vārds ir unikāls). Bez piemēram nosaukumu, sastāvdaļu nevar atklāt Movieclip.
Solis 5 - Lietot efektu detaļas
Izveidojiet jaunu slāni, atlasiet pirmo rāmi un velciet efekts detaļas no savas bibliotēkas uz animācijas Movieclip. Komponents automātiski papildprogrammu.
Uzstādīt parametrs sastāvdaļas iekšpusē komponents inspektors panelis tāpat kā screenshot. Visi Movieclips ar piemēram nosaukumiem šajā rāmī ir uzskaitītas "Target Movieclip" izvēlieties sarakstā. Tā kā jums ir tikai viens Movieclip, komponents tiek pieņemts, ka jūs vēlaties piemērot spēkā Movieclip "animation_mc".
Piezīme: Šie uzstādījumi ir tikai šo vienu gadījumu sekas sastāvdaļu. Ja jūs izdarīt detaļas citā Movieclip (kaut kur citur iekšpusē. Fla, vai jaunā projektā), Jums ir noteikt iestatījumus vēlreiz.
Tagad eksports ([nospiediet Ctrl-ENTER] vai ...). Jūs redzēsiet, ka vadītājs pīle ir kaut griezums. Tas ir tāpēc, ka detaļas ir tieši izmēru pīļu Movieclip. Bet kopš pārdomu vilnis palielinās izmēru tas nevar ievietot vairāk.
Step 6 - Pielāgot animācijas Movieclip
Lai to labotu, jums ievietot neredzamu forma fona pīles Movieclip, kuras lielums ir līdz Movieclip maz.
Get back to duck Movieclip, veicot dubultklikšķi uz to savā bibliotēkā.
Izveidojiet jaunu slāni zem Tween slāni.
Atlasiet taisnstūri instrumentu un izdarīt forma ar platumu pīles. Augstums ir maz pikseļu augstākas nekā pīle (aptuveni 10 pixel). Tas varētu palīdzēt noteikt izklāstīt ikonas laika grafiku, lai redz tikai izmērus pīļu attēlu.
Ar forma izvēlēts atklātā krāsu paneli un noteikt alfa līdz 0.
Kad jūs pārbaudītu savu filmu tagad, jūs redzēsiet, ka pārdomas tiek piemērots caurums pīle.
Step 6 - Pievienot Fona attēls
Izveidojiet jaunu slāni zem slāni ar animāciju un komponentu. Import tēls, kas spēlē. Tagad jūs varat mainīt nostāju animācijas Movieclip, lai tas pieskaņotos ar fonu.
Lejupielādēt
Uzklikšķināt šeit, lai lejupielādētu fla šo pamācību. Piezīme:. Fla iekļauts izmēģinājuma versijas ietekmes komponentu, kas darbojas tikai Flash IDE (Flash 8, Flash CS3 vai Flash CS4), bet ne iekšā pārlūkprogrammā.
Jūs varat arī lejupielādēt Ūdens Pārdomu Effect šeit.






















Rakstīt komentāru