Kinetická typografie je ve svém jádru umění (a technika) animace textů způsobem, který je oživuje, přidává písmenům, slovům nebo frázím pohyb, aby sdělil emoce, vyprávěl příběhy nebo předal sdělení vizuálně podmanivým způsobem.
Zpočátku úpravy textu jednoduše zahrnovaly výběr písma, psaní zprávy a pravděpodobně i úpravu typu, velikosti a barvy písma. Ale jak se návrhářské nástroje a koncepty vyvíjely, základní úpravy textu se vyvinuly v poutavou kombinaci textu, designu a animace.
Typickým příkladem kinetické typografie je název filmu tančícího, vznášejícího se nebo vycházejícího z tvarů a obrazů, čímž vzniká zážitek ještě před začátkem filmu. K vytváření běžných efektů kinetické typografie, jako je tento, můžete použít nástroje pro úpravu videa, jako je After Effects.
Tento článek ukáže, jak vytvořit kinetický text v After Effects, některé předvolby, které můžete použít, a oblíbené webové stránky, kde si je můžete stáhnout.
V tomto článku
-
- Kinetické typografické efekty pro textové animace v After Effects
- Předvolby kinetické typografie pro Adobe Effects
Příklady kinetické typografie
Od komunikace značky po zábavu a vzdělávání, efekty kinetické typografie vytvořily způsob, jak nechat vyniknout textové zprávy. Můžeme je najít ve zprávách značky, které vidíme každý den.
Vezměte si například Apple.
Apple silně vyjádřil záměr společnosti být uhlíkově neutrální pomocí kinetické typografie. Kinetické texty, barevná paleta a výrazné vizuální prvky skvěle předaly poselství vypravěče a zároveň rezonovaly s identitou značky.
Burger King také jasně chápe sílu kinetických textů v komunikaci značky.
Jejich rebrandingové video si pohrává s texty a diváky tak plynule přenáší. Kinetické texty zdůrazňují základní umění a kreativitu značky a zároveň prezentují značku potravin jako zábavnou a chutnou.
Jak vytvořit svou vlastní kinetickou typografii v After Effects
Některé nedávné trendy typografické animace v After Effects zahrnují oživení čistých textů pomocí jemných animací, kombinování zdeformovaných textů s vizuálními efekty a vytváření 3D textů, které lze animovat a manipulovat tak, aby sdělovaly více než jen sdělení.
Značky také začaly integrovat kinetickou typografii s pohyblivou grafikou, aby vytvořily značkový obsah sociálních médií, zejména na Instagramu a TikTok – tento krok pomohl několika značkám vyniknout se svými sděleními o značce na přesyceném trhu.
To ukazuje, jak snadno si můžete vytvořit svou vlastní kinetickou typografii s After Effects.
Metoda 1:Základní vícenásobné rohové razítko s efektem swing
Tato metoda zahrnuje animaci několika textových vrstev dohromady – k vytvoření kontrastního bloku textu zvaného rohové razítko – a přidání efektu houpání.
Krok 1:Vytvořte novou kompozici. Zkopírujte a vložte svůj první textový prvek a nastavte jej na první pozici.
Krok 2:V rozevírací nabídce Vlastnosti textu vyberte Animovat> Neprůhlednost.
Krok 3:V rozevírací nabídce Výběr rozsahu snižte neprůhlednost na 0 %. Vytvořte klíčový snímek na časové ose na začátku animace a změňte Start na 0 %.
Krok 4:Zkopírujte a vložte druhé textové prvky do kompozice a nastavte ji na první pozici. V první vrstvě povolte klíčové snímky Rotace, Pozice a Měřítko a poté přesuňte text na obrazovce na druhou pozici.
Krok 5:Vyberte druhou textovou vrstvu a klikněte na Animate> Tracking.
Krok 6:Přidejte klíčové snímky k hodnotám sledování; upravte je tak, aby vyhovovaly požadovanému výsledku.
Krok 7:Přidejte efekt prolínání pomocí možnosti Opacity. Tímto způsobem vaše druhá vrstva zmizí ve stejnou dobu.
Krok 8:Dále přidejte efekt houpačky. Přejděte na Vrstva> Nová> Nulová.
Krok 9:Pomocí biče ze dvou textových vrstev je připojte k vrstvě Null. To vám umožní přemístit textové vrstvy přesunutím vrstvy Null.
Krok 10:Povolte možnosti Pozice, Měřítko a Otočení ve vrstvě Null a přidejte klíčové snímky při úpravě jejich různých nastavení. Přesuňte vrstvu Null na novou pozici.
Krok 11:Zkopírujte a vložte svou finální textovou vrstvu. Přejděte na Animovat> Pozice.
Krok 12:Pomocí možností nabídky Range Selector posuňte text dolů po obrazovce. Klikněte na Animovat> Neprůhlednost a upravte si, aby vám vyhovovala. Pomocí nabídky Upřesnit vyberte, zda chcete animovat znaky, slova nebo řádky textu.
Metoda 2:Animace sloupců kinetické typografie
Krok 1:Nejprve animujte své titulky. Vytvořte textovou vrstvu s prvním slovem. Klikněte na Animovat> Sledování.
Krok 2:Přidejte klíčový snímek do prvního bodu animace v závislosti na vaší rychlosti. Pohybujte se po časové ose a upravte hodnotu sledování tak, aby vám vyhovovala.
Krok 3:Vyberte textovou vrstvu časové osy, přejděte na Úpravy> Rozdělit vrstvu. Zde můžete změnit novou vrstvu dlaždic na vaše druhé slovo.
Krok 4:Vyberte druhou textovou vrstvu. Kliknutím na „U“ na klávesnici zobrazíte klíčové snímky, které jste umístili. Přemístěte klíčové snímky posunutím prvního klíčového snímku za druhý. Tímto způsobem je efekt sledování obrácený.
Krok 5:Vyberte obě textové vrstvy a vytvořte složený klip; v případě potřeby ořízněte konec kombinovaných spon. Duplikujte složený klip a umístěte jej tak, aby se přehrál bezprostředně po prvním.
Krok 6:Otočte druhý klip tak, aby se přehrával v nepřetržité smyčce. Klikněte pravým tlačítkem na textovou vrstvu a vyberte Čas> Časově obrácená vrstva. To vám umožní duplikovat vrstvy, aby odpovídaly délce sekvence. Pamatujte si pořadí – klip, obrácený klip, klip, obrácený klip.
Krok 7:Vyberte všechny vrstvy a vytvořte jeden složený klip. Budete mít jednu vrstvu s animací opakování po celé délce.
Krok 8:Chcete-li vytvořit sloupcový efekt, duplikujte vrstvu a duplikujte tolikrát, kolikrát chcete.
Adobe After effects je premiérový nástroj, pokud jde o hraní si s animacemi, zejména s animacemi textu. Má rozsáhlé funkce, které vám umožní získat kreativitu a navrhnout kinetickou typografii od začátku pomocí různých technik.
Zde jsou běžné kinetické textové animace v After Effects, které můžete vytvořit a replikovat pro své kreativní projekty. Chci říct, že s mnoha možnostmi nikdy neuděláte chybu!
10 kinetických typografických efektů pro textové animace v After Effects
-
Stíny textu
Stíny textu dodávají vaší typografii text a rozměr. Stíny můžete animovat a posouvat, zvětšovat nebo zmenšovat podle pohybu textu na obrazovce.
-
Ručně psané texty
Ručně psaná typografická animace s After Effects napodobuje ručně psané texty. Využívá tahy a matné vrstvy k vytvoření jedinečné typografie vhodné pro vysvětlující videa. Zde je návod, jak to udělat.
-
Hladké texty
Tento typ animace After Effect je jemný a zaměřuje se na plynulý plynulý pohyb. Vše, co musíte nejprve přidat texty, a pohrát si s nastavením textu, rozmazáním, otočením snímku, posunutím, barvou textu atd.
-
3D vytlačování
3D písma jsou tak univerzální, že je lze upravit přidáním přechodů vysunutí a zkosení. Díky tomu je atraktivnější a dodává textu větší hloubku. Takto se to dělá.
-
Integrace tvarů do textů
Tento typografický efekt After Effects zahrnuje začlenění tvarů do animací textu. Zde pomalu odhalujete písma, budujete napětí a vzrušujete diváky. Tento efekt funguje skvěle s jakýmkoli písmem, barvami nebo tvary.
-
Tekuté texty
Plynulost tekutých textů přispívá k všestrannosti této typografie After Effects. Můžete vytvářet bublinové efekty, křivky nebo jakýkoli pohyb podobný vodě pomocí písma dle vašeho výběru. Pro replikaci postupujte podle kroků v tomto videu.
-
Trvalé texty
„Nervové efekty“, jak se tomu běžně říká, lze použít k vytvoření efektů ve stylu hipsterů pro děsivé filmové klipy a upoutávky. Zde je návod, jak vytvořit nervózní texty.
-
3D kinetické efekty
Upravte svůj 2D text na kinetický 3D text hraním si s rotací, uchopením vrstvy a dalšími efekty.
-
Kombinování textur do textů
Přidejte textury, vložte znaky a vylepšete běžné texty, abyste zlepšili estetický vkus.
-
Plynulý přechod z teček na písmena
Tento efekt kinetické typografie plynule animuje body a vytváří dynamické textové animace, které udrží vaše diváky v očekávání, co se objeví příště. Videa, která používají tuto kinetickou typografii, mají lepší míru uchování. Zde je návod, jak to udělat.
Předvolby kinetické typografie pro Adobe Effects
I když je při vytváření efektů typografické animace od nuly spousta zábavy a kreativity, použití předvoleb v After Effects může být snazší a zefektivní váš proces úprav. Některé z webových stránek, kde můžete získat šablony kinetické typografie, zahrnují Envato Elements a Motion Array. Na Videohive si můžete stáhnout animované tituly, jako je text Typoking title animation kinetic typography.
Bonus:Snazší způsob, jak vytvořit kinetickou typografii na Filmoře
Wondershare Filmora je software pro úpravu videa, který vám umožňuje vytvářet fascinující textové animace. Díky integrovaným nástrojům pro úpravu fotografií a manipulaci s textem Filmora oživí vaše textové animace a budou vypadat jako živé.
Vytvořte úžasnou kinetickou typografii ve Filmoře
- Snadno animujte text pomocí různých přednastavených efektů.
- Importujte a používejte jedinečná písma pro kreativní návrhy.
- Upravte načasování a pohyb s přesností klíčových snímků.
- Bezproblémová synchronizace pohybu textu s prvky videa.
- Zarovnejte animace textu se zvukem, abyste měli dojem.
Kroky k vytvoření kinetické typografie s Filmora
Krok 1:Na panelu nástrojů přejděte na Media> Project Media> Sample Color. Přetáhněte libovolnou barvu na časovou osu.
Krok 2:Přejděte na kartu Titulky. Přetáhněte šablonu Basic Title a umístěte ji nad klip Sample Color na časové ose.
Krok 3:Klikněte pravým tlačítkem na titulní klip na časové ose a ze seznamu možností vyberte Upravit vlastnosti. Klepněte na Advanced. Zde můžete změnit typ a velikost písma, aby vám vyhovovaly.
Krok 4:Na časové ose začněte od druhé vrstvy a posuňte každou textovou vrstvu o 5 snímků dopředu od předchozí vrstvy. Tím se každé slovo zobrazí několik milisekund po druhém. Klikněte na OK.
Krok 5:Exportujte časovou osu a uložte textovou animaci jako nový klip. Poté odstraňte všechny klipy z časové osy a importujte textové video, které jste právě exportovali. Přetáhněte jej na časovou osu.
Krok 6:Klikněte pravým tlačítkem na klip na časové ose a vyberte Upravit vlastnosti.
Krok 7:Na panelu nástrojů klikněte na Animace> Přizpůsobit. Upravte nastavení Měřítko na 120 %.
Krok 8:Přesuňte přehrávací hlavu na konec klipu na časové ose. Resetujte měřítko a klikněte na OK.
Závěr
Kinetická typografie je zábavný a kreativní způsob vyladění vašich videí. Postupujte podle kroků uvedených v tomto článku a vytvořte kinetický text pomocí After Effects. Prozkoumejte také některé šablony typografických animací po efektech zdarma z některého z uvedených webových stránek. Nebo ještě lépe, užijte si zjednodušený proces úprav a vestavěné šablony na Filmoře.