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.

Přetáhněte složku do knihovny

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.

Import obrázků

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".

Vytvořit kachna MovieClip

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".

Vytvořit nový MovieClip

Vytvořit nový MovieClip

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".

Vytvořit nový klíčový snímek

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.

Přesunout MovieClip

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.

Set motion tween

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.

Vraťte se na hlavní časovou osu

Přesunout animace MovieClip z knihovny na první snímek časové osy.

Dejte MovieClip na časové ose

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.

Set název instance

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.

Přetáhněte složku na MovieClip

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".

Nastavit parametr

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ší.

Reflexe je řez

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ě.

Upravit kachna MovieClip

Vytvořte novou vrstvu pod vrstvou Tween.

Vytvořit novou vrstvu

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.

Kreslit tvar obdélníku

S tvarem vybrané otevřené barva panelu a nastavte na 0 alfa.

Nastaví alfa tvarových

Při zkoušce svůj film nyní, uvidíte, že odraz je aplikován na díru kachnu.

Žádné další řez

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í.

Konečný výsledek

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.

  • Share / Bookmark