Pravděpodobně jste viděli spodní třetiny téměř každého videa na YouTube, které jste sledovali, tyto bannery, které vás vyzývají k odběru nebo sledování jejich sociálních sítí, nebo přidávání zábavných faktů o videu.
Spodní třetiny se snadno vytvářejí a při správném provedení to každému videu dodává nádech profesionality. V tomto tutoriálu vám ukážeme, jak vytvořit jednoduchou spodní třetinu grafiky a jak ji animovat v Adobe After Effects.
Co je dolní třetina?
Dolní třetiny jsou různé grafiky, které se objevují ve spodní třetině obrazovky videa ve videích a v televizi. Nemusí zabírat celou spodní třetinu prostoru, ale jakákoli grafika, která se objeví v této spodní části, se kvalifikuje jako spodní třetina.
Dolní třetiny mohou být skryté titulky, informační bannery, loga nebo interaktivní zprávy. Obvykle poskytuje divákovi informace, ale může to být i pro zábavu. Pokud si nechcete v After Effects dělat spodní třetí grafiku sami, můžete najít animované grafické prvky pomocí Jitter.
Jak vytvořit dolní třetinu v After Effects
Začněte vytvořením nové kompozice. Jít do Složení > Nové složení a nastavte velikost videa; výchozí je 1920 x 1080 px. Klikněte OK až budete hotovi.
Průhlednost přepnete kliknutím Přepnout mřížku průhlednosti v panelu kompozice. Vzhledem k tomu, že spodní třetina překrývá videozáznam, je třeba jej vykreslit s průhledným pozadím takže záznam může být viditelný, ale můžete navrhnout s barevným pozadím a přepnout průhlednost později.
Jít do Vrstva > Nový > Pevný přidat plnou barvu. Vyberte barvu spodní třetí grafiky. Klikněte OK. Celá vaše kompozice bude mít plnou barvu, která se také objeví jako vrstva na časové ose. Barvu této grafiky můžete kdykoli změnit tak, že vyberete grafiku a přejdete na Vrstva > Pevná nastavení.
Kliknutím a přetažením rohů změníte velikost plné barvy na vhodnější velikost. Jakmile bude mít velikost bannerové grafiky, přesuňte ji do – uhodli jste – spodní třetiny obrazovky.
Zapněte Název/akce jsou bezpečné vede stisknutím apostrofu na klávesnici (‘), který vám pomůže zarovnat spodní třetinu, takže nebude oříznuta. Nemusí být vycentrovaný, takže jej umístěte tam, kde chcete, v rámci spodní části kompozice, ale držte jej mimo bezpečnostní pokyny.
Jak animovat dolní třetinu v After Effects
Spodní třetinu je třeba animovat, aby se plynule přecházelo dovnitř a ven ze snímku. Na časové ose otevřete vlastnosti pevné vrstvy a otevřete Přeměnit. Budeme používat Pozice možnost animovat spodní třetí banner na obrazovce a mimo ni. Mělo by se jednat o poměrně jednoduchý přechod, aby neodváděl pozornost diváka od zbytku obsahu videa.
Posuňte ukazatel času na 00:02 s a vyberte Stopky vedle Pozice pro aktivaci klíčových snímků Umístění. Když to funguje zpětně, přidá se na časovou osu nový klíčový snímek, který označuje konečnou polohu grafiky.
Poté přesuňte ukazatel času zpět na 00:00 a změnit Osa X vedle Pozice, nebo můžete kliknout a přetáhnout grafiku mimo rámeček. Posuňte spodní třetinu zcela mimo rám na místo, odkud chcete, aby grafika vstoupila.
Nyní máte na časové ose dva klíčové snímky. Zvýrazněte klíčové snímky kliknutím a přetažením, abyste vybrali oba najednou. Pak klikněte Editor grafů v horní části časové osy. Získáte tak vizuální reprezentaci toho, jak klíčové snímky pohybují animací.
V grafu zvýrazněte všechny klíčové snímky, pro které chcete změnit nastavení. Vpravo pod časovou osou najdete možnosti, jak pohyby reagují. Zde najdete Snadná Snadnost. Easy Ease dodává každému pohybu jemnou křivku, takže není tak náhlý. Klíčový snímek Easy Ease se na časové ose změní na přesýpací hodiny.
Můžete také kliknout pravým tlačítkem na klíčový snímek a vybrat si Rychlost klíčového snímku. Zde můžete zadat částky pro příchozí i odchozí rychlost. Příchozí vstup z 80 a odchozí vstup 20 přinese grafiku rychle, ale usadí ji pomalu.
Chcete-li zobrazit náhled změn klíčových snímků, přesuňte ukazatel času na 00:00 a stiskněte mezerník pro spuštění a zastavení přehrávání. Jakmile nastavíte své vstupní klíčové snímky, vyberte je všechny. Zkopírujte klíčové snímky –Ctrl + C (Windows) popř Cmd + C (Mac) – a vložte je o několik sekund později na svou časovou osu –Ctrl + PROTI (Windows) popř Cmd + PROTI (Mac).
Uspořádejte vložené klíčové snímky tak, aby byly opačné než původní pořadí. To vytváří odchozí pohyby pro vaši spodní třetinu opačným způsobem, takže banner se přesune z obrazovky, místo aby vstoupil dovnitř.
Přidejte podrobnosti do spodní třetiny
Mnoho vlogerů na YouTube používá spodní třetí grafiku, aby povzbudila lidi, aby se přihlásili k odběru jejich kanálu nebo sledovali jejich sociální média. Tak to udělejme.
Vybrat Type Tool—Ctrl + T (Windows) popř Cmd + T (Mac) – a zadejte úchyty sociálních médií. Pokud ještě není otevřeno, přejděte na Okno > Charakter otevřít Charakter panel. Poté zvýrazněním textu změňte typ písma, barvu nebo velikost.
Jakmile je váš text naformátován tak, jak chcete, použijte Nástroj pro výběr (PROTI) přetáhněte text na plnou barvu. Umístěte jej, jak chcete; nemusí být vycentrovaný, pokud to není váš styl.
Vzhledem k tomu, že jste již nastavili animaci Pozice pro plnou barvu, můžete snadno připojit text a pohybovat se se stejnými atributy.
Pokud chcete, aby text zůstal nad barevným blokem a přecházel s ním, změňte rodičovské pozadí textu na vrstvu plné barvy. To zachová text a plnou barvu jako samostatné vrstvy, ale seskupuje je pro účely animace. Do textové vrstvy nemusíte přidávat klíčové snímky.
Budeme také používat Track Matte Vlastnosti. Klikněte pravým tlačítkem myši Název zdroje nad vrstvami a vyberte si Sloupce > Režimy.
Klikněte na vrstvu plné barvy Track Matte. Můžete si vybrat kteroukoli z možností pro různé efekty, ale my pokračujeme Alfa Inverted Matte. Tím se invertuje barva textu, což – pokud používáte průhledné pozadí – znamená, že text je průhledný. lis mezerník pro náhled nového efektu. Můžete vyrobit podobný animace maskovaného textu pomocí Canva.
Vyberte vrstvu plné barvy a zkopírujte ji a vložte ji (Ctrl + C a Ctrl + PROTI pro Windows, popř Cmd + C a Cmd + PROTI pro Mac). Vyberte spodní barevnou vrstvu a přejděte na Vrstva > Pevná nastavení pro změnu barvy na zvýrazňující barvu. Přepněte Track Matte na No Track Matte na této vrstvě.
Stejným způsobem můžete do spodní třetiny přidat další prvky, nebo ji můžete nechat tak, jak je. Můžete dokonce importujte grafiku Illustratoru pro animaci v After Effects nebo jít další míli a synchronizujte spodní třetinu, abyste reagovali na zvukovou stopu pro vizuální vzrušení.
Vykreslete animaci s průhledným pozadím a poté ji přidejte jako vrstvu při úpravách jakéhokoli videa, na kterém ji chcete použít.
Vytvořte profesionální spodní třetí grafiku s After Effects
Vytvoření spodní třetí grafiky je jednodušší, než si myslíte. Začalo to barevným obdélníkem, a pokud jste postupovali podle tohoto návodu, máte nyní skvělý animovaný banner, který můžete přidat do svých videí v After Effects.