Přejít na obsah
Menu

#animace

Animace. Jak na to?

17. července 2019

1

V dnešní době určitě nemusíme nikoho přesvědčovat o důležitosti vizuálního obsahu. Podle agentury Reuters je 84% veškerého internetového obsahu letos ve formě videa.

Stejný trend dlouho pozorujeme na sociálních sítích. Před našima očima roste počet krátkých videí a dalších formátů, včetně fotografií, textu, videa a animace. Uživatelé Facebooku dnes sdílejí GIF animaci dvakrát častěji než statické obrázky.
Uživatelé navíc většinou absorbují pouze vizuální obsah.
Pokud je však kreslení bannerů a rozložení e-mailových zpráv pro designéry na plný úvazek obvyklou věcí, zdá se, že streamování výroby videa nebo animovaných GIF  vyžaduje jistou kvalifikaci, jakož i dostatečné časové a finanční náklady. Pokud ovšem budete chtít použít jedinečnou grafiku, která propaguje váš produkt, nejde vám jen o ilustraci vašeho příspěvku z obrovského archivu Giphy a dalších podobných zdrojů.

Giphy – hosting trendových obrázků a animací GIF
Ukážeme vám, jak vytvořit animovanou grafiku na příkladu v Canvě, která vám umožňuje převádět statické obrázky na video nebo GIF.
Vytvořte animaci
# 1
Vyberte typ obrázku
Nejdříve se musíte rozhodnout, pro jakou platformu a pro jaké účely potřebujete animaci. Každý typ grafiky je vytvořen se zadanou velikostí obrázku, například:

Příspěvek na Facebooku: 940×788 px;
Příspěvek pro Instagram: 1080×1080 px;
Webový banner: 560x315px;
Reklamní banner mrakodrapu: 160 x 600 pixelů.

Pro větší pohodlí zvolíme čtvercový format, pokud jde o příspěvek na Instagram.

Příklad vytváření obrázků pro Instagram v Canvě

# 2
Výběr rozvržení
Protože tvorba grafiky je založena na upravitelných rozloženích, musíte se rozhodnout pro konkrétní vzorek. Pokud jste již vytvořili určitou firemní identitu, vyberte rozvržení co nejblíže tomu, co jste použili v marketingu dříve.

Obvykle je lze rozdělit do několika stylů:

Model použití fotografie je vhodný pro podniky, které nabízí něco hmatatelného, cestovní kanceláře, nemovitosti a další oblasti. Mezi takovými modely, je také více vážných, černobílých nebo barevných, s jednou fotografií na pozadí nebo i koláž.

„Cartoon“ styl pro ty, kteří mají rádi “domácí“ styl. Vhodné na dětskou tématiku, vzdělávání, řemesla, různé služby pro domácnost.

Abstrakce / ozdoba – nezávazné vzory, které lze použít k ilustraci jednorázových akcí nebo slev. Veškerý důraz je přenesen ze samotné grafiky do zprávy.

Při výběru rozvržení není nutné zaměřovat se na konkrétní fotografii nebo barvu, protože libovolný prvek může být nahrazen jiným z vestavěného katalogu nebo můžete nahrát vlastní grafiku.

Zvažte však velikost návrhu: fotografie s menším rozlišením, než je velikost obrázku, bude vypadat špatně. Čím lepší je kvalita fotografie tím lépe.
Pozn. Čím více jednotlivých prvků použitých v návrhu, tím delší animaci může získat doba (a tím i velikost souboru).
Kromě toho na základě zkušeností doporučujeme neupravovat vybrané rozvržení příliš radikálně, jinak hrozí, že se program nebude schopen převést na video.

Nevkládejte tři nebo čtyři fotografie, pokud je jedna použita v modelu.

Nepřidávejte příliš mnoho dalších ikon a tvarů nad původní velikost.

Nepoužívejte fotografické filtry a vlastní písma – v konečné animaci se nebudou zobrazovat.


# 3
Brandujeme obrázek
V záložce „Moje“ může editor nahrát vlastní grafiku: například logo pro branding obrázků (stejně jako jejich ochranu proti plagiátorství). Načtené logo, pokud nejde o plný vyplněný obdélník, ale o určitý znak nebo jen název společnosti, musíte nahrát ve formátu PNG s průhledným pozadím.
Přidejte do jednoho z rohů logo.
Umístěte logo do jednoho z rohů vašeho designu tak, aby se nepřekrývaly s jinými částmi nebo nápisy, ale musí stat samostatně a zabírat asi ⅕ své výšky a šířky v závislosti na horizontální nebo vertikální orientaci návrhu.

Přestože vám Canva umožňuje vytvořit logo nebo jakoukoli jinou část rozvržení průsvitně, doporučujeme ponechat logo v plné barvě a vybrat kontrastní pozadí. Je nepravděpodobné, že by vaše značka byla tolik rozeznatelná.

# 4
Stáhněte si GIF nebo video
Když je návrh připraven, zbývá jej uložit v animované podobě. A zde začíná magie. Při výběru formátu pro stahování jednoduše zvolte „GIF-animace / video“ místo standardních JPEG, PNG nebo PDF. Editor nabídne šest možností pro animaci: s prvky postupně jdoucími ze strany, padajícími dolů, tekoucími zevnitř rámu, atd.
Animace je možnost dostupná v placeném předplaceném programu Canva for Work. Tuto funkci lze použít během zkušební doby předplatného zdarma.

Délka videa bude od 3 do 8 sekund, to vám umožní omezit velikost animace na několik megabajtů a usnadnit prohlížení na stacionárních a mobilních zařízeních. Výběrem stylu animace si můžete soubor stáhnout ve formátu .gif nebo .mp4, v závislosti na platformě, na které jej chcete použít.

AEpresets
Adobe After Effects je univerzální počítačový program, pomocí kterého můžete upravovat jakékoliv video a také vytvářet vizuální efekty a animaci. Často se používá ve fázi postprodukce v kině a v televizi.

Pomocí Adobe After Effects můžete vytvářet, kombinovat a stylizovat 2D vrstvy v trojrozměrném prostoru. Program Adobe After Effects provádí různé funkce v závislosti na potřebách uživatelů. Například umělec VFX může tento program používat pro 3D renderování. Video redaktor může pomocíAfter Effects vytvořit titulky a animátor jej může použít k vytvoření 2D kreslených postav. Důvodem, proč tolik lidí nemá jasnou představu o tom, co vlastně After Effects dělá, je ten, že dělá tolik věcí najednou. A dělá je dobře.

Navzdory vysoké funkčnosti je After Effects ve své struktuře velmi jednoduchý. Stejně jako všechny programy pro editaci videa, používá tento program systém vrstev. Nejlepší způsob, jak pochopit jak to funguje, je představit si stoh papírů. Papír níže se nezobrazí kvůli papíru nad ním. 

Na co lidé používají aplikaci After Effects?
Knihovna efektů
Co opravdu odlišuje After Effects od všech ostatních video editorů, je rozsáhlá knihovna efektů. Existují doslova stovky vestavěných efektů, které můžete kombinovat, abyste vytvořili neomezený počet všech možných kombinací. Možná to zní příliš dobře, než aby to byla pravda, ale pokud o tom sníte, můžete to v tomto programu uskutečnit.

Efekty modelování
Do programu Adobe After Effects bylo vestavěno 18 simulačních efektů. Tyto modelovací efekty lze použít k vytvoření všeho od deště až po vlasy. Všechny tyto efekty jsou zcela přizpůsobitelné. Když je připojíte k jiným efektům, můžete výrazně rozšířit jejich funkce.
Stylizované efekty, které se nacházejí v After Effects, jsou užitečné při vytváření vrstev videa, které by jinak nebyly možné.

Šablony
Šablony After Effects jsou mocným důvodem, proč většina video redaktorů používá tento program. Mohli byste strávit spoustu svého času, abyste se zlepšili v motion designu. Místo toho vývojáři z celého světa nakonfigurovali filtry After Effects tak, aby uživatelé mohli jednoduše už hotové práce a získat tak úžasné výsledky.

Díky takovým jedinečným designovým funkcím je After Effects vynikajícím programem pro vytváření perfektních titulků pro vaše video projekty. Nástroj „nápisy“, zabudovaný do After Effects, pracuje stejně jako ve většině textových procesorů. Nicméně věc, která opravdu umožňuje aplikaci pro titulní návrh, je animační část, která umožňuje uživatelům automaticky animovat znaky, slova nebo řádky v závislosti na tom, co potřebujete.

V Draw Planet otevíráme kurz tohoto úžasného programu. Pokud Vás zajímá animace a nechcete jen zhruba vědět co to je ten Adobe After Effect za program, přihlaste se do kurzu a přijďte si program pořádně užít!
https://www.drawplanet.cz/kurz/kurz-animace-adobe-effects-pro-zacatecniky/

1-2017-Akvarelova-Ilustrace-1-94