Jak vytvářet obrázky GIF After Effects
Jednoduchý, ale výkonný editor
Četné efekty na výběr
Podrobné návody poskytuje oficiální kanál
GIFy existují již nějakou dobu, ale jak se tok obsahu na populárních platformách sociálních médií, jako je Facebook nebo Instagram, stále prudce snižuje, poptávka po GIF bude i nadále narůstat.
Bohužel nebudete moci vytvořit gif v after effects přímo, pokud s pomocí plug-inu, jako je GIFGun.
Než budete pokračovat, mějte na paměti, že použití Adobe Media Encoder je snazší metodou pro komprimaci vašich exportů než jakýkoli kompresor třetí strany.
V tomto článku najdete snadno použitelné metody, pomocí kterých můžete vytvořit after effects GIF během několika minut.
V tomto článku
Část 1 Obecné znalosti o animaci GIF
01Co je to GIF?
Zkratka GIF znamená Graphics Interchange Format a soubor je vytvořen ve formátu bitmapového obrázku. Toto bylo vyvinuto v roce 1987 pracovníky v CompuServe.
Tento formát byl na WEBu neuvěřitelně úspěšný díky výhodám, jako jsou menší velikosti souborů, širší podpora a snadná kompatibilita s operačními systémy.
GIFy jsou však mnohem vhodnější jako jednoduchá grafika a loga než živá akční videa s omezením palety na 256 na obrázek.
Vytváření GIF je jako opakování animace nebo animovaných prvků. Tyto animované GIFy můžete použít v bannerech, abyste zaujali své publikum nebo dokonce vytvořili zábavný obsah ke sdílení pro své stránky na Facebooku.
Můžete začít vytvořením jednoduchých jednoduchých animací ve Photoshopu a poté je vylepšit pomocí After Effects.
02Proč vytvářet GIF?
Zde je několik věcí, na které můžete dávat pozor, pokud právě začínáte vytvářet GIFy;
● Jednoduché ukázky produktů. S jednoduchými 3 až 4 kroky GIF můžete stručně představit kroky, jak používat produkt.
● Pokyny můžete poskytnout v krátkém čase.
● Návrháři UX používají obrázky GIF, aby ukázali fungování určitých digitálních zážitků.
● Na svou stránku můžete zavést obrázky GIF, abyste udrželi zájem sledujících.
● Na svém webu můžete zobrazit úžasné věci.
Část 2 Rozdíl mezi vytvářením obrázků GIF v After Effects a Photoshopu
Vytváření GIFů v After Effects a Photoshopu je jedno a totéž, ale výsledky se mohou lišit v závislosti na tom, který výběr nástrojů a funkcí vám vyhovuje lépe.
Nyní, pro ty, kteří se učí Photoshop a After Effects poprvé, aby pochopili rozdíl ve výsledcích mezi oběma těmito programy, vám umožní ve stručnosti seznámit se s jejich funkcemi.
01Co je podobné?
Vzhledem k tomu, že oba jsou navrženy společností Adobe, nástroje a rozhraní, které používají, jsou si jistě podobné. Oba tyto programy umožňují používat vrstvy úprav z panelu vrstev, kde oddělujete prolnutí nebo transformujete více vrstev. V obou softwarech můžete masky na tyto vrstvy aplikovat různými způsoby.
02Složení skupin (PS) a vnořených (AE)
Ve Photoshopu můžete seskupit vrstvy dohromady a společně aplikovat styly, prolnutí a transformace. V After Effects se to však nazývá Nesting.
Oba jsou si svým způsobem podobné, ale Nesting Comps poskytuje uživatelům více funkcí, protože interpretuje pravděpodobné kompozice během procesu vnořování.
Inteligentní objekty používané v PS jsou také srovnatelné s Nested Comps, protože na jeden můžete aplikovat filtry a na druhý aplikovat efekty.
03Vektor a tvary
Můžete použít nástroj pero nebo nástroj tvar v PS i AE, který vytváří vrstvy tvarů bez ztráty integrity. Obě aplikace podporují Bezier, který vám umožňuje ovládat křivky mezi kotevními body v PS a vrcholy v AE.
04Destrukční efekty
After Effects vám neposkytuje destruktivní efekty, zatímco ve Photoshopu můžete použít nedestruktivní filtry. Můžete také zkombinovat několik vrstev a aplikovat změny nebo deformovat obrázky, ale tyto trvalé změny nelze provést v After Effects.
Také si všimnete, že i když existuje několik podobností, existují nástroje a funkce, které nejsou sdíleny mezi oběma aplikacemi. Lišily by se také typy kategorií nástrojů. Stejně jako v After Effects můžete vytvářet styly odstavců a znaků, které můžete použít na texty.
Část 3 Jak vytvářet obrázky After Effects
After Effects nabízí lepší možnosti úprav videa než základní možnosti animace, které můžete vyzkoušet ve Photoshopu. Při vytváření GIF byste chtěli využít kombinaci nástrojů nabízených v After Effects a Photoshopu.
Nejprve se podíváme na to, jak můžete vytvořit animované video v After Effects a poté jej převést na animovaný GIF ve Photoshopu.
01Animace v After Effects
Krok 1: Otevřete After Effects, přejděte na ‚Composition‘ a vytvořte ‚New Composition‘. V okně, které se objeví, budete muset vyplnit rozměry a specifikace vašeho projektu. Například 300 x 250 px při 30 snímcích za sekundu a trvání 6 sekund.
Krok 2: Díly můžete importovat přetažením nebo přechodem na „Panel projektu“ v pracovním prostoru After Effects, jak je znázorněno na obrázku.
Krok 3: Nyní můžete začít animovat svá aktiva. Přetáhněte je a přidejte je na panel ‚Složení‘ nebo panel ‚Časová osa‘. Pokud je umístíte do jedné, zobrazí se na obou. Upravte vrstvy podle nejvyšší vrstvy na panelu.
Snižte měřítko každé animace na 0 %, aby mohla být animována v rostoucí sekvenci. Vyberte vrstvu, kterou chcete upravit, a klikněte na „Transformovat“. Kliknutím na ‚Měřítko‘ dáte této vrstvě aktivní značku na časové ose. Nastavte měřítko na 0 %.
Nyní můžete začít animovat první položku posunutím ukazatele aktuálního času na 06f (6. snímek na časové ose 30 snímků za sekundu). Změňte velikost položky zpět na 100 % a značka se znovu objeví.
Tento postup opakujte pro ostatní položky. Mějte na paměti, že každá položka má mezi sebou mezeru 06f pro pozdější úpravu.
Vaše rovnice je nyní kompletní a zbývá pouze animovat tlačítko CTA. Upravte polohu horní vrstvy na CTA a nastavte ukazatel aktuálního času na čas začátku animace tlačítka. Kliknutím na „pozice“ nastavíte značku na své časové ose. Posuňte 04f dopředu, posuňte tlačítko a couvejte zpět do původní polohy tak, aby to vypadalo jako animace kliknutí na tlačítko.
Vaše animace je nyní dokončena. Nyní přejděte na ‚Složení‘ a zkraťte čas na panelu ‚Trvání‘.
Krok 4: Přejděte na Složení. Klikněte na Pre-Render a objeví se nový výběr. Nyní klikněte na „Vykreslit“. Výstupem bude soubor .mov.
Pokud najdete exportování gifů z After Effects příliš složité, můžete také nahrávat a opakovat videa pomocí Wondershare Filmora Video Editor který má spoustu dalších úžasných funkcí pro úpravu videa, které můžete vytvořit přetažením.
Wondershare Filmora – nejlepší video editor pro Mac/Windows
Stáhlo si ji 5 481 435 lidí.
Vytvářejte jedinečné vlastní animace, aniž byste se museli zapotit.
Zaměřte se na vytváření epických příběhů a detaily nechte na automatických funkcích Filmory.
Začněte kreativní dobrodružství s efekty drag &drop a nekonečnými možnostmi.
Filmora zjednodušuje pokročilé funkce, aby vám ušetřila čas a námahu.
Filmora vynechává opakování, abyste mohli přejít k dalšímu tvůrčímu průlomu.
02Převod animace na GIF ve Photoshopu
Krok 1: Vytvořte nový soubor ve Photoshopu se stejnými specifikacemi jako v After Effects. Nyní přejděte na „Soubor“> „Importovat“> „Snímky do vrstev“ a importujte uložený soubor .mov.
Krok 2: Pokud časovou osu nevidíte automaticky, přejděte do Windows> Časová osa.
Krok 3: Rozhodněte se, kolik smyček chcete v animaci. Až budete s GIF hotovi, přejděte na „Soubor“> Exportovat. Použijte Legacy Save for Web a zvolte formát pro GIF.
Krok 4: V možnostech exportu můžete získat přístup k několika předvolbám, které lze použít na animované obrázky GIF. Čím více barev je v GIF zobrazeno, tím větší je jeho velikost. K vyhlazení přechodů a odstínů můžete použít Dethering. Opakování je ve Photoshopu také vypnuto, ale opakování můžete použít v nabídce „Možnosti“ zobrazené ve spodní části nabídky.
Část 1 Závěrečné myšlenky:
● GIFy jsou oblíbeným typem média, které je docela trendy a snadno se vyrábí pomocí Adobe gifů po efektech nebo Photoshop. Nazývají se Graphics Interchange Format a nejlépe se používají jako jednoduché grafické obrázky.
● Potřebujete kombinaci Photoshopu a After Effects, ačkoli oba sdílejí podobná rozhraní, nástroje a efekty. Můžete seskupit nebo vnořit kompozice, použít filtry nebo efekty a upravit vektory a tvary.
● After Effects je z hlediska vytváření videí lepší než Photoshop, takže můžete nejprve vytvořit projekt v AE a poté jej po exportování after effects do gif importovat do PS . Pro první krok tohoto procesu můžete také použít Filmoru.