Jak vytvořit Flash animaci (s obrázky)

Obsah:

Jak vytvořit Flash animaci (s obrázky)
Jak vytvořit Flash animaci (s obrázky)

Video: Jak vytvořit Flash animaci (s obrázky)

Video: Jak vytvořit Flash animaci (s obrázky)
Video: Activate Adobe License 2024, Březen
Anonim

Flash je přední médium pro animaci na internetu a dokonce i v jiných formátech, jako je televize. Vytvoření jednoduché Flash animace ve Flashi je ve skutečnosti docela jednoduché, protože Flash poskytuje spoustu užitečných nástrojů, které celý proces zjednodušují. Pokud máte nápad na Flash animaci nebo karikaturu, pravděpodobně budete mít hrubý náčrt za pár hodin. Postup najdete níže v kroku č. 1 vytvořte Flash Animaci.

Podpora Adobe Flash končí v prosinci 2020. Po této době již nebude možné Flash používat

Vytvořte Flash Animaci Krok 1
Vytvořte Flash Animaci Krok 1

Krok 1. Pochopte základy animace snímek po snímku

To je považováno za „tradiční“způsob animace, protože každý snímek má stejný obrázek, ale mírně pozměněný. Při společném přehrávání snímků se zdá, že se obrázky pohybují. Jedná se o stejnou základní techniku, jakou používají tradiční ruční animátoři, a je časově náročnější než doplnění (viz další část).

Flash ve výchozím nastavení vytváří animace rychlostí 24 snímků za sekundu (FPS). To znamená, že jedna sekunda animace bude mít 24 snímků, ale ne každý snímek musí být jiný. Toto můžete upravit, pokud chcete, a mnoho Flash animací používá 12 FPS, ale 24 vytvoří mnohem „plynulejší“animaci

Vytvořte Flash Animaci Krok 2
Vytvořte Flash Animaci Krok 2

Krok 2. Nainstalujte si Flash Professional

K dispozici je celá řada animačních programů Flash, ale nejsilnější je Adobe Flash Professional CC. Zkušební verzi si můžete nainstalovat zdarma, nebo můžete použít jiný produkt, pokud vás předplatné Adobe Creative Cloud neláká. Zbytek tohoto článku bude odkazovat na Flash Professional nebo jakýkoli jiný editační program jako „Flash“.

Vytvořte Flash Animaci Krok 3
Vytvořte Flash Animaci Krok 3

Krok 3. Vytvořte svůj majetek

Protože animace snímek po snímku vyžaduje více obrázků s mírnými rozdíly, budete muset všechna tato aktiva vytvořit ručně. Můžete je vytvořit všechny, než začnete, nebo je můžete vytvářet za pochodu. Pomocí programu Flash můžete kreslit přímo ve svém projektu, nebo můžete čerpat svá aktiva ve svém oblíbeném programu pro vytváření obrázků.

Pokud chcete, aby se vaše obrázky měnily bez ztráty kvality, budete je chtít vytvářet jako vektory místo rastrů. Vektorové obrázky se samy překreslí, kdykoli budou zmenšeny, což znamená, že nedojde k žádné pixelaci ani aliasingu. Rastrové obrázky jsou tradiční obrázky, na které jste pravděpodobně zvyklí (fotografie, malování obrázků atd.). Nezmění se dobře a mohou vypadat docela ošklivě, pokud je chcete zvětšit

Vytvořte Flash Animaci Krok 4
Vytvořte Flash Animaci Krok 4

Krok 4. Vytvořte svůj první snímek

Při prvním spuštění Flash budete mít prázdnou vrstvu a prázdnou časovou osu. Při přidávání rámců se vaše časová osa naplní automaticky. S vrstvami můžete komunikovat podobně jako ve Photoshopu.

  • Před přidáním obrázku vytvořte základní pozadí pro svůj film. Přejmenujte vrstvu 1 na „Pozadí“a poté vrstvu uzamkněte. Vytvořte druhou vrstvu a pojmenujte ji, jak chcete. Toto bude vrstva, na které vytvoříte animaci.
  • Přidejte svůj výkres na plátno do prvního rámečku. Výkres můžete buď importovat z počítače, nebo můžete pomocí kreslících nástrojů Flash vytvořit výkres přímo v programu.
  • Váš první snímek bude klíčový snímek. Klíčové snímky jsou snímky, které mají obrázek a tvoří páteř vaší animace. Při každé změně obrázku vytvoříte nový klíčový snímek.
  • Klíčové snímky jsou na časové ose označeny černou tečkou.
  • Nepotřebujete nový obrázek v každém snímku. Obecně platí, že mít klíčový snímek každých čtyři až pět snímků vytvoří dobrou animaci.
Vytvořte Flash Animaci Krok 5
Vytvořte Flash Animaci Krok 5

Krok 5. Proměňte svůj výkres v symbol

Otočením kresby na symbol ji můžete snadno přidat několikrát do rámečku. To je obzvláště užitečné, pokud potřebujete rychle vytvořit více objektů, například hejno ryb.

  • Vyberte celý svůj výkres. Klikněte pravým tlačítkem na výběr a vyberte „Převést na symbol“. Tím se obrázek přidá do vaší knihovny, kde k němu budete mít v budoucnu rychlý přístup.
  • Odstranit výkres. Nebojte se! Budete jej přidávat zpět do scény jednoduchým přetažením objektu z vaší knihovny. Do své scény můžete snadno přidat více instancí stejné kresby!
Vytvořte Flash Animaci Krok 6
Vytvořte Flash Animaci Krok 6

Krok 6. Přidejte nějaké prázdné rámečky

Jakmile budete mít svůj první snímek připraven, můžete přidat prázdné rámečky, které budou existovat mezi prvním klíčovým snímkem a druhým klíčovým snímkem. Stisknutím klávesy F5 čtyřikrát nebo pětkrát přidáte za první klíčový snímek prázdné rámečky.

Vytvořte Flash Animation Krok 7
Vytvořte Flash Animation Krok 7

Krok 7. Vytvořte svůj druhý klíčový snímek

Jakmile přidáte několik prázdných rámečků, jste připraveni vytvořit svůj druhý klíčový snímek. V zásadě existují dva různé způsoby, jak to provést: můžete zkopírovat stávající klíčový snímek a provést drobné úpravy, nebo můžete vytvořit prázdný klíčový snímek a vložit nový obrázek. Pokud používáte umění vytvořené v jiném programu, budete chtít druhou metodu. Pokud jste vytvořili své umění pomocí návrhových nástrojů Flash, použijte první metodu.

  • Chcete -li vytvořit klíčový snímek pomocí obsahu předchozího klíčového snímku, stiskněte F6. Chcete-li vytvořit prázdný klíčový snímek, klikněte pravým tlačítkem na poslední snímek na časové ose a vyberte „Vložit prázdný klíčový snímek“. Cokoli ve vaší scéně bude odstraněno.
  • Jakmile vytvoříte druhý klíčový snímek, budete muset provést úpravy obrazu, aby měl efekt pohybu. Pokud používáte návrhové nástroje Flash, můžete pomocí nástroje Transform vybrat aspekty kresby a mírně je přesunout, například paži stick-person.
  • Pokud vkládáte nové umění pro každý klíčový snímek, budete chtít zajistit, aby byl umístěn na stejném místě nebo na dalším logickém místě na obrazovce. Tím zajistíte, že umění nebude přeskakovat mezi snímky.
Vytvořte Flash Animation Krok 8
Vytvořte Flash Animation Krok 8

Krok 8. Opakujte postup

Nyní, když jste vytvořili dva klíčové snímky, je čas na opakování. Budete opakovat v podstatě stejný proces, dokud nedokončíte svou animaci. Přidejte několik prázdných rámečků mezi každý klíčový snímek a zajistěte, aby vaše pohyby vypadaly plynule.

Provádějte malé, přírůstkové změny. Pokud provedete velmi malé změny klíčového snímku, bude vaše animace vypadat mnohem plynuleji. Pokud například chcete, aby klacek mával paží, váš druhý klíčový snímek by neměl být druhým koncem vlny. Místo toho použijte několik klíčových snímků k přechodu od začátku vlny do konce. Výsledkem bude mnohem plynulejší animace

Část 2 ze 3: Vytváření animace Point-to-Point (Tweening)

Vytvořte Flash Animaci Krok 9
Vytvořte Flash Animaci Krok 9

Krok 1. Pochopte základy doplnění

Flash obsahuje funkci zvanou tweening, která vám umožňuje v podstatě nastavit počáteční a koncové body pro váš objekt. Flash poté objekt přesune a transformuje na základě vašich nastavení mezi těmito dvěma body, čímž vytvoří iluzi animace. Nebudete muset vytvářet obrázky pro každý klíčový snímek jako u animace snímek po snímku.

  • Tweening je zvláště užitečný pro vytváření efektů „morfování“, kdy se jeden objekt v průběhu animace stává druhým.
  • Animace po rámečku a doplnění lze použít společně ve stejném filmu.
  • Můžete mít pouze jeden objekt, který prochází pohybovým doplněním najednou. To znamená, že pokud chcete animovat více objektů najednou, všechny budou muset být v samostatných vrstvách.
Vytvořte Flash Animaci Krok 10
Vytvořte Flash Animaci Krok 10

Krok 2. Vytvořte svůj první objekt

Na rozdíl od animace snímek po snímku nebudete k vytváření animací pomocí funkce doplnění muset vytvářet více objektů. Místo toho vytvoříte jeden objekt a poté během procesu doplnění změníte jeho vlastnosti.

  • Před přidáním obrázku vytvořte základní pozadí pro svůj film. Přejmenujte vrstvu 1 na „Pozadí“a poté vrstvu uzamkněte. Vytvořte druhou vrstvu a pojmenujte ji, jak chcete. Toto bude vrstva, na které vytvoříte animaci.
  • Důrazně doporučujeme použít vestavěné nástroje pro návrh Flash nebo importovat obrázek z programu pro kreslení vektorů. Vektory lze snadno škálovat bez zkreslení, zatímco tradiční rastrové obrázky nebudou dobře škálovat a transformovat.
Vytvořte Flash Animaci Krok 11
Vytvořte Flash Animaci Krok 11

Krok 3. Převeďte svůj objekt na symbol

Abyste svůj předmět doplnili, budete jej muset převést na symbol. Toto je formát pro objekty, které Flash používá k manipulaci s nimi. Pokud se pokusíte doplnit předmět, ze kterého nebyl vytvořen symbol, budete nejprve vyzváni, abyste tak učinili.

Klikněte pravým tlačítkem na svůj objekt a vyberte „Převést na symbol“Objekt bude přidán do vaší knihovny, což usnadňuje klonování objektů

Vytvořte Flash Animaci Krok 12
Vytvořte Flash Animaci Krok 12

Krok 4. Vytvořte své první doplnění pohybu

Doplnění pohybu přesune objekt z jednoho místa na druhé Klepněte pravým tlačítkem na symbol ve vaší scéně a vyberte „Vytvořit pohybové doplnění“. Na vaši časovou osu bude přidáno 24 snímků, protože toto je výchozí délka doplnění. Pamatujte, že ve výchozím nastavení bude Flash animovat rychlostí 24 snímků za sekundu, což znamená, že dokončení tohoto doplnění pohybu bude trvat jednu sekundu.

Když vytvoříte doplnění pohybu, budete automaticky přesunuti do posledního rámce doplnění

Vytvořte Flash Animaci Krok 13
Vytvořte Flash Animaci Krok 13

Krok 5. Vytvořte trajektorii

Jakmile vytvoříte doplnění, můžete objekt přesunout na místo, kde chcete, aby skončil. Flash zobrazí trajektorii, která je tečkovaná a zobrazuje umístění objektu pro každý snímek doplnění.

Když poprvé vytvoříte trajektorii, bude to přímka z počátečního bodu do koncového bodu

Vytvořte Flash Animaci Krok 14
Vytvořte Flash Animaci Krok 14

Krok 6. Rozšiřte rámečky na pozadí

Pokud byste právě spustili svou animaci, váš objekt by se pohyboval po trajektorii, ale pozadí by po jednom snímku zmizelo. Chcete -li to opravit, budete muset rozšířit pozadí na všechny snímky animace.

Vyberte vrstvu pozadí na časové ose. Klikněte na poslední snímek na časové ose, což by měl být také rámec, na kterém končí vaše doplnění pohybu. Stisknutím klávesy F5 vložte rámečky až do tohoto bodu, čímž se pozadí zobrazí po celou dobu doplnění

Vytvořte Flash Animaci Krok 15
Vytvořte Flash Animaci Krok 15

Krok 7. Přidejte klíčové snímky

Přidání klíčových snímků na trajektorii vám umožní transformovat váš objekt během doplňování pohybu. Změny na objektu můžete provádět pouze v případě, že má klíčový rámeček. Chcete -li na trajektorii přidat klíčové snímky, nejprve vyberte na časové ose snímek, který chcete proměnit na klíčový snímek. Poté klikněte a přetáhněte objekt na místo, kde chcete, aby byl v daném rámci. Vaše trajektorie se automaticky upraví a na časovou osu bude přidán klíčový snímek. Klíčové snímky jsou na časové ose označeny ikonami diamantů.

Vytvořte Flash Animaci Krok 16
Vytvořte Flash Animaci Krok 16

Krok 8. Upravte trajektorii doplnění

Chcete -li změnit cestu k vašemu objektu, můžete kliknout a přetáhnout všechny značky polohy rámečku na cestě do nového umístění. Vyvarujte se přílišné variabilitě cesty, jinak se předmět bude pohybovat nevyrovnaným způsobem (pokud to není váš cíl!).

Vytvořte Flash Animaci Krok 17
Vytvořte Flash Animaci Krok 17

Krok 9. Transformujte svůj objekt

Jakmile vytvoříte klíčové snímky a trajektorii, můžete svůj objekt transformovat tak, aby se při pohybu po trajektorii pohybu pohyboval. Můžete změnit tvar, barvu, otočení, velikost a jakoukoli další vlastnost objektu.

  • Vyberte rámec, ve kterém má dojít k transformaci.
  • Otevřete panel Vlastnosti objektu. Pokud panel není aktuálně viditelný, můžete stisknout Ctrl+F3.
  • Změnou libovolných hodnot v okně Vlastnosti ovlivníte objekt. Můžete například změnit odstín nebo barvu, přidat filtry nebo změnit měřítko.
  • K libovolné změně tvaru můžete také použít nástroj Free Transform.
Vytvořte Flash Animation Krok 18
Vytvořte Flash Animation Krok 18

Krok 10. Dokončete úpravy doplnění

Otestujte své doplnění pohybu stisknutím Ctrl+↵ Enter. Zajistěte, aby transformace vypadaly dobře a animace se pohybovala správnou rychlostí. Pokud se vaše animace pohybuje příliš rychle, můžete buď snížit FPS scény, nebo zvýšit rozpětí doplnění.

  • Ve výchozím nastavení je FPS 24, zkuste jej tedy snížit na 12. Chcete -li to provést, klikněte mimo scénu a poté změňte FPS na panelu Vlastnosti. Pokud jej změníte na 12, délka vaší animace se zdvojnásobí, ale může být „trhanější“.
  • Chcete -li změnit rozpětí doplnění, vyberte vrstvu, která doplnění obsahuje, a pomocí posuvníku jej vytáhněte. Pokud chcete, aby doplnění bylo dvakrát tak dlouhé, prodlužte jej na 48 snímků. Nezapomeňte do vrstvy pozadí vložit prázdné rámečky, aby pozadí v polovině animace nezmizelo. Chcete -li rozšířit pozadí, vyberte vrstvu, klikněte na poslední snímek animace na časové ose a poté stiskněte F5

Část 3 ze 3: Přidání zvuku a hudby

Vytvořte Flash Animaci Krok 19
Vytvořte Flash Animaci Krok 19

Krok 1. Nahrajte nebo najděte zvukové efekty a hudbu

K akcím, které se vyskytují ve vaší animaci, můžete přidat zvukové efekty, které jí pomohou vyniknout a dodají jí určitou osobnost. Díky hudbě bude vaše animace pohlcující a může z dobré animace udělat neuvěřitelnou. Flash podporuje různé formáty souborů, včetně AAC, MP3, WAV a AU. Vyberte ten, který vám poskytne nejlepší kvalitu pro nejnižší velikost souboru.

MP3 vám obvykle poskytne naprosto přijatelnou kvalitu zvuku při zachování minimální velikosti souboru. Pokud je to možné, vyhněte se souborům WAV, protože ty jsou často poměrně velké

Vytvořte Flash Animation Krok 20
Vytvořte Flash Animation Krok 20

Krok 2. Importujte zvukové soubory do své knihovny

Než do projektu můžete přidat zvuky, je třeba je přidat do knihovny Flash. To vám umožní později je rychle přidat do projektu. Klikněte na Soubor → Importovat → Importovat do knihovny. Vyhledejte zvukový soubor ve svém počítači. Zajistěte, aby měl zvukový soubor snadno zapamatovatelný název, abyste jej mohli později rychle najít v nabídce.

Vytvořte Flash Animation Krok 21
Vytvořte Flash Animation Krok 21

Krok 3. Vytvořte novou vrstvu pro každý zvukový soubor

To není nezbytně nutné, protože do stávajících vrstev můžete přidat zvuk, ale vložení každého souboru do vlastní vrstvy vám poskytne mnohem větší kontrolu nad prolínáním a oddalováním, kdy začít a přestat, a snáze přesouvat zvuky.

Vytvořte Flash Animation Krok 22
Vytvořte Flash Animation Krok 22

Krok 4. Vytvořte klíčový snímek, kde začne zvuk

Na zvukové vrstvě vyberte rámeček v animaci, od kterého má zvuk začít. Stisknutím klávesy F7 vložte prázdný klíčový snímek. Pokud například chcete zahrnout hudební soubor, který se přehrává po dobu animace, vyberte první snímek ve vrstvě hudebního souboru. Pokud přidáváte dialog pro znak, vyberte rámeček, kde postava začíná mluvit.

Vytvořte Flash Animaci Krok 23
Vytvořte Flash Animaci Krok 23

Krok 5. Přidejte zvukový nebo hudební soubor

V rámečku Vlastnosti uvidíte sekci Zvuk. Chcete -li zobrazit možnosti, bude možná nutné ji rozšířit. Klikněte na nabídku „Název“a vyberte požadovaný soubor z vaší knihovny.

Vytvořte Flash Animaci Krok 24
Vytvořte Flash Animaci Krok 24

Krok 6. Konfigurujte zvukový soubor

Jakmile vyberete soubor, můžete nakonfigurovat, jak se bude přehrávat. To, co vyberete, bude založeno na tom, co zvuk potřebuje k dosažení v animaci. Nastavení Efekt, Synchronizace a Opakovat u každého zvuku můžete změnit pomocí nabídky pod nabídkou Název v rámečku Vlastnosti.

  • Efekt - Umožňuje přidat ke zvuku efekty, například zeslabování a zesílení nebo přidání ozvěny. Můžete si vybrat z přednastavených nastavení v rozevírací nabídce, nebo můžete kliknutím na ikonu tužky vedle nabídky vytvořit vlastní vlastní nastavení.
  • Synchronizace - Toto určuje, jak se píseň přehraje v animaci. Událost bude přehrávat zvuk, dokud nebude dokončena. Pokud se stejný zvuk znovu spustí před koncem prvního, bude originál hrát, dokud neskončí. Start funguje jako událost, ale zastaví se, pokud se zvuk znovu přehraje. Stop zastaví zvuk v tomto rámci. Pokud to chcete použít ve spojení s jinými zvukovými vlastnostmi, vytvořte nový klíčový snímek, kde chcete, aby se zvuk zastavil, a použijte tuto možnost. Stream se pokusí přizpůsobit zvuk, který hraje, počtu snímků v jiných vrstvách. Toho lze nejlépe využít pro dialog.
  • Opakovat - Toto nastavení vám umožňuje nastavit, jak dlouho se zvuk opakuje. Můžete jej nastavit tak, aby hrál pouze jednou, nebo jej můžete opakovat, kolikrát chcete. Pokud je vaše animace smyčkovou animací, měli byste nastavit, aby se vaše hudba opakovala nekonečně.
Vytvořte Flash Animaci Krok 25
Vytvořte Flash Animaci Krok 25

Krok 7. Dokončete svůj projekt

Až projekt dokončíte, uložte jej jako soubor SWF. Toto je formát používaný k přehrávání filmu. Můžete jej hrát prakticky v jakémkoli webovém prohlížeči nebo jej sledovat pomocí vyhrazeného přehrávače Flash Player. Existuje také řada webů, na které je můžete nahrát, aby je viděli ostatní, například Newgrounds, Albino Blacksheep a Kongregate.

Vytvořte Flash Animaci Krok 26
Vytvořte Flash Animaci Krok 26

Krok 8. Posuňte své budoucí projekty dále

Tato příručka se zabývá základy vytváření animace, ale je toho mnohem více, co se můžete naučit a dělat. Přidejte několik tlačítek a rozvětvených cest a máte dobrodružnou hru, kterou si vyberete. Můžete absolvovat nárazový kurz v jazyce ActionScript a získat mnohem větší kontrolu nad jemnějšími detaily své animace. Pokračujte v experimentování a brzy zjistíte, že se učíte všechny druhy triků a implementací.

Doporučuje: