Přehled

V tomto tutoriálu se naučíte, jak vytvořit vodní reflexe použít na pohybující se MovieClip.

Zde konečný výsledek:


Požadavky

Flash 8, Flash CS3 nebo Flash CS4.

Poznámka: screenshoty v tomto tutoriálu jsou vyráběny v CS3 Flash. Funguje to přesně stejné ve Flash 8. Tento tutoriál je ActionScript 2 (sice ne ActionScript je požadováno).

Krok 1 - Instalace účinek složky

Stáhněte Vodní Reflection Effect zde . Řiďte se pokyny pro instalaci a přetáhnout složku z jednotlivých složek panel do knihovny svého. fla soubor.

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

Krok 2 - Vytvoření kachny MovieClip

Import kachna obrázku [stisknout Ctrl-R] nebo "Soubor" -> "Import" -> "Import na etapy ...". Ujistěte se, že obraz je kachna. PNG s průhledným pozadím.

Import image

Vybrat tento obraz a přeměňují jej na MovieClip stiskněte] [F8, nebo klikněte pravým tlačítkem myši na MovieClip -> "Konvertovat do Symbol ...". Dejte MovieClip název "kachna".

Vytvořit kachna MovieClip

Krok 3 - Vytvoření animace MovieClip

Vytvořit nový MovieClip s [stisknout Ctrl-F8], nebo Insert -> "New Symbol ...". Název této MovieClip "animace".

Vytvořit nový MovieClip

Vytvořit nový MovieClip

Přetáhněte kachna MovieClip z knihovny na první snímek na časové ose. Nyní klikněte na rámu 60 a vytvořit nový klíčový snímek [Tisková F6] nebo klikněte pravým tlačítkem myši a "Vložit Klíčové políčko".

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

Kliknutím na nově vytvořený klíčový snímek a vyberte kachna MovieClip v plátně. Nyní přesuňte tento MovieClip s kurzorem tlačítko vpravo (řekněme 100px). Můžete zkontrolovat novou pozici v info panelu.

Přesun MovieClip

Vraťte se do první klíčový snímek časové osy. O majetku panelu zvolte Tween: "Motion". Pokud kliknete-li někde na časové ose teď, zjistíte, že kachna MovieClip se pohybuje zleva doprava.

Set pohyb Tween

Krok 4 - Dej animace MovieClip na hlavní časové ose

Nyní klikněte na "Scene 1" se dostat zpět na hlavní časové ose. Pokud je kachna MovieClip je stále tady, vyjměte ji.

Vraťte se do hlavní časové ose

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

Dejte MovieClip na časovou osu

Nastavení instance název MovieClip na "animation_mc" (můžete si zvolit jiný název, pokud chcete. Ujistěte se, že název instance je jedinečný). Bez instance jméno, součást je schopen detekovat MovieClip.

Set instance jméno

Krok 5 - Aplikuje efekt složky

Vytvořte novou vrstvu, vyberte první snímek a přetáhněte efekt komponent z knihovny na animaci MovieClip. Část bude automaticky lapat.

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

Nastavte parametr složky uvnitř složky inspektor panel jako na screenshotu. Všechny Movieclips s názvy instancí v tomto rámu jsou uvedeny v části "Cíl MovieClip" select seznam. Protože máte pouze jeden MovieClip, komponenty předpokládá, že chcete použít efekt na MovieClip "animation_mc".

Nastavte parametr

Poznámka: Tato nastavení se vztahují pouze na tento jeden příklad z vlivu složky. Máte-li čerpat komponentu na jiném MovieClip (někde jinde uvnitř. Fla nebo v novém projektu), musíte nastavení znovu.

Nyní export ([stisknout Ctrl-ENTER], nebo ...). Uvidíte, že v čele kachna je nějak snížit. To je proto, že je součást přesně velikosti kachny MovieClip. Ale protože odraz vln se zvýší velikost to nezapadá do žádné více.

Reflexe je řezu

Krok 6 - Nastavení animace MovieClip

Chcete-li opravit, budete vložit neviditelný tvar v pozadí kachny MovieClip, který velikost až MovieClip málo.

Vraťte se do kachna MovieClip do double-kliknutím ve vaší knihovně.

Upravit kachna MovieClip

Vytvořte novou vrstvu pod vrstvou Tween.

Vytvořit novou vrstvu

Vyberte obdélník nástroj a nakreslit tvar se šířkou kachnu. Výška by měla být několik pixel větší než kachna (asi 10 obrazových bodů). To by mohlo pomoci nastavit obrys ikonu v časové ose, vidět pouze rozměry kachny image.

Nakreslete obdélník tvar

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

Set alfa tvaru

Když test váš film teď, uvidíte, že odraz je použita na díru kachnu.

Žádné další snížení

Krok 6 - Přidat Obrázek na pozadí

Vytvořte novou vrstvu pod vrstvu s animací a komponent. Import obraz, který zápas. Nyní můžete změnit polohu animace MovieClip, aby se to zapadat do pozadí.

Konečný výsledek

Stáhnout

Klikněte zde pro stažení Fla tohoto tutoriálu. Pozn.:. Fla obsahuje zkušební verzi účinku složka, která bude fungovat pouze v Flash IDE (Flash 8, Flash CS3 nebo Flash CS4), ale ne uvnitř prohlížeče.

Můžete si také stáhnout Voda Reflection Effect zde .

  • Sdílet / Záložka