Animace snadno uděláno: Koncept - text a zvuk.

Vítejte na školení "Animace v After Effects" od PSD-Tutorials.de. Jmenuji se Philipp Sniechota a budu vás provádět touto školením.




Chtěl bych s vámi prostřednictvím praktického projektu proniknout do světa animace a podívat se, na co záleží při dobré animaci.

Budeme využívat After Effects jako nástroj a nebudeme se zabývat základy. Naučíme se, co dělá dobrou animaci. Vědomosti, které získáte zde, lze aplikovat do mnoha oblastí. Nemusíte si dokonce ani představovat práci s 2D After Effects. To vše sahá až k 3D a skutečně animaci postav.

Toto školení je zajímavé pro všechny, kteří mají zájem o motion design a pracují s animací.


Budeme společně pracovat na projektu nazvaném "Animace snadno provedená." Vytvoříme krátký trailer, který se zabývá animací. Budeme krok za krokem určovat, co jsou pěkné pohyby, na co záleží a která pravidla je třeba dodržovat a aplikovat v After Effects. Půjde o to, jak tato implementace funguje, jaké tipy a triky mám na skladě a na co je třeba si dát pozor.

Praktický projekt je stylově velmi redukován. Pracoval jsem pouze s dvěma barvami, nevytvářel velké ilustrace a obecně vše držel velmi jednoduché. Stylově jsem se vrátil do doby, kdy začaly obrazy ožívat.

Znalosti animace, které vás naučím, existují již téměř 100 let a od té doby je využívají Walt Disney, Pixar a další velká animační studia.

Chci s vámi objevit právě tento svět a udělat to co nejstručněji, abyste nakonec pochopili podstatu dobré animace. S odpovídajícím cvičením, protože i to je důležité, můžete nakonec obohatit své pohyblivé projekty o mnoho.

V tomto duchu vám přeji hodně zábavy s tímto školením, poučný čas a brzy se uvidíme, když se budeme zabývat základy animace, tedy základním dílem od Walta Disneye, "Disney Rules - Část 1," a pokračujeme dále s barevným konceptem.

Předtím než začneme a ponoříme se do After Effects, bych rád řekl pár slov o konceptu, tedy o tom, co dělat před začátkem.

Měli byste zvážit, ve kterém směru chcete jít stylově a jaký vzhled nebo náladu chcete přenést.

V tomto případě jsem si myslel, že se raději vzdálíme od těchto lesklých pohybových grafik a lesklých sfér, které dnes známe z oblohy a americké televize. Pojďme se vrátit k době, kdy animace začala, k éře kresleného filmu a Disneyových pravidel a dáme našemu videu malý pohled směrem k animaci.

Nechceme samozřejmě provádět animaci, protože by to bylo příliš náročné a chceme pracovat s After Effects. Takže využijeme stylistiky kresleného filmu a aplikujeme ji v After Effects. Co nám pomůže?

Krok 1

V tomto případě jsem se již rozhodl pro ručně psaný font. Tento font není mojí vlastnoručně kreslenou prací, ale je písmem, které najdete pod názvem Amatic na stránkách fontsquirrel.com. Díky autorovi Vernon Adams.





Máme velká a malá písmena, jsou sice všechny psány velkými písmeny, ale tím pádem máme dvě varianty písma. Malá písmena jsou nově nakreslené verze velkých písmen.

Pěkný font, který se velmi dobře animuje.





V jednom z následujících tutoriálů vám ukážu, jak na to, aby to vypadalo, jako by byl každý snímek skutečně nově nakreslen.

Pro tento účel si tento font stáhnu a nainstaluji.

Krok 2

Abychom ještě více zachytili atmosféru, kde obrazy ožily a také kde se začaly filmy, kolem roku 1900, rozhodl jsem se jít i ve směru hudby. Ragtime připomíná Charlese Chaplina, Laurel a Hardyho a veškeré tyto počáteční pokusy televizních filmů a samozřejmě i animačního průmyslu.

Skvělé kus jsem našel na stránkách Incompetech.com od Kevina MacLeoda. Skvělý chlap, který je tam od března 2006 a nabízí na svých stránkách spoustu písní a stylů. Zejména jeho nejnovější věci jsou skvělé a nahrál i "Fig Leaf Rag," klasiku od Scotta Joplina, klasickou pro němé filmy.





Přesně takovou stylizaci jsem hledal. Tento kousek má také krásné akcenty, což je vždycky dobré pro animace. Máme tedy určité části, které se dokonale skládají s hudbou. V těchto částech můžeme skvěle animovat a skoro vytvářet kapitoly.

Tuto skladbu si stáhnu.

Krok 3

Po stránce barev jsem se rozhodl, že ponecháme vše poměrně redukované v modré ve spojení s žlutou, tedy využijeme pouze dva odstíny, které jsou navíc navzájem komplementární a tak se pěkně od sebe odlišují.

To funguje velmi dobře ve směru do obou stran, tedy žlutý text na modrém pozadí nebo modrý text na žlutém pozadí. To mi umožní hrát si, rozdělit video a vytvořit kapitoly tím, že uprostřed animace změním obě barvy, abych například vytvořil vizuální oddělovač mezi vysvětlující a otázecí pozicí. Pro takové případy je to velmi vhodné.

Krok 4

K tomu chtějme vytvořit nastavení a nejprve vytvořit projektový soubor, abychom se mohli pěkně animovat a soustředit se na to.

Otevřeme After Effects a získáme odtud opět přímo ze složky se zvukem "Fig Leaf Rag" a importujeme jej do After Effects.





Doba se zde stále zobrazuje jako 3:29, ale video samozřejmě nebude trvat tak dlouho. Skladbu ukončíme po zhruba dvaceti sekundách.

Krok 5

Pro začátek přetáhneme "Fig Leaf Rag" na ikonu kompozice a tím vytvoříme kompozici.

Zkontroluji s kliknutím pravým tlačítkem myši nebo pomocí Ctrl+K Nastavení kompozice. Zde je vše v pořádku: Vybereme předvolbu: 720 25, tedy poloviční HD s 25 snímky za sekundu (snímková frekvence), protože jsme v Evropě.

Délku ponecháme tak, máme tak místo vzadu. O to se zatím nemusíme starat. Potvrdíme to s OK.

Krok 6

Písmo je nainstalováno a nastaveno: Amatic SC.

Napíšu "Animace snadno" a nastavím trochu větší velikost písma.

Mám pro vás jeden malý tip: Vždy bych se pokusil nastavit velikost písma v panelu s ovládáním. Opakovaně vidím, že lidé napíšou text a pak jej táhnou za okraje a pomocí stisknuté Shift- klávesy jej zvětšují. Od toho bych se distancoval, protože jste vlastně změnili pouze škálování vrstvy. Což je ve smyslu kvality sice problém, protože texty jsou v After Effects vektorové, ale je to trochu složité, pokud chcete jednotlivé texty sjednotit - neměli byste mít příliš mnoho různých velikostí písma. A pak je obtížné je přivést na stejnou velikost.





Škálování bych si ponechal pro zvětšení a zvětšování. Pro tvůrčí a základní rozvržení doporučuji paletu znaků a velikost písma.

K práci s textem mám pro vás ještě jeden tip:

Když vstoupíte kurzorem do textu, můžete vzdálenost mezi jednotlivými písmeny, tedy rozmezí (známé také jako spacing nebo kerning), úžasně individuálně upravit.

Alt+šipky doleva nebo doprava to mohu všechno skvěle zpříjemnit a zároveň zůstat uprostřed textu. Můžu text přímo pěkně prostorově upravit, dokud se mi to nelíbí.





V našem případě nedokonalé znění rozostření není důležité, protože tu máme rukou psaný vzhled a dokonalý kerning tady není tak nutný, jak bychom ho měli u Sans Serif.

Krok 7

Nyní bych rád změnil mezery mezi řádky. I zde je opět posuvník, nebo můžete třikrát kliknout na druhý řádek, potom bude označen celý řádek.

A pak se můžete pohodlně pomocí stisknuté Alt- klávesy a šipek nahoru nebo dolů řádek umístit tak, jak se vám líbí.

Tím se automaticky přijme i automatická velikost a postupně se snižuje, což je pro mě osobně zase mnohem pohodlnější.