Animace rozhraní - kurz 31 900 RUB. z Uprocku, školení 4 měsíce, datum 28.11.2023.
Různé / / November 30, 2023
Začněte kdykoli a učte se pohodlnou rychlostí
Zahájení školení není vázáno na datum zakoupení kurzu. Začněte kdykoli, kdy se vám to hodí, a učte se pohodlnou rychlostí. Nejlepší možností je věnovat studiu 2 hodiny denně. Pokud se kurzu dokážete věnovat 4-8 hodin, skončíte ho 2-4x rychleji.
Důslednost a čas na přizpůsobení
Složitost úkolů, které děláte, se zvyšuje od těch nejjednodušších, které trvají až 30 minut, po složitější a časově náročnější. Postupně se tak zapojíte do procesu učení.
Prostorné, ale informativní video tutoriály
Nejprve jsme vytvořili scénář o několika stovkách stránek, pak jsme jej namluvili, upravili, doplnili grafikou a vyrobili pro vás krátké lekce „bez vody“, které se snadno naučíte a je pohodlné se k nim pro něco vracet odvolání.
Naši kurátoři dávají nejrychlejší a nejpodrobnější odpovědi. Platí přísná pravidla: denně obdržíte minimálně 2 videoanalýzy, v každé odpovědi kurátor zaznamená vaše chyby a řekne vám, jak je opravit.
Program kurzu pokrývá všechna témata animace rozhraní. Všechny lekce probíhají důsledně a intenzivně, prostorně a bez vody.
TEORIE
Úvod
V této lekci získáte představu o tom, co je webová animace, jaké funkce plní při návrhu rozhraní a v jakých případech se používá. Dozvíte se, jaké dva typy animací se používají na reálných webech. Získejte klíčové tipy, jak vytvořit plynulou, snadnou a vždy relevantní animaci. Dozvíte se, které techniky je nejlepší v realistických animacích nepoužívat a proč. Rozebereme si základní animační akce a podíváme se na ně na příkladech. Pojďme zjistit, jaké programy je třeba nainstalovat pro školení a pohodlnou práci. Kde a jak se zaregistrovat, jaký tarif si vybrat. Obdržíte dva užitečné pluginy – AEUX a Motion Tool, které vám umožní optimalizovat některé klíčové pracovní procesy v Adobe After Effects a výrazně usnadnit proces tvorby animace a seznámit se s programem After Efekty.
- Úvod do webové animace
- Teorie
- Instalace programů
- Rozhraní a nastavení After Effects
PRAXE
Vzhled animace
V této lekci se naučíte nejzákladnější a nejoblíbenější animaci – animaci vzhledu a vlastnost Opacity. Tento praktický tutoriál je strukturován tak, že obdržíte podrobné pokyny, jak krok za krokem vytvořit animaci vzhledu. Řekneme si, co je rendering a proč je potřeba. Podívejme se na funkci Track Matte a její první vlastnost – Alpha Matte (alfa maska). Díky tomu získáte základní dovednost práce s vlastnostmi Opacity, Alpha Matte (alfa maska) a vytvoříte záběr s krásnou animací vzhledu.
PRAXE
Komplikovaný vzhled scény
Podívejme se na kombinaci, která se skládá ze dvou animací: vzhledu (už to znáte) a pohybu (toto je pro vás nový typ animace). U posledního jmenovaného se budeme zabývat podrobněji. K animaci pohybu využijete parametr Position, který určuje polohu objektu v kompozici. Seznámíte se také s možností vrstvy Kotevní bod a naučíte se ji správně používat. Nakonec budete animovat záběr a naučíte se vytvářet působivé animace z různých typů animací.
PRAXE
Práce s pohybovými nástroji
V lekci si podrobně prostudujete skript Motion Tools. V praxi se podívejte, jak je tento nástroj pohodlný. Ve skutečnosti výrazně urychluje pracovní proces. Důkladně porozumíte tomu, co je Velocity Graph, Easing, jak fungují Bézierovy křivky v After Effects a jak ovlivňují animaci. Nakonec se podrobně naučíte, jak upravit svou animaci pomocí Motion Tools, což výrazně optimalizuje váš zážitek z animace.
- Obecné pojmy
- Motion Tools v2.0
PRAXE
Zoom animace (pomocí masky alfa)
Dozvíte se, jak můžete zobrazit animace zobrazených fotografií. Klíčovou vlastností, kterou se naučíte v tomto tutoriálu, je parametr Měřítko vrstvy. S jeho pomocí můžete změnit velikost objektu. Tato animace se nazývá animace změny velikosti (pomocí Alpha Matte). Změníme měřítko samotné Alpha Matte (alfa masky) a obrázku v ní spolu s animací vzhledu, kterou jste již studovali. Díky tomu se naučíte, jak efektivně animovat fotografie.
PRAXE
Paralaxní animace
Důkladně pochopíte, jak aplikovat jeden z nejoblíbenějších efektů – paralaxu. K jeho implementaci budete potřebovat 3 prvky návrhu a již známou vlastnost Position. Po vytvoření efektu paralaxy zjistíte, jak aplikovat reverzní animaci, aby se zacyklila. Nakonec se naučíte vytvářet záběry, které využívají efekt paralaxy k vytvoření pocitu hloubky a rozměru, který na diváky zanechá silný dojem.
PRAXE
Komplexní scéna s aplikací paralaxy, pohybu a masky
V tomto tutoriálu se naučíte, jak vytvářet složité animace, které zahrnují animace, které jste se naučili v předchozích kapitolách. sprinty, jmenovitě: Vzhled - Neprůhlednost, Pohyb - Pozice, Měřítko - Měřítko, aplikace Alpha Matte (alfa masky) a Efekt paralaxa. Novým typem animace pro vás bude vzhled titulku v oblasti masky. Naučíte se vytvářet složité scény s přechody pomocí všech těchto typů animací, které pomohou vašim záběrům vyniknout od ostatních.
PRAXE
Adaptivní animace
Podíváme se na koncept adaptivní animace. Toto je již známá zoomová animace, kterou použijete k demonstraci responzivních verzí webu, kdy se rozložení plochy plynule přemění na rozložení pro mobilní telefon. K jeho vytvoření využijete dříve naučené vlastnosti, jako je Pohyb – Pozice, Měřítko – Měřítko, Zmizení/Vzhled – Opacity, Reverzní animace – Pohybové nástroje 2/Klon. Vědět, jak správně implementovat adaptivní animaci, vám umožní efektivně prezentovat vaše projekty.
PRAXE
Animace otáčení
Naučíte se jednoduchou animaci - rotace a vlastnost Rotation object, která má na starosti rotaci vrstvy kolem jejího kotevního bodu. Podíváme se na tři parametry Rotace: počet otáček, velikost, o kterou chceme prvek otočit (ve stupních), otáčení ve směru/proti směru hodinových ručiček. Po procházení každého z opakujících se animačních cyklů krok za krokem si nakonec osvojíte dovednost práce s vlastností Rotace a vytvoříte záběr s animací rotace, který upoutá pozornost diváků.
PRAXE
Komplexní animace sestávající ze všech základních animací
Podívejme se na složitější kombinaci, která se skládá ze všech základních animací, které znáte. V této lekci se dotkneme tématu vytvoření efektu simulace kliknutí na obrázek pomocí animace změny měřítka a mizení kružnice (Ellipse Tool). Díky tomu se naučíte sled různých animací, což vám umožní vytvářet složitější a působivější animace.
PRAXE
Práce se scénami
Tato lekce je cyklus, který se skládá ze 3 sprintů. Zaměřuje se na alternativní přechody scén. Nejprve se blíže podíváme na pojem „scéna“ a probereme, jaké existují přechody mezi scénami. Naučíte se používat 3 nestandardní možnosti změny scén: výměna masky, výměna závěsu a výměna diapozitivu. Chcete-li vytvořit přechod „změny masky“, pochopíte a naučíte se pracovat s novým parametrem Track Matte – Alpha Inverted Matte nebo Inverted Alpha Mask. A zjistěte, jak importovat video do kompozice animace.
PRAXE
Animace změny barvy
V tomto tutoriálu se naučíte pracovat s barevnou animací a vlastností Color layer. Jednoduchá animace, kterou lze použít k ukázce pohybu tlačítek nebo odkazů. Ale podíváme se na zajímavější možnost, jak můžete svůj projekt krásně prezentovat pomocí animace měnící barvu.
PRAXE
Animace cesty (oříznutí)
Naučíte se nový parametr Trim Path, pomocí kterého lze vytvářet velmi cool efekty pohybu po cestě, nebo jinými slovy efekty ořezávání cesty. Například když chtějí zobrazit preloader, ukazatel průběhu v přehrávači videa atd.
PRAXE
Komplexní animace
V této lekci budete opět pracovat s komplexní animací, upevníte dříve nabyté dovednosti a vytvoříte záběrovou animaci s novými efekty s využitím všech stejné základní vlastnosti animace: vzhled, pohyb, maska, měřítko, přechod mezi scénou 1 (změna masky), přechod mezi scénou 2 (změna záclona).
PRAXE
Ozdobná animace textu (závada)
Tato lekce začíná další malý cyklus, který se skládá ze 3 lekcí o dekorativní animaci textu. V této lekci se naučíte, jak vytvořit tak mimořádný efekt, jako je Glitch - efekt „rozbitého“ obrazu nebo televizního rušení. Tento efekt v animaci vypadá docela módně a vytváří efekt wow. Je to docela snadné vytvořit
PRAXE
Ozdobná animace textu (scénář)
V této lekci se naučíte, jak vytvořit animaci, která simuluje velký text. Tato technika se často používá k umístění akcentů na webové stránky a vypadá docela esteticky. Pro tuto animaci použijete nový nástroj Pen Tool. Buďte připraveni na tvrdou práci a buďte trpěliví. V důsledku toho získáte krásnou animaci, kterou můžete použít k prezentaci svých projektů.
PRAXE
Kreativní textová animace
V této lekci opět najdete animaci textu, ale kreativnější a neobvyklejší. Jeho zajímavý efekt spočívá v kombinaci různých animací pomocí dvou alfa masek – jednoduché a inverzní. Ve výsledku vytvoříte cool záběr a tuto metodu můžete využít ve svých projektech pro efektivní prezentace.
PRAXE
Komplexní animace
V tomto tutoriálu použijeme typy animací, které již znáte, ale některé z nich použijeme k vytvoření složitějších a nestandardních efektů. Výsledkem je komplexní, komplexní animace, která se skládá ze tří scén s přechody, rolováním a změnami snímků.
PRAXE
Animace pomocí Luma Matte
V předchozích lekcích jsme diskutovali o parametrech Track Matte a již máte dobrou představu o principu fungování Alpha Matte a Alpha Inverted Matte. V tomto tutoriálu prozkoumáme následující dvě možnosti Track Matte: Luma Matte a Luma Inverted Matte a naučíme se, jak je aplikovat na naše projekty.
PRAXE
Animace pomocí Turbulent Displace
Pojďme studovat animaci pomocí efektu zkreslení fotografie. Turbulent Displace je jedním z nástrojů parametru Distort. Technicky jde o mírný posun pixelů, který pomáhá vytvořit vlnový efekt a často se používá pro efekt na fotografiích.
PRAXE
Komplexní komplexní animace
Poslední tréninková lekce, kde vytvoříme komplexní komplexní animaci s využitím dříve naučených typy animací a nově – parametr Text a jeho vlastnost „Zdrojový text“, která umožňuje měnit obsah textu vrstva. Samostatná praktická část, kde vymyslíte a vytvoříte animaci pro svůj záběr od nuly, a také několik zajímavých a užitečných bonusových videolekcí
PRAXE
Vytváření animace od začátku
Určení stylu, hledání referencí, tvorba skriptu. Princip vytváření nápadů na scény a přechody mezi nimi, příprava zdrojového kódu, tvorba animace 1 scény, zveřejnění záběru na sítích.
PRAXE
Správa a propagace Dribbble účtu
Správa a propagace Dribbble účtu. Animace pro prezentace a Behance. Použití animace z After Effects na webu.