Jak vytvořit flash animaci (s ilustracemi)

Jsme neustále čelí flash animaci - na internetu a v televizních vysílání. Vytváření jednoduchých flash animací pomocí technologie Flash - poměrně jednoduchý úkol, protože Flash nabízí mnoho užitečných nástrojů, které zjednodušují celý proces. Pokud chcete vytvořit flash animaci nebo karikaturu, pak můžete provést skici za pár hodin.

Kroky

Část 1 z 3:

Flash flash animace

jeden. Základy satelitní animace. Tato metoda je považována za hlavní způsob vytvoření "tradiční" animace, ve které každý následný rám zahrnuje jeden, ale mírně modifikovaný obraz. Při přehrávání všech snímků, obraz "přichází k životu". Stejná metoda je používána animátory kreslení karikatury z ruky a trvá více času než Tweing (viz další část).

Ve výchozím nastavení blesk reprodukuje 24 rámců za sekundu (FPS). To znamená, že v jednom sekundě bude zobrazen 24 snímků, ale ne všechny z nich musí být nutně odlišné. Tento parametr můžete změnit (pokud chcete) pro 12 snímků za sekundu, ale ve 24 snímcích za sekundu, animace bude hrát více "hladce".

Obrázek s názvem vytvořit flash animace krok 2

2. Nainstalujte Flash Professional. Existuje mnoho programů pro vytváření flash animací, ale nejsilnější je Adobe Flash Professional CC. Můžete nastavit zkušební verzi tohoto programu zdarma nebo použít jiný produkt (pokud se nechcete zaregistrovat na Adobe Creative Cloud). Dále tento článek popisuje, jak pracovat s Flash Professional.

Obrázek s názvem Vytvořit flash animace Krok 3

3. Vzhledem k tomu, že animace rámu vyžaduje více snímků (které se od sebe mírně liší), pak musíte tyto obrázky vytvořit ručně. Chcete-li to provést, použijte Adobe Flash Professional nebo Draw obrázky v libovolném grafickém editoru.

Pokud chcete, aby velikost obrázků byla snadno měnit bez ztráty kvality, vytvářet snímky ve vektoru, a ne v rastrové grafice. Vektorové obrázky budou překreslit sami při změně jejich velikosti (to znamená, že se vyhnete pixelizaci nebo vyhlazování). Rastrové obrázky jsou tradiční obrázky, jako jsou fotografie, tažené obrázky a tak dále. Při pokusu o zvýšení takových snímků získáte silně zkreslený obrázek.

Obrázek s názvem Vytvořit flash animace krok 4

4. Vytvořit první rám. Když nejprve spustíte Adobe Flash Professional, uvidíte prázdné plátno (vrstva) a prázdnou časovou osu. Vzhledem k tomu, že rám přidává časovou osu automaticky. Můžete pracovat s vrstvami, stejně jako v Photoshopu.

Před přidáním obrázku vytvořte základní pozadí animace. Přejmenujte "vrstva 1" v "pozadí" a pak jej připevněte. Vytvořte druhou vrstvu a pojmenujte ji, jak chcete. Bude to vrstva, na které vytvoříte animaci.

Přidejte obrázek na plátno prvního snímku. Výkres z počítače můžete importovat nebo můžete použít nástroje pro kreslení pro vytvoření výkresu přímo v programu.

První rámeček je rámeček "klíč". Klíčovým rámem je rám, který obsahuje obraz a tvoří nadaci ("Bony") animace. Vytvoříte nový klíčový snímek pokaždé, když změníte obrázek.

Klíčový personál na časové ose jsou označeny černou.

V každém následujícím rámu nepotřebujete rámeček klíčů. Vytvořte klíčový rámeček každé čtyři nebo pět snímků, aby se dobrá animace.

Obrázek s názvem Vytvořit flash animace krok 5

Pět. Převést obrázek do symbolu. V tomto případě můžete několikrát přidat obrázek do rámečku. To je zvláště užitečné, pokud potřebujete rychle přidat několik stejného typu obrázků v jednom rámci (například ryby v akváriu).

Zvýrazněte obrázek. Klepněte pravým tlačítkem myši na výkres a vyberte "Převést do symbolu" (Převést do symbolu). Obraz bude přidán do knihovny, která zjednoduší jeho použití v budoucnu.

