Pravdepodobne ste videli spodné tretiny takmer každého videa na YouTube, ktoré ste si pozreli, tieto bannery, ktoré vás žiadajú, aby ste sa prihlásili na odber alebo sledovali ich sociálne siete, alebo pridali zábavné fakty o videu.

Spodné tretiny sa dajú ľahko vytvoriť a ak je to správne urobené, každému videu to dodá nádych profesionality. V tomto návode vám ukážeme, ako vytvoriť jednoduchú spodnú tretinu grafiky a ako ju animovať v Adobe After Effects.

Čo je dolná tretina?

Dolné tretiny sú rôzne grafiky, ktoré sa objavujú v dolnej tretine obrazovky videa vo videách a v televízii. Nemusia zaberať celú spodnú tretinu priestoru, ale každá grafika, ktorá sa objaví v tejto spodnej časti, sa kvalifikuje ako spodná tretina.

Dolné tretiny môžu byť skryté titulky, informačné bannery, logá alebo interaktívne správy. Zvyčajne poskytuje informácie divákovi, ale môže to byť aj pre zábavu. Ak si v After Effects nechcete robiť spodnú tretinu grafiky sami, môžete nájsť animované grafické prvky pomocou Jitter.

instagram viewer

Ako vytvoriť dolnú tretinu v After Effects

Začnite vytvorením novej kompozície. Ísť do Zloženie > Nové zloženie a nastavte veľkosť videa; predvolená hodnota je 1920 x 1080 px. Kliknite OK keď skončíte.

Prepnite na priehľadnosť kliknutím Prepnúť mriežku priehľadnosti na paneli kompozície. Keďže spodná tretina sa prekrýva na videu, je potrebné ju vykresliť s priehľadným pozadím takže záznam môže byť viditeľný, ale môžete ho navrhnúť s farebným pozadím a prepnúť priehľadnosť neskôr.

Ísť do Vrstva > Nový > Pevné na pridanie jednoliatej farby. Vyberte farbu spodnej tretej grafiky. Kliknite OK. Celá vaša kompozícia bude mať plnú farbu, ktorá sa zobrazí aj ako vrstva na časovej osi. Farbu tejto grafiky môžete kedykoľvek zmeniť tak, že vyberiete grafiku a prejdete na Vrstva > Pevné nastavenia.

Kliknutím a potiahnutím rohov zmeníte veľkosť plnej farby na vhodnejšiu veľkosť. Keď má veľkosť bannerovej grafiky, presuňte ju do – uhádli ste – spodnej tretiny obrazovky.

Zapnite Názov/akcia je bezpečná vedie stlačením apostrofu na klávesnici (), ktorý vám pomôže zarovnať spodnú tretinu, takže nebude odrezaná. Nemusí byť vycentrovaný, takže ho umiestnite tam, kde chcete, v spodnej časti kompozície, ale držte ho mimo bezpečnostných pokynov.

Ako animovať dolnú tretinu v After Effects

Dolná tretina musí byť animovaná, aby sa plynulo prechádzalo do a von z rámca. Na časovej osi otvorte vlastnosti pevnej vrstvy a otvorte Transformovať. Budeme používať pozícia možnosť animovať spodný tretí banner na obrazovke a mimo nej. Malo by ísť o pomerne jednoduchý prechod, aby neodvádzal pozornosť diváka od zvyšku obsahu videa.

Posuňte ukazovateľ času na 00:02 s a vyberte Stopky vedľa pozícia na aktiváciu kľúčových snímok pozície. Pri spätnom chode sa na časovú os pridáva nová kľúčová snímka, ktorá označuje konečnú polohu grafiky.

Potom posuňte ukazovateľ času späť na 00:00 a zmeniť Os X vedľa pozícia, alebo môžete kliknúť na grafiku a potiahnuť ju mimo rámčeka. Posuňte spodnú tretinu úplne mimo rámčeka na miesto, odkiaľ chcete, aby vstúpila grafika.

Teraz máte na časovej osi dve kľúčové snímky. Zvýraznite kľúčové snímky kliknutím a potiahnutím cez ne, aby ste vybrali obe naraz. Potom kliknite Editor grafov v hornej časti časovej osi. Získate tak vizuálnu reprezentáciu toho, ako kľúčové snímky pohybujú vašou animáciou.

V grafe zvýraznite všetky kľúčové snímky, pre ktoré chcete zmeniť nastavenia. Vpravo pod časovou osou nájdete možnosti, ako pohyby reagujú. Tu nájdete Ľahká Ľahkosť. Easy Ease pridáva do každého pohybu jemnú krivku, takže nie je taký prudký. Kľúčová snímka Easy Ease sa na časovej osi zmení na presýpacie hodiny.

Môžete tiež kliknúť pravým tlačidlom myši na kľúčovú snímku a vybrať si Rýchlosť kľúčovej snímky. Tu môžete zadať sumy pre prichádzajúcu aj výstupnú rýchlosť. Prichádzajúci vstup z 80 a výstupný vstup z 20 prinesie grafiku rýchlo, ale usadí ju pomaly.

Ak chcete zobraziť ukážku zmien kľúčových snímok, posuňte indikátor času na 00:00 a stlačte Medzerník na spustenie a zastavenie prehrávania. Keď nastavíte svoje vstupné kľúčové snímky, vyberte ich všetky. Skopírujte kľúčové snímky –Ctrl + C (Windows) alebo Cmd + C (Mac) – a vložte ich o niekoľko sekúnd neskôr na vašu časovú os –Ctrl + V (Windows) alebo Cmd + V (Mac).

Usporiadajte prilepené kľúčové snímky tak, aby boli v opačnom poradí ako v pôvodnom poradí. To vytvára odchádzajúce pohyby pre vašu dolnú tretinu opačným spôsobom, takže banner sa presunie z obrazovky namiesto toho, aby vstúpil.

Pridajte podrobnosti do dolnej tretiny

Mnoho vlogerov YouTube používa spodnú tretiu grafiku, aby povzbudila ľudí, aby sa prihlásili na odber ich kanála alebo sledovali ich odkazy na sociálnych sieťach. Tak poďme na to.

Vyberte Type ToolCtrl + T (Windows) alebo Cmd + T (Mac) – a zadajte rukoväte sociálnych médií. Ak ešte nie je otvorený, prejdite na okno > Charakter otvoriť Charakter panel. Potom zvýraznením textu zmeňte typ písma, farbu alebo veľkosť.

Keď je váš text naformátovaný podľa vašich predstáv, použite Nástroj na výber (V) presuňte text na vrch plnej farby. Umiestnite ho, ako chcete; nemusí byť vycentrovaný, ak to nie je váš štýl.

Keďže ste už nastavili animáciu Pozícia pre plnú farbu, môžete jednoducho pripojiť text, ktorý sa bude pohybovať s rovnakými atribútmi.

Ak chcete, aby text zostal na vrchu farebného bloku a prešiel s ním, zmeňte rodičovské pozadie textu na vrstvu plnej farby. Takto sa text a plná farba zachovajú ako samostatné vrstvy, ale na účely animácie ich zoskupí. Do textovej vrstvy nemusíte pridávať kľúčové snímky.

Budeme tiež používať Track Matte vlastnosť. Kliknite pravým tlačidlom myši Názov zdroja nad vrstvami a vyberte si Stĺpce > Režimy.

Kliknite na vrstvu plnej farby Track Matte. Môžete si vybrať ktorúkoľvek z možností pre rôzne efekty, my však pokračujeme Alfa Inverted Matte. Tým sa invertuje farba textu, čo – ak používate priehľadné pozadie – znamená, že text je priehľadný. Stlačte tlačidlo Medzerník na ukážku nového efektu. Môžete si vyrobiť podobný animácia maskovaného textu pomocou Canva.

Vyberte vrstvu plnej farby a skopírujte ju a vložte ju (Ctrl + C a Ctrl + V pre Windows, príp Cmd + C a Cmd + V pre Mac). Vyberte spodnú farebnú vrstvu a potom prejdite na Vrstva > Pevné nastavenia zmeniť farbu na akcentovanú farbu. Prepnite Track Matte na No Track Matte na tejto vrstve.

Rovnakým spôsobom môžete do spodnej tretiny pridať ďalšie prvky alebo ju môžete nechať tak, ako je. Môžete dokonca importovať grafiku Illustratora na animáciu v After Effects alebo ísť niečo navyše a synchronizujte spodnú tretinu, aby ste reagovali na zvukovú stopu pre vizuálne vzrušenie.

Vykreslite svoju animáciu s priehľadným pozadím a potom ju pridajte ako vrstvu pri úprave akéhokoľvek videa, na ktorom ju chcete použiť.

Vytvorte profesionálnu spodnú tretiu grafiku s efektmi After Effects

Vytvorenie spodnej tretej grafiky je jednoduchšie, ako by ste si mysleli. Začalo to farebným obdĺžnikom a ak ste postupovali podľa tohto návodu, teraz máte skvelý animovaný banner, ktorý môžete pridať do svojich videí v After Effects.