Tutorial: Vytvoření vodní odraz efekt animace
Napsat komentář 18.listopadu 2008
Shrnutí
V tomto tutoriálu se naučíte, jak vytvořit vodní reflexe aplikovat na pohybující se MovieClip.
Zde konečný výsledek:
Požadavky na
Flash 8, Flash CS3 nebo Flash CS4.
Poznámka: screenshoty v tomto tutoriálu jsou v programu Flash CS3. Funguje to naprosto totožný ve Flash 8. Tento výukový program je ActionScript 2 (I když ne ActionScript je vyžadován).
Krok 1 - Instalace účinek složky
Stáhněte vodě Odraz Effect zde. Řiďte se pokyny pro instalaci a přetáhněte ze složky Ovládací panel do vaší knihovny. Fla soubor.
Krok 2 - Vytvoření kachna MovieClip
Import kachna obrázku [stiskněte Ctrl-R], nebo "Soubor" -> "Import" -> "Import na jevišti ...". Ujistěte se, že obraz je kachna. Png s průhledným pozadím.
Vyberte tento obraz a převést jej do MovieClip [stiskněte klávesu F8] nebo klikněte pravým tlačítkem myši na MovieClip -> "Převést na symbol ...". Dejte MovieClip názvem "kachna".
Krok 3 - Vytvoření Animace MovieClip
Vytvořit nový MovieClip s [stiskněte Ctrl-F8] nebo Vložit -> "Nový Symbol ...". Jméno tohoto MovieClip "animace".
Přetáhněte kachna MovieClip z vaší knihovny do prvního snímku na časové ose. Nyní klikněte na snímek 60 a vytvořte nový klíčový snímek [stiskněte F6] nebo klikněte pravým tlačítkem myši a "Vložit Keyframe".
Klikněte na nově vytvořenou klíčový snímek a vyberte kachna MovieClip na plátně. Nyní tento krok MovieClip s kurzorem tlačítko vpravo (řekněme 100px). Můžete zkontrolovat novou pozici v informačním panelu.
Vraťte se do první klíčový snímek v časové ose. , O majetku panelu vyberte Tween: "Motion". Kliknete-li někde v časové ose nyní, vidíte, že kachna MovieClip se pohybuje zleva doprava.
Krok 4 - Dej animace MovieClip na hlavní timeline
Nyní klikněte na "Scene 1" se dostat zpět na hlavní časové osy. Pokud je kachna MovieClip je stále tam, vyjměte ji.
Přesunout animace MovieClip z knihovny na první snímek časové osy.
Nastavte instance název MovieClip na "animation_mc" (můžete si zvolit jiný název, pokud budete chtít. Ujistěte se, že název instance je jedinečný). Bez názvu instance, složka není schopen detekovat MovieClip.
Krok 5 - Použít efekt složka
Vytvořte novou vrstvu, vyberte první snímek a přetáhněte efekt komponenty z knihovny na animaci MovieClip. Složka bude automaticky lapat.
Nastavit parametr složky uvnitř panel komponenty inspektor jako ve snímku. Všechny Movieclips s názvy instancí v tomto rámci jsou uvedeny v "Cíl MovieClip" vyberte seznam. Vzhledem k tomu, máte pouze jeden MovieClip, komponenty předpokládá, že chcete použít efekt na MovieClip "animation_mc".
Poznámka: Tato nastavení se vztahují pouze na tuto jednu instanci účinku složky. Máte-li čerpat komponentu na jiném MovieClip (někde uvnitř. Fla, nebo v novém projektu), musíte nastavit nastavení znovu.
Nyní export ([stiskněte Ctrl-Enter], nebo ...). Uvidíte, že hlava kachna je nějak snížit. To je proto, že složka má přesně velikost kachnu MovieClip. Ale protože odraz vln zvýší velikost to nezapadá do žádné další.
Krok 6 - Nastavení animace MovieClip
Chcete-li opravit, bude vložíte neviditelný tvar v pozadí kachny MovieClip, který se velikostí MovieClip málo.
Vraťte se do kachny MovieClip do duplikát-cvaknout ono v knihovně.
Vytvořte novou vrstvu pod vrstvou Tween.
Zvolte nástroj obdélník a nakreslete tvar s šířkou kachnu. Výška by měla být vyšší než několik pixelů kachna (asi 10 pixelů). To by mohlo pomoci nastavit obrys ikony v časové ose, vidět pouze rozměry obrázku kachnu.
S tvarem vybrané otevřené barva panelu a nastavte na 0 alfa.
Při zkoušce svůj film nyní, uvidíte, že odraz je aplikován na díru kachnu.
Krok 6 - Přidání obrázku na pozadí
Vytvořte novou vrstvu pod vrstvu s animací a složky. Import obraz, který zápas. Nyní můžete změnit polohu animace MovieClip, aby bylo zapadat do pozadí.
Stáhnout
Klikněte zde pro stažení fla tohoto návodu. Poznámka:. Fla obsahuje zkušební verzi účinku složky, která bude fungovat pouze v IDE Flash (Flash 8, Flash CS3 nebo Flash CS4), ale uvnitř prohlížeče.
Můžete si také stáhnout vodě Odraz Effect zde.






















Napsat komentář