Tutorial: Vytvorenie vodné odraz efekt animácie
Napísať komentár 18.listopadu 2008
Zhrnutie
V tomto tutoriálu sa naučíte, ako vytvoriť vodné reflexie aplikovať na pohybujúce sa MovieClip.
Tu konečný výsledok:
Požiadavky na
Flash 8, Flash CS3 alebo Flash CS4.
Poznámka: screenshoty v tomto tutoriálu sú v programe Flash CS3. Funguje to úplne totožný vo Flash 8. Tento výukový program je ActionScript 2 (I keď nie ActionScript je vyžadovaný).
Krok 1 - Inštalácia účinok zložky
Stiahnite vode Odraz Effect tu. Riaďte sa pokynmi pre inštaláciu a pretiahnite z priečinka Ovládací panel do vašej knižnice. Fla súbor.
Krok 2 - Vytvorenie kačica MovieClip
Import kačica obrázku [stlačte Ctrl-R], alebo "Súbor" -> "Import" -> "Import na javisku ...". Uistite sa, že obraz je kačica. Png s priehľadným pozadím.
Vyberte tento obraz a previesť ho do MovieClip [stlačte kláves F8] alebo kliknite pravým tlačidlom myši na MovieClip -> "Konvertovať na symbol ...". Dajte MovieClip názvom "kačica".
Krok 3 - Vytvorenie animácie MovieClip
Vytvoriť nový MovieClip s [stlačte Ctrl-F8] alebo Vložiť -> "Nový Symbol ...". Meno tohto MovieClip "animácie".
Presuňte kačica MovieClip z vašej knižnice do prvého snímky na časovej osi. Teraz kliknite na snímku 60 a vytvorte nový kľúčový snímku [stlačte F6] alebo kliknite pravým tlačidlom myši a "Vložiť keyframe".
Kliknite na novo vytvorenú kľúčový snímku a vyberte kačica MovieClip na plátne. Teraz tento krok MovieClip s kurzorom tlačidlo vpravo (povedzme 100px). Môžete skontrolovať novú pozíciu v informačnom paneli.
Vráťte sa do prvej kľúčový snímku v časovej osi. , O majetku paneli vyberte Tween: "Motion". Ak kliknete niekde v časovej osi teraz, vidíte, že kačica MovieClip sa pohybuje zľava doprava.
Krok 4 - Daj animácie MovieClip na hlavnej timeline
Teraz kliknite na "Scene 1" sa dostať späť na hlavnej časovej osi. Ak je kačica MovieClip je stále tam, vyberte ju.
Presunúť animácie MovieClip z knižnice na prvú snímku časovej osi.
Nastavte instance názov MovieClip na "animation_mc" (môžete si zvoliť iný názov, ak budete chcieť. Uistite sa, že názov inštancie je jedinečný). Bez názvu inštancie, zložka nie je schopný detekovať MovieClip.
Krok 5 - Použiť efekt zložka
Vytvorte novú vrstvu, vyberte prvú snímku a presuňte efekt komponenty z knižnice na animáciu MovieClip. Zložka bude automaticky lapať.
Nastaviť parameter zložky vnútri panel komponenty inšpektor ako v snímke. Všetky Movieclips s názvami inštanciou v tomto rámci sú uvedené v "Cieľ MovieClip" vyberte zoznam. Vzhľadom na to, máte iba jeden MovieClip, komponenty predpokladá, že chcete použiť efekt na MovieClip "animation_mc".
Poznámka: Tieto nastavenia sa vzťahujú iba na túto jednu inštanciu účinku zložky. Ak máte čerpať komponentu na inom MovieClip (niekde vo vnútri. Fla, alebo v novom projekte), musíte nastaviť nastavenia znova.
Teraz export ([stlačte Ctrl-Enter], alebo ...). Uvidíte, že hlava kačica je nejako znížiť. To je preto, že zložka má presne veľkosť kačicu MovieClip. Ale pretože odraz vĺn zvýši veľkosť to nezapadá do žiadnej ďalšej.
Krok 6 - Nastavenie animácie MovieClip
Ak chcete opraviť, bude vložíte neviditeľný tvar v pozadí kačice MovieClip, ktorý sa veľkosťou MovieClip málo.
Vráťte sa do kačice MovieClip do duplikát-cvaknúť ono v knižnici.
Vytvorte novú vrstvu pod vrstvou Tween.
Vyberte nástroj obdĺžnik a nakreslite tvar so šírkou kačicu. Výška by mala byť vyššia ako niekoľko pixelov kačica (asi 10 pixelov). To by mohlo pomôcť nastaviť obrys ikony v časovej osi, vidieť len rozmery obrázka kačicu.
S tvarom vybrané otvorené farba panelu a nastavte na 0 alfa.
Pri skúške svoj film teraz, uvidíte, že odraz je aplikovaný na dieru kačicu.
Krok 6 - Pridanie obrázka pozadia
Vytvorte novú vrstvu pod vrstvu s animáciou a zložky. Import obraz, ktorý zápas. Teraz môžete zmeniť polohu animácie MovieClip, aby bolo zapadať do pozadia.
Stiahnuť
Kliknite tu pre stiahnutie fla tohto návodu. Poznámka:. Fla obsahuje skúšobnú verziu účinku zložky, ktorá bude fungovať iba v IDE Flash (Flash 8, Flash CS3 alebo Flash CS4), ale vnútri prehliadača.
Môžete si tiež stiahnuť vode Odraz Effect tu.






















Napísať komentár