Animácia v After Effects: Tvoj začiatočnícky tutoriál

Animácia ľahko spravená: Koncept - Písmo a zvuk.

Všetky videá tutoriálu Animácia v After Effects: Tvoj úvodný tutoriál.

Vitajte na tréningu "Animácia v After Effects" od PSD-Tutorials.de. Som Philipp Sniechota a budem vás sprevádzať cez tento tréning.

Jednoduchá animácia: koncept - písmo a zvuk


Chcem s vami prostredníctvom praktického projektu preniknúť do sveta animácie a pozrieť sa, na čom záleží pri dobrej animácii.

Budeme používať After Effects ako nástroj, ako toolset, a nebudeme sa zaoberať základmi. Neučíme sa, ako vytvárať kompozície, používať farebné plochy alebo aplikovať efekty, ale sústredíme sa na to, čo robí dobrú animáciu. Vedomosti, ktoré tu získaš, možno potom využiť v mnohých oblastiach. Ani nemusíš myslieť na prácu s 2D After Effects. Celý proces môžeme aplikovať až na 3D a skutočnú animáciu postáv.

Tento tréning bude zaujímavý pre každého, kto má záujem o Motion Design a prácu s animáciou.


Vytvoríme spoločne projekt, ktorý som nazval "Animácia ľahké". Vytvoríme krátky trailer, ktorý sa sám venuje animácii. Postupne sa budeme zaoberať tým, čo sú kvalitné pohyby, na čom záleží a aké pravidlá treba dodržiavať a aplikovať v After Effects. Pôjde o to, ako tento proces funguje, aké tipy a triky mám na sklade a na čo treba pamätať.

Tento praktický projekt má veľmi redukovaný štýl. Pracoval som len s dvoma farbami, nevytváral veľké ilustrácie a všeobecne som všetko držal veľmi jednoduché. Štýlovo som sa vrátil do čias, kedy sa obrázky začali pohybovať.

Tieto znalosti animácie, ktoré vás učím, existujú už takmer 100 rokov a odvtedy sú využívané Waltom Disneyom, Pixarom a inými veľkými animačnými štúdiami.

Presne túto svetovú reálnosť chcem s vami objaviť a to čo najviac zrozumiteľným spôsobom, aby ste na konci pochopili esenciu dobrej animácie. S dostatočným cvičením, pretože to tiež patrí k veci, môžete takto obohatiť vaše pohyblivé projekty.

V tomto duchu vám želám veľa zábavy s týmto tréningom, poučný čas, a vidíme sa hneď znova, keď budeme hovoriť o základoch animácie, konkrétne o základnom dielku od Walta Disneyho, "Disney pravidlách - časť 1", a potom budeme pokračovať s farebným konceptom.

Než sa pustíme do After Effects, chcem stráviť pár slov nad konceptom, teda pár slov o tom, čo treba urobiť pred začatím.

Mali by sme si premyslieť, akým smerom chceme ísť štýlovo a aký vzhľad alebo akú náladu chceme prostredníctvom toho preniesť.

Pre tento prípad som uvažoval, že sa celkom vzdialime od týchto High Glossy Motion Graphics a Shiny Spheres, ktoré dnes poznáme, od Sky a amerických televízií. Vraciame sa o krok späť do čias, kedy sa animácia začínala, do čias kresleného humoru a Disney pravidiel, a dáme našemu videu malý pohľad smerom k animovanému humoru.

Samozrejme, nemáme v úmysle animovať animovaný humor, pretože by to bolo príliš náročné a chceme pracovať s After Effects. Preto sa uchýlime k štýlu animovaného humoru a potom to aplikujme do After Effects. Čo nám pri tom pomôže?

Krok 1

V tomto prípade som sa už rozhodol pre písaný font. Tento font nie je ručne kreslený, ide o písmo nájdete pod názvom Amatic na stránke fontsquirrel.com. Ďakujem autorovi Vernonovi Adamsovi.

Jednoduchá animácia: koncept - písmo a zvuk



Máme veľké a malé písmená, ktoré sú síce všetky z veľkých písmen, ale týmto spôsobom máme dve varianty písma. Malé písmená sú prekreslené verzie veľkých písmen.

Krásny font, ktorý veľmi dobre funguje v animácii.

Animácia ľahko dosiahnuteľná: Koncept - Písmo a zvuk



Ukážem vám v jednom z nasledujúcich tutoriálov, ako na to, aby to vyzeralo tak, akoby bol skutočne každý snímok ručne kreslený.

Preto si tento font teraz stiahnem a nainštalujem.

Krok 2

Aby sme ešte viac zachytili atmosféru, kedy sa obrázky začali pohybovať a aj film začal vznikať, priblížil som sa aj hudobne k tejto atmosfére. Ragtime pripomína Charlyho Chaplina, Laurel a Hardyho a všetky tieto začiatočné pokusy filmových a televíznych štúdií a samozrejme aj animačného priemyslu.

Správny kúsok som našiel na stránke Incompetech.com od Kevina MacLeoda. Skvelý chalan, už tam od marca 2006 a ponúka na svojich stránkach dosť veľa piesní a štýlov. Najnovšie veci sú skvelé a nahrával aj "Fig Leaf Rag", klasický diel od Scotta Joplina, ktorý sa používa v nemom filme.

Jednoduchá animácia: koncept - písmo a zvuk



Precisne takýto štýl som hľadal. Kúsok má tiež krásne akcenty, čo je vždy dobré pre animácie. Máme teda určité časti, ktoré sú späté s hudbou. V týchto častiach môžeme fantasticky animovať a takmer vytvárať kapitoly.

Krok 3

Po farbistickej stránke som sa rozhodol, že necháme veci pomerne jednoduché v modrej a žltej kombinácii, teda využijeme len dva farbóny, ktoré sú navzájom doplňujúce a veľmi dobre sa od seba odlišujú.

V tomto prípade to funguje veľmi dobre oboma smermi, teda žltý text na modrom podklade alebo modrý text na žltom podklade. S tým môžem pracovať, rozdeliť video a vytvoriť kapitoly tým, že počas animácie zmením oba farby, aby som napríklad vytvoril vizuálny oddelovač medzi vysvetľujúcim a otázkovým postavením. Na takéto prípady je to veľmi vhodné.

Animácia ľahko dosiahnuteľná: Koncept - Písmo a zvuk

Krok 4

Chceme vytvoriť nastavenie a najprv vytvoriť projektový súbor, aby sme mohli pekne animovať a sústrediť sa na to.

Otvoríme program After Effects, v ňom si opäť naimportujeme "Fig Leaf Rag" zo zvukového priečinka.

Animácia ľahko urobená: Koncept - Písmo a zvuk



Tam je zobrazená dĺžka 3:29, ale samozrejme video nebude trvať tak dlho. Skladbu ukončíme po približne pol minúte.

Krok 5

Na začiatok presunieme "Fig Leaf Rag" na ikonu zloženia a tým vytvoríme zloženie.

Skontrolujem kliknutím pravým tlačidlom myši alebo Ctrl+K nastavenia zloženia. Všetko je v poriadku: Zvolíme predvoľbu: 720 25, teda polovičné HD s 25 snímkami za sekundu (FPS), pretože sa nachádzame v Európe.

Dĺžku necháme tak, aby sme mali priestor na konci. Zatiaľ sa o to nemusíme starať. Potvrdíme to stlačením OK.

Animácia ľahko vytvorená: Koncept - Písmo a zvuk.

Krok 6

Písmo je nainštalované a nastavené: Amatic SC.

Napíšem "Animácia jednoducho" a nastavím veľkosť písma trochu väčšiu.

Tu mám malú radu: Vždy by som sa pokúsil nastaviť veľkosť písma v palubnom paneli. Opätovne vidím, ako ľudia píšu text a potom ho chytia za manipulačné body a ťahajú na zväčšenie s podržanou Shift- klávesou. Odporúčam sa tomu vyhnúť, pretože tým v skutočnosti len zmeníte veľkosť vrstvy. Pokiaľ ide o kvalitu, s textami v After Effects nie je to problém, pretože sú vektorovo orientované, ale je to trochu problém, ak chcete jednotlivo štylizovať rôzne texty - nikdy by ste nemali mať príliš veľa veľkostí písma. A potom bude problematické dosiahnuť rovnakú veľkosť.

Animácia ľahko spravená: Koncept - Písmo a zvuk



Zväčšovanie by som si nechal pre zväčšenie a priblíženie. Na grafický a základný layout odporúčam použitie panela znakov a veľkosti písma.

K práci s textom mám ešte jednu radu pre vás:

Ak kurzorom vstúpite do textu, môžete jednotlivé písmená od seba prispôsobiť, teda nastaviť medzeru (nazývanú aj plnenie alebo kreslenie), veľmi jednoducho.

Opäť vidím ľudí, ktorí používajú posuvník v palubnom paneli - keď všetko vyberiem, mám tu kompletnú šírku - a snažia sa tak šteňať text. To je sebakruto smer, ako to robiť. S Alt+šípky vľavo alebo vpavo to môžem skutočne veľmi pohodlne urobiť a súčasne sa môžem zamerať priamo v texte. Text môžem jednoducho dobre prispôsobiť, kým sa mi nepáči.

Animácia ľahko vytvorená: Koncept - Písmo a zvuk



V našom prípade neexistuje veľký rozdiel v chybnej plnení, pretože sme tu už pri rukou písme a dokonalé plnenie tu nie je tak potrebné, ako by sme ho mali pri Sans Serif.

Krok 7

Teraz by som ešte rád upravil riadkový odstup. Aj tu je opäť posuvník, alebo môžete taktiež s trojitým stlačením kliknúť na druhý riadok a potom bude označený celý riadok.

A potom môžete pohodlne s podržanou Alt- klávesou a šípky nahor / nadol nastaviť riadok podľa toho, ako sa vám páči.

Tam sa tiež priamo prevezme automatická veľkosť a postupne sa zmenší, čo je pre mňa osobne oveľa pohodlnejšie.

Animácia ľahko urobiteľná: Koncept - Písmo a zvuk.