Vyjměte obrázek. Nebojte se - můžete jej přidat do rámečku Jednoduché přetažení z knihovny. Takže můžete několikrát přidat jeden a stejný výkres do rámečku.

Obrázek s názvem Vytvořit flash animace krok 6

6. Přidat prázdné rámečky. Pokud je první klíčový rámeček připraven, vložte prázdné rámečky a pokračujte v části Vytvoření druhého klíčového snímku. Po prvním klíčovém snímku stiskněte klávesu F5 (čtyři nebo pětkrát).

Obrázek s názvem Vytvořit flash animaci krok 7

7. Vytvořit druhý klíčový snímek (po přidání několika prázdných rámců). Existují dva různé způsoby, jak to provést: můžete kopírovat existující klíčový snímek a provádět malé změny v něm, nebo můžete vytvořit prázdný klíčový snímek a přidat nový obrázek na něj. Pokud používáte výkres vytvořený v jiném programu, použijte druhý způsob. Pokud vložíte obrázek vytvořený pomocí nástroje Adobe Flash Professional Nástroje pro kreslení, použijte první metodu.

Chcete-li vytvořit klíčový snímek pomocí obsahu předchozího klíčového snímku, stiskněte klávesu F6. Chcete-li vytvořit prázdný rámeček klíč, klepněte pravým tlačítkem myši na poslední snímek na časové ose a vyberte možnost "Vložit prázdný klíčový snímek" (vložit prázdný klíčový rámeček).

Poté, co jste vytvořili druhý klíčový snímek, musíte provést změny na jeho obrazu, takže animace "přišlo k životu". Pokud jste použili nástroje pro kreslení Adobe Flash Professional, vyberte nástroj Transformovat nástroj pro zvýraznění položky výkresu (například ruku znaků) a změnit ji.

Pokud vložíte nový snímek na každý klíčový snímek, ujistěte se, že je na správném místě (podle logické posloupnosti rámců).

Obrázek s názvem vytvořit flash animace krok 8

osm. Opakujte proces. Po vytvoření dvou klíčových snímků opakujte proces - přidejte několik prázdných rámců mezi každým klíčovým snímáním a ujistěte se, že animace bude hrát "hladce".

Udělat malé změny. Menší (nepřeberoterové) změny, vyrovnání je reprodukováno. Pokud chcete například znak zvednout ruku, druhý rámeček klíč by neměl obsahovat výkres, na kterém je charakter zobrazen s rukou. Místo toho použijte více klíčových rámců pro pohyb ze snížených rukou do zvednuté ruky. V tomto případě bude animace hladší.

Část 2 z 3:

Twining

jeden. Flash obsahuje funkci "Tweening" (Twine), která umožňuje nastavit počáteční a koncový rámec animace. Flash automaticky vytvoří mezilehlé rámce tak, aby přechod z jednoho klíčového snímku do druhého byl hladký. Takže nemusíte vytvářet snímky pro každý klíčový snímek (jako ve vzorku animace).

Twith je zvláště užitečné pro morfování - hladká konverze jednoho obrazu do druhé (pomocí geometrických operací a interpolace barev).
Při vytváření animace můžete současně použít jak metodu rámu a twing.
Pokud chcete animovat několik znaků najednou, každý snímek animace by měl obsahovat několik vrstev (jedna vrstva pro jeden znak).

Obrázek s názvem Vytvořit flash animace krok 10

2. Vytvořit první obrázek. Na rozdíl od metody rámce není nutné vytvořit více snímků pro animaci. Místo toho musíte vytvořit jeden snímek, který bude změněn v procesu Twe.

Důrazně se doporučuje používat vestavěné nástroje pro kreslení (ve flash) nebo import vektorový obrázek. Pokud chcete, aby velikost obrázků byla snadno měnit bez ztráty kvality, vytvářet snímky ve vektoru, a ne v rastrové grafice. Vektorové obrázky budou překreslit sami při změně jejich velikosti (to znamená, že se vyhnete pixelizaci nebo vyhlazování).

Obrázek s názvem Vytvořit flash animace krok 11

3. Převést obrázek do symbolu. V tomto případě bude blesk schopen manipulovat s obrázkem. Pokud se pokusíte udělat tweing s obrázkem, který nebyl transformován do symbolu, program vám navrhne.

Obrázek s názvem vytvořit flash animace krok 12

4. Vytvořit první animované dvojče. Animované dvojče přesune obraz z jedné pozice do druhého. Klepněte pravým tlačítkem myši na symbol a vyberte "Vytvořit Tween Tween" (vytvořit animované dvojče). 24 snímků bude přidáno do časové osy, protože se jedná o standardní délku dvojče. Nezapomeňte, že ve výchozím nastavení bude animace přehrána hladce při 24 rychlostních rychlostech za sekundu, takže animované dvojče trvá pouze 1 sekundu.

Když vytvoříte animované dvojče, automaticky se přesunete do posledního snímku animace.

Obrázek s názvem vytvořit flash animace krok 13

Pět. Nastavte trajektorii. Po vytvoření dvojče přesuňte obrázek na konec animace. Flash zobrazí trajektorii s tečkami označující polohu každého dvojitého rámu.

Když nejprve vytvoříte trajektorii, bude to vypadat jako přímka (ze výchozího bodu do koncového bodu).

Obrázek s názvem Vytvořit flash animace Krok 14

6. Přidat pozadí. Pokud začnete animaci, váš obrázek se bude pohybovat podél trajektorie, ale pozadí zmizí po prvním rámci. Proto musíte přidat do každého snímku animace.

Na časové ose vyberte vrstvu s pozadím. Klikněte na poslední snímek na časové ose (tento snímek by měl být poslední snímek celé animace). Klikněte na F5 pro vložení rámečků pozadí (od začátku do ukončení animace).

Obrázek s názvem Vytvořit flash animaci Krok 15

7. Přidat klíčové snímky. Přidání klíčových rámců na trajektorii vám umožní změnit výkres v animovaných dvojčatech. Obraz můžete změnit pouze v případě, že je vložen do rámečku klíče. Chcete-li přidat klíčový snímek na trajektorii, vyberte rámeček na časové ose (tento rámeček, který chcete vytvořit klíč). Poté přetáhněte obrázek do vybraného rámečku. Trajektorie se automaticky nastaví a rámeček klíč bude přidán do časové osy. Na časové ose jsou klíčové rámečky označeny kosočtvercem.

Obrázek s názvem Vytvořit flash animace Krok 16

osm. Upravte trajektorii motoru. Chcete-li změnit trajektorii, přetáhněte značky rámu do nové pozice. Nedělejte nadměrný počet změn trajektorie motouzu, protože to povede k chybnému pohybu výkresu (pokud samozřejmě není vaším cílem!).

Obrázek s názvem Vytvořit flash animace krok 17

devět. Převést obrázek. Pokud jste vytvořili rámečky klíčů a trajektorie, můžete obraz převést tak, aby se hladce změnilo, když se twin trajektorie pohybuje. Můžete změnit tvar, barvu, svah, velikost a jakýkoli jiný obrazový parametr.

Vyberte rámeček, ve kterém bude obraz transformován.

Otevřete panel Vlastnosti výkresu. Chcete-li to provést, stiskněte klávesu F3.

Změňte hodnoty parametrů v okně Vlastnosti výkresu. Můžete například změnit odstín nebo barvu, přidat filtry, změnit velikost.

Můžete také použít nástroj Free Transform (Free transformace) pro změnu výkresu, jak jste prosím.

Obrázek s názvem Vytvořit flash animaci krok 18

10. Přidat konečné tahy. Zkontrolujte vytvořenou animaci stisknutím kláves CTRL + ENTER. Zkontrolujte, zda je výkres (znak) správně změní a zda je animace reprodukována se správnou rychlostí. Pokud se animace hraje příliš rychle, snižte hodnotu FPS nebo zvýšte dobu trvání provázku.

Výchozí FPS je 24, takže se pokuste o snížení této hodnoty až 12. Změňte hodnotu FPS na panelu Vlastnosti. Nicméně, když FPS = 12, animace lze přehrát nestačí hladce.

Chcete-li změnit dobu trvání dvojče, vyberte vrstvu obsahující dvojče a posuvníkem změnou trvání dvojče. Pokud chcete zdvojnásobit trvání dvojče, posuňte jezdec na 48 snímků. Nezapomeňte vložit pozadí do prázdných rámců tak, že pozadí nezmizí uprostřed animace. Chcete-li to provést, vyberte vrstvu pozadí, klepněte na poslední snímek animace (na časové ose) a stiskněte klávesu F5.

Část 3 z 3:

Přidání zvukových efektů a hudby

jeden. Zapište si nebo stáhněte zvukové efekty a hudbu. Můžete přidat zvukové efekty na animaci, aby to bylo více velkolepější. Hudba učiní animaci více vzrušující a může proměnit dobrou animaci do nádherné. Flash podporuje různé formáty zvukových souborů, včetně AAC, MP3, WAV a AU. Vyberte formát, který zaručuje vysokou kvalitu zvuku s minimální velikostí souboru.

Formát MP3 zaručuje vysokou kvalitu zvuku s minimální velikostí souboru. Formátové soubory WAV jsou velké.

Obrázek s názvem Vytvořit flash animace Krok 20

2. Importovat zvukové soubory do knihovny, aby bylo možné rychle přidat zvuky a hudbu do animace. Klikněte na "Soubor" - "Import" - "Importovat do knihovny" (import do knihovny). Vyhledejte zvukový soubor v počítači. Zkontrolujte, zda má zvukový soubor snadno zapamatovaný název, takže jej můžete rychle najít.

Obrázek s názvem vytvořit flash animace krok 21

3. Vytvořte novou vrstvu pro každý zvukový soubor. To není nutně a můžete přidat zvuk do existujících vrstev, ale vložení zvukového souboru na samostatné vrstvě vám umožní lépe ovládat zvukovou stopu animace.

Obrázek s názvem Vytvořit flash animaci krok 22

4. Vytvořit klíčový snímek, ze kterého začne přehrávání zvuku. Na vrstvě se zvukem vyberte rámec animace, ze kterého začne zvuk. Stisknutím klávesy F7 vložte prázdný klíčový snímek. Pokud chcete například vložit zvukový soubor, který bude přehráván v celé animaci, vyberte první snímek na vrstvě s zvukovým souborem. Pokud přidáte hlas znaku, vyberte rámeček, kde znak spustí.

Obrázek s názvem Vytvořit flash animaci krok 23

Pět. Přidání zvukových souborů. Stiskněte "Vlastnosti" - "Sound" - "Jméno" a vyberte zvukový soubor z knihovny.

Obrázek s názvem Vytvořit flash animaci kroku 24

6. Konfigurace zvukového souboru v souladu s požadavky animace. Můžete přidat efekty, změnit nastavení synchronizace a konfigurovat reprodukci zvukového souboru (v nabídce Název).

Efekty (například útlum nebo echo). Můžete si vybrat jeden z přednastavených parametrů v rozevírací nabídce, nebo můžete kliknout na ikonu tužky (vedle menu) a vytvořte si vlastní vlastní nastavení.

Synchronizace. Definuje postup pro přehrávání zvuku v animaci. Parametr události (Event) přehrává do konce zvukový soubor. Pokud je stejný zvukový soubor znovu reprodukován (dokud není první přehrávání nad), první přehrávání bude pokračovat ve hře (do konce). Parametr "Start" funguje jako parametr "Událost" s jediným rozdílem, že první přehrávání se zastaví při reprodukci zvuku. Parametr "Stop" zastaví přehrávání zvuku v konkrétním rámci. Pokud chcete tento parametr používat v kombinaci s jinými parametry zvukového souboru, vytvořte nový klíčový snímek, kde se přehrávání zvuku zastaví. Parametr "Stream" (proud) bude synchronizovat určitý zvuk s rámečky na jiných vrstvách. Tento parametr je lepší použít při vložení hlasů znaků.

Reprezentace reprodukce. Určuje počet opakovaného přehrávání konkrétního zvukového souboru (jeden nebo mnohokrát). Pokud je vaše animace cyklická, nastavte tento parametr k nekonečnému přehrávání zvukového souboru.

Obrázek s názvem Vytvořit flash animaci Krok 25

7. Uložte vytvořenou animaci ve formátu SWF. Tento formát je reprodukován téměř jakýkoliv webový prohlížeč. Soubor tohoto formátu lze také stáhnout na určité stránky (Newgrounds, Albino Blacksheep, Kongregate, zobrazit ji další uživatele.

Obrázek s názvem vytvořit flash animace krok 26

osm. Tento článek vypráví o základech vytváření flash animace, ale můžete udělat mnohem více, například vytvořit bleskové tlačítka. Můžete také předat zrychlený kurz jazyka ActionScript, abyste prozkoumali všechny jemnosti vytváření a správu animace. Experiment a naučíte se všem trikům pro vytváření animace.

Tipy

Pokud plánujete upravovat animaci, uložte jej ve formátu .Fla.