Texty hrají při tvorbě videa zásadní roli. Od nadpisů po přechodové snímky, animované texty výrazně předčí statické účinky. Pokud hledáte inspiraci, tento průvodce pokrývá nejběžnější typy animace textu a také 8 jedinečných nápadů na animaci textu . Objevte 14 úžasných textových animací příkladů a naučte se implementovat tato dynamická animovaná písmena a styly, aby vaše videa vynikla.
Část 1. Běžné typy textových animací a stylů, které byste měli znát
Zde je seznam běžných typů textových animací, které obvykle vidíte na videích sociálních médií a na platformách pro streamování videa. Pomocí těchto běžných typů animací textu se vytvářejí různé zajímavé a inovativní animace textu.
1. 3D animace textu
3D animace textu dodávají vašemu textu hloubku a rozměr a dodávají mu dynamičtější a vizuálně přitažlivější efekt. Můžete použít jednoduchý 3D efekt, kdy se text otáčí nebo plave po obrazovce a vytváří pocit pohybu. Chcete-li dosáhnout působivějšího vzhledu, zvažte přidání perspektivy z různých úhlů nebo použijte stíny a osvětlení k vylepšení 3D efektu. Při práci s velkým textem můžete použít upravenou 3D animaci, kde každá postava svítí dovnitř a ven samostatně, takže text bude poutavější. Ať už se jedná o návrh webových stránek nebo produkci videa, 3D animace textu nabízejí nekonečné nápady na animaci textu, které zanechají trvalý dojem a poslouží jako vzrušující příklady animací textu.
Bezpečné stahování
2. Zatmívání a slábnutí
Animace textu se zatmíváním a zatmíváním je extrémně běžná u videí, kde se text na obrazovce objevuje pomalu a jeho barevný jas se pomalu zvyšuje. Po dosažení plného jasu text pomalu ztrácí jas a nakonec zcela zmizí. Obecně se slova objevují a mizí současně, ale v moderním efektu se postavy objevují a mizí jednotlivě v různých časech pro větší vizuální dopad.
3. Interaktivní textové animace
Interaktivní textové animace jsou velmi oblíbený styl animace textu používaný v moderním designu webu a aplikací pro maximální zapojení. Tyto animace umožňují dynamickou změnu textu na základě uživatelských interakcí, jako je kliknutí, posouvání nebo najetí myší. ... Ve Filmoře můžete tuto interaktivitu napodobit pomocí pokročilých technik animace klíčových snímků nebo použitím sledování pohybu na text, čímž vytvoříte působivý animovaný text, který reaguje na prvky ve vašem videu.
4. Text odděluje animaci
Existují různé varianty animace oddělování textu, ale je to jedna z vizuálně nejatraktivnějších textových animací. Ten text se objeví na videu a rozbije se a zmizí. Někdy se text po rozbití jako sklenice promění v prach. Tento textový efekt s animací má velký vliv na to, že okamžitě upoutá pozornost diváků.
5. Animace psaní textu
Označuje se také jako animace textu psacího stroje a znaky ve slově nebo větě se objevují na obrazovce jeden po druhém, jako by je někdo psal v reálném čase. Na konci znaku vždy bliká kurzor a posouvá se podle vzhledu slov a vět. Místo zobrazení všech slov nebo vět najednou je zobrazení textu, jako by ho někdo psal na obrazovce, vizuálně příjemnější.
6. SVG a animace založené na plátně
Animace založené na SVG a Canvas nabízejí velkou flexibilitu a vysoce kvalitní výstup pro textové animace. Na rozdíl od tradičních textových animací umožňují tyto technologie složitější animace cest a vektorové efekty. Text může například sledovat vlastní cestu nebo může být během animace postupně vytahován. Pomocí SVG a Canvas můžete snadno začlenit složité detaily, jako jsou přechody, složité transformace a dokonce i responzivní návrhy, které se přizpůsobí různým velikostem obrazovky. Chcete-li vytvořit vysoce kvalitní, kreativní příklady animací textu, animace SVG a Canvas jsou ideální pro projekty, které vyžadují bohaté, interaktivní vizuální efekty.
Část 2. 8 Zajímavé příklady animace textu
Vždy byste měli mít na paměti základní a běžné typy textových animací a vymýšlet zajímavé a kreativní textové animace. Uvádíme seznam oblíbených příkladů textových animací, které můžete ve svém videu použít.
1. Morphing Text Animation
Pokud je k zobrazení více slov jedno po druhém, místo efektu roztmívání a roztmívání se můžete rozhodnout pro animaci morfujícího textu. Zdá se, že v této animaci se slova proměňují jedno v druhé. První slovo se tedy změní na druhé, aby se na obrazovce objevilo druhé slovo a sekvence pokračuje. Animaci lze provést rychle, aby se zobrazilo více slov v krátkém časovém období.
2. Kombinovaná animace vysunutí
Obecně platí, že v animaci vysouvacího textu text vychází z ohraničení a typ animace zůstává po celou dobu stejný. V upravené animaci vysouvání však text vychází z okraje, ale může vycházet z horní části, ze strany nebo z obou stran okraje. Ohraničení se také může animovat, aby se pohybovalo ze strany nahoru, a také může být umístěno šikmo.
3. Animace Stomp
Efekt stomp je díky své dynamické povaze docela poutavý. V této animaci slova vycházejí z jiného slova, dokud se nezobrazí celá věta. Například máte k zobrazení větu o čtyřech slovech. Měli byste tedy ukázat první slovo a druhé slovo vyjde z prvního slova a sekvence bude pokračovat. Máte-li dvě slova, můžete je ukázat, jak vycházejí ze středu.
4. Animace opony
V této animaci se pohyblivé rámečky budou zasouvat a vysouvat a přitom odhalují text skrytý za nimi. Vypadá to podobně, jako když odhrnete závěs a získáte výhled. Poté se rámečky zasunou zpět a zakryjí text. Sekvence bude podle potřeby nadále odhalovat nové texty.
5. Efekt obrysu animovaného textu
Toto je jeden z úžasných příkladů textové animace After Effects, kdy je obrys textu animován různými barvami, takže text přitahuje pozornost. Barva výplně textu by měla zůstat stejná jako barva pozadí, aby byl viditelný pouze obrys a obrys se bude navzájem pohybovat.
6. Efekt výplně animovaného textu
Toto je jeden z nejpopulárnějších příkladů animace textu GSAP, kdy zobrazujete větu tučně a barva by se měla pohybovat mezi znaky v textu. Animovaná textová výplň zůstane uvnitř znaků a neměla by se rozlévat na pozadí. Pozadí by mělo být tmavé pro lepší zaostření a upoutání pozornosti. Někdy se stává, že lidé přetáčí barvu zleva doprava nebo může mít text přechodovou barvu a barva se vlní nahoru a dolů.
7. Animace neonové světlo
Existují různé varianty animace neonového světla, které jsou super cool. Můžete použít jednoduchou animaci neonových světel, kde text říká, že je nehybný, a neonová světla slábnou a zhasínají. Pokud si text plánujete nějakou dobu ponechat, můžete změnit barvu světel. Pokud používáte velký text, můžete použít upravenou animaci neonového světla, kde můžete svítit dovnitř a ven na jednotlivé postavy a světla by mohla blikat.
8. Textový efekt Zaostření a Rozostření
Místo toho, abyste zaměřili celou větu, můžete použít čtvercový rámeček k přejetí věty a zaměřit se na slova v závislosti na poloze čtvercového rámečku. Animace je vysoce účinná při přimět diváky, aby si větu přečetli a získali zprávu.
Část 3. Jak vytvořit textové animované video
Pokud chcete vytvořit všechny tyto zajímavé a úžasné textové animace snadno, budete potřebovat výkonný a intuitivní editor videa. Doporučujeme Wondershare Filmora, která poskytuje rozsáhlou knihovnu textových efektů, stylů a animací které můžete okamžitě použít na své video projekty.
Bezpečné stahování
Jak přidat textovou animaci pomocí aplikace Filmora Desktop
Krok 1
Stáhněte a nainstalujte Filmora
Stáhněte a nainstalujte Wondershare Filmora do počítače. Klikněte na Nový projekt a importujte libovolný videoklip, který chcete použít jako pozadí.
Bezpečné stahování
Krok 2
Vyberte nebo přidejte video na pozadí
Pokud nemáte video na pozadí, přejděte na Stock Media> Library a přetáhněte animované pozadí na časovou osu.
Krok 3
Přidat a přizpůsobit animaci textu
Přejděte do sekce Titulky a prohlédněte si různé šablony animací textu. Vyhledejte „animaci“ a najděte úžasné možnosti a přetáhněte libovolnou šablonu na časovou osu nad vrstvu pozadí.
Krok 4
Upravit a umístit text
Přemístěte textovou vrstvu, jak chcete, nebo upravte textové objekty z prohlížeče. Dvakrát klikněte na textovou vrstvu a zadejte požadovaný text.
Jak přidat textovou animaci s Filmora Mobile
Kromě možností pro počítače je možné najít přesné příklady animací textu na mobilu. Mnoho nástrojů, jako je Filmora, nabízí úžasné textové animace. S touto aplikací si můžete vybrat z klasických animací a kreativních. Jediné, co musíte udělat, je najít ten správný pro vaše video a můžete začít.
Chcete-li si vybrat z řady příkladů textových animací ve Filmoře, postupujte podle následujících kroků:
Krok 1
Stáhněte si Wondershare Filmora
Bezpečné stahování
Krok 2
Vytvořte nový projekt a importujte videa
Vytvořte nový projekt a importujte videa, do kterých chcete přidat textové animace.
Krok 3
Přístup k funkci Text
Vyberte Text> Přidat text ze spodního panelu nástrojů pro vložení textu do projektu.
Krok 4
Použít a upravit animaci textu
Na kartě Animace vyberte preferované přednastavení animace textu a upravte dobu trvání pomocí spodního posuvníku. Chcete-li prodloužit dobu zobrazení textu, přejděte na časovou osu a zvyšte dobu trvání vrstvy textu.
Jak vidíte, na výběr je spousta textových animací. Nebojte se prozkoumávat animace nebo textové styly/obrázky, abyste pro svá videa vytvořili dokonalý textový obsah.
Sečteno a podtrženo
Dali jsme vám několik běžných příkladů animací textu a úžasných efektů, které vylepší váš video projekt. Nakonec doporučujeme Wondershare Filmora pro vytváření a úpravu úžasných textových animací během několika minut, bez nutnosti zkušeností.
Filmora
Aplikace a software pro úpravu videa AI
Nejlepší nástroj pro vytváření videí kdekoli pro všechny tvůrce!
Zjednodušte si všechny své kroky při úpravě videa, od předběžného zpracování až po finalizaci, Filmora AI zůstane naladěna.