Tutoriál: Vytvoření vody odraz efekt s animací
Napište komentář 18.listopadu 2008
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.
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.
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".
Krok 3 - Vytvoření animace MovieClip
Vytvořit nový MovieClip s [stisknout Ctrl-F8], nebo Insert -> "New Symbol ...". Název této MovieClip "animace".
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".
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.
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.
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.
Přesun animace MovieClip z knihovny na první snímek časové osy.
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.
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.
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".
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.
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ě.
Vytvořte novou vrstvu pod vrstvou Tween.
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.
S tvarem vybraných otevřených barva panelu a nastavte alfa na 0.
Když test váš film teď, uvidíte, že odraz je použita na díru kachnu.
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í.
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 .






















Napsat komentář