Page Roll obrázku Přechodový efekt ve Flashi

V této lekci se naučíte, jak animovat role papíru pomocí maskování v Adobe Flash .

Pojďme začít!

Otevřete nový dokument Flash s Action Script 2.0.

Vytvoření Page Curl přechod

Krok 1: Nastavení vlastností dokumentu

Nyní vyberte Upravit z menu a vyberte dokument nebo si přímo můžete stisknout Ctrl + J pro otevření dokumentu vlastnosti.

Vytvoření Page Curl přechod

Nyní můžete změnit etapu rozměry 700 × 438, = černá = 30 FPS a barvu pozadí, jak je znázorněno na obrázku níže. Chcete-li začít s tutoriály stáhnout source.zip soubor, který vám poskytne potřebné soubory, které mají být použity v tutoriálu.

Vytvoření Page Curl přechod

Krok 2: Import potřebné obrázky

První importovat stažené použité obrázky od zdroje. K tomu Přejděte do nabídky Soubor> Importovat Vybrat> Vybrat Importovat do knihovny.

Vytvoření Page Curl přechod

Krok 3: Umístění obrazu na jevišti

Před zahájením již máme vrstvu 1, nyní pojmenujte vrstvu jako jeden. Přetáhněte IMG1 obrázek z knihovny na jeviště.

Vytvoření Page Curl přechod

Zarovnat obraz do centra jeviště pomocí zarovnání panelu. Mějte na paměti, že sladit libovolnou položku do středu jeviště, zkontrolovat "Zarovnání do fáze" políčko.

Vytvoření Page Curl přechod

Krok 4: Vytvoření Transition1

Stiskněte kombinaci kláves CTRL + F8 vytvořit nový symbol. Zadejte jméno Transition1 a vybrat zadejte na filmový klip.

Vytvoření Page Curl přechod

Budete zadat Transition1 filmový klip a přejmenovat vrstvu jako IMG1. Pak zvolte snímek a stiskněte klávesu F8.

Vytvoření Page Curl přechod

Přetáhněte obrázek img2 z knihovny a stiskněte klávesu F8 vytvořit nový symbol. Pojmenujte tento symbol jako img2. Ale ne udržet tento symbol na jevišti jako nyní. Mějte to v knihovně.

Krok 5: Vytvoření Transition1 - Uspořádání prvků

Vložte novou vrstvu a pojmenujte ji jako img1_mask.

Vytvoření Page Curl přechod

Nyní vytvořte obdélník s rozměrem jsou následující.

Otevřete panel majetných. Chcete-li otevřít panel Vlastnosti, Jděte do menu Okno> Vybrat vlastnosti.
W = 40
H = 450
X = -390
Y = -225

Vytvoření Page Curl přechod

Nyní vložte novou vrstvu a pojmenujte ji znovu jako img1_flip.

Vytvoření Page Curl přechod

Nyní zkopírujte IMG1 snímek stisknutím kláves CTRL + C a vložit na hladině img1_flip pomocí Ctrl + Shift + V. Potom přejděte do nabídky Změnit> Transformovat> Převrátit vodorovně.

Vytvoření Page Curl přechod

Nyní přesuňte vyletěl obraz na levé straně, až to vyjde z jeviště. Nenechávejte jeden pixel, prostor mezi oběma obrazy, jak je uvedeno v referenčním obrázku níže.

Vytvoření Page Curl přechod

Nyní vložte novou vrstvu a pojmenujte ji jako img1_flip_mask.

Vytvoření Page Curl přechod

Nyní vytvořte obdélník s rozměrem jsou následující.

Otevřete panel majetných. Chcete-li otevřít panel Vlastnosti, Jděte do menu Okno> Vybrat vlastnosti.
W = 61
H = 438
X = -411
Y = -219

Vytvoření Page Curl přechod

Nyní zkopírujte tento obdélník stisknutím kláves CTRL + C a vložte novou vrstvu a pojmenujte ji jako gradient_effect. Vložte kopírovaný obraz stiskem Ctrl + Shift + V.

Nyní platí přechodu barvu obdélníku. K tomu, přejděte do menu okna> barva nebo stiskněte ALT + SHIFT + F9 pro otevření panelu Barvy.

Vytvoření Page Curl přechod

Po použití gradientu, vyberte levou barvu kbelík a typu 7E7E7E do pole kód barvy zvýrazněný v barvě panelu, jak je uvedeno níže.

Vytvoření Page Curl přechod

Nyní stiskněte mezi oběma věder a zadejte # FFFFFF do pole kód barvy zvýrazněný v barvě panelu. Poté nastavte alpha na 0%.

Vytvoření Page Curl přechod

Krok 6: Vytvoření Transition1 - Použití tvar a Classic Tween

Nyní vyberte rámeček 99 ze všech vrstev kromě img1 vrstvy, jak je uvedeno v odkazu níže. Potom stisknutím klávesy F6 vložte klíčový snímek. Po tomto snímku vyberte 100 img1 vrstvy pouze a stiskněte klávesu F5 vložit rámeček.

Vytvoření Page Curl přechod

Nyní naneste animace. K tomu, vyberte libovolný snímek mezi snímky 1 až 99, a to pravým tlačítkem myši a vyberte příkaz Vytvořit doplnění tvaru Naneste na doplnění tvaru;. Gradient_effect vrstvu, img1_flip_mask vrstvu a img1_mask vrstvy.

Vytvoření Page Curl přechod

Nyní vyberte jakýkoliv snímek mezi rámem 1 a 99 img1_flip vrstvy a vytvořit klasické doplnění. K tomu, klepněte pravým tlačítkem myši> zvolte Vytvořit klasické doplnění.

Vytvoření Page Curl přechod

Krok 7: Vytvoření Transition1 - Vytváření animace

Nyní vyberte gradient_effect vrstvu, img1_flip_mask vrstvy, a img1_flip vrstva prvky a levý vystoupit každý z nich stiskem tlačítka zvýrazněné uvedené v referenčním obrázku níže.

Vytvoření Page Curl přechod

Přesunout je na pravé straně, až se vychází z fáze, jak je uvedeno v referenčním obrázku níže.

Vytvoření Page Curl přechod

Vyberte obdélník umístěn na vrstvě img1_mask a zvětšit šířku obdélníku pomocí nástroje Volná transformace k pokrytí obrazu.

Vytvoření Page Curl přechod

Krok 8: Vytvoření Transition1 - Aplikace masky

Nyní vyberte img1_mask vrstvu a to pravým tlačítkem myši a vyberte masku. To samé udělejte s vrstvou img1_flip_mask.

Vytvoření Page Curl přechod

Krok 9: Příprava přechodu na hlavní časové ose

Kliknutím na scéně, aby vyšel z transition1 filmového klipu.

Vytvoření Page Curl přechod

Nyní přejděte do vlastností panelu a vyberte grafický, jak je uvedeno v referenčním obrázku níže.

Vytvoření Page Curl přechod

Pak sestoupil na panelu vlastností a zvolte Přehrát jednou z smyčkování, jak je uvedeno v referenčním obrázku níže.

Vytvoření Page Curl přechod

Nyní vložte novou vrstvu a pojmenujte ji jako 2. Pak vyberte snímek 225 z obou vrstev a stiskněte klávesu F5 vložit rámeček.

Vytvoření Page Curl přechod

Nyní zkopírujte transition1 od layer1 stisknutím kláves CTRL + C. Vložit nový klíčový snímek stisknutím klávesy F6 a vložit zkopírovaný transition1 stiskem Ctrl + Shift + V. zvolte klip a to pravým tlačítkem myši a vyberte Duplikovat symbol ...

Vytvoření Page Curl přechod

Zadejte název Transition2.

Vytvoření Page Curl přechod

Nyní dvakrát klikněte na transition2 vstoupit do klipu.

Nyní přejděte do vlastností panelu a vyberte obrázek, který na první snímek a poté stiskněte Přepnout.

Vytvoření Page Curl přechod

Odkládací symbol se objeví okno vyberte img2 a stiskněte OK. Nahradí IMG1 symbol img2 symbol.

Do tuto metodu na každé img1 symbol nahradit, že s img2.

Vytvoření Page Curl přechod

Stiskněte Ctrl + Enter. Uvidíte něco takového efektu.

2 Reakce na "Image Page Roll přechodový efekt ve Flashi"

Dovolená jeden Namítat

CommentLuv odznak