Od srpna 2016 studuji AE, začal jsem se kromě ilustrací věnovat i oblasti motion designu.

Připravila jsem návod na blog s jednoduchou animací tvarů a čar. Tento návod je určen pro ty, kteří se již v After Effects více či méně orientují, takže pokud se vám to zdá těžké, pak doporučuji podívat se na základní návody na netu. Například tento mini kurz: Úvodní kurz Illustrator + After Effects.

Nedávno jsem dokončil a zveřejnil projekt s animovanými popisky a ve svém tutoriálu vám řeknu, jak jsem to udělal ve skutečnosti jednoduchý příklad.

1. Vytvořte vektorový soubor s kresbou v aplikaci Adobe Illustrator. Máme popisku. Všechny řádky nemají výplň, pouze tah. Udělejte to jako na obrázku, aby bylo provádění animace jasnější. Uložte soubor do ai formát.

2. Importovat do After Effects. Existuje několik způsobů. Dvakrát klikněte v okně projekt a vyberte soubor v rozevíracím seznamu. Nebo přes průzkumníka – vyberte soubor a přetáhněte jej myší do okna projekt. Můžete také vstoupit Nabídka Soubor > import > soubor a vyberte náš soubor. Poznámka! Musí stát záběry v terénu importovat jako A nezaškrtáváme žádná políčka.

3. Vytvořte novou kompozici v After Effects. CTRL+N nebo přes menu Kompozice > Nová kompozice. Nastavíme nastavení - napíšeme název, máme 30 snímků (snímková frekvence) a 15 sekund (Duration) trvání animace, nastavíme i rozměry samotné kompozice na 1920x1080. Klikněte na - OK.

4. Přetáhněte importovaný vektorový soubor z okna pomocí myši projekt na Časová osa- spodní část pracovní plochy, kde ve skutečnosti budeme animovat naše čáry.

5. Vyberte vrstvu souboru. Pojďme k menu Efekt > Generovat > Výplň.

Volíme bílou barvu.

6. Vrstva je vybrána. Dále klikněte na druhou ikonu Rastrovat vedle názvu vrstvy (pokud nejsou viditelné žádné ikony, pak ve spodní části časové osy je Přepínače/režimy- klikněte a zobrazení vrstvy se změní - ikony se objeví vpravo).

Nyní jsou naše linie jasně viditelné. Je potřeba se jich zeptat Měřítko měřítko. Vrstvu můžete rozšířit v parametrech Transformovat > Měřítko zadejte hodnotu, nastavil jsem 450 až 450. Or klávesová zkratka S- okamžitě zobrazí pouze jedno měřítko ze všech parametrů transformace objektu. Pro všechny funkce existují klávesové zkratky a je to velmi pohodlné. Ano, každou vrstvu nebo objekt lze transformovat a tato nastavení jsou v každé vrstvě.

7. Poté umístíme náš popisek do středu. Jako v ilustrátoru: nejprve výběr šipky Nástroj pro výběr (V) a poté objekt přesuňte.

8. Vyberte naši vrstvu, přejděte do nabídky Vrstva > Vytvořit tvary z vektorové vrstvy.

A po této akci už budeme mít 2 vrstvy. Můžeme odstranit naši první vektorovou původní vrstvu. Vyberte a stiskněte VYMAZAT. Nezapomeňte projekt uložit - Ctrl+Shift+S. Tip - pravidelně mačkejte kouzlo ctrl+s.

9. Nyní potřebujeme rozdělit jednu vrstvu na několik – koneckonců máme několik řádků. Můžete ručně, ale je to dlouhé a nudné. Je lepší stáhnout a nainstalovat bezplatný skript ZI_ExplodeShapesLayers(vylepšeno novou verzi). Vyberte vrstvu a pokračujte jako v ilustrátoru Soubor > Skripty. Klepněte na tlačítko Explodovat!

Všechny vrstvy jsou rozděleny samostatně a můžete opět smazat naši původní vrstvu, je to ta nejnižší. A ručně bych musel kopírovat (kopírování vrstvy - CTRL+D) vrstvěte tolikrát, kolikrát jsou podvrstvy – čáry, poté odstraňte další podvrstvy z nové zkopírované vrstvy a přejmenujte.

Další podrobnosti, kdo nenašel nebo nechtěl stáhnout skript:
Máme 4 podvrstvy, takže potřebujeme další 3 kopie, uděláme je. Poté v první vrstvě odstraníme 2,3,4 skupiny. A dále analogicky. Poté přejmenujte - vyberte vrstvu - ENTER - zadejte nový název - ENTER nebo klikněte na prázdné místo. Měli byste získat 4 vrstvy se samostatnými čarami.

10. Vrstvy můžete uspořádat v pořadí animace – nejprve kruh, poté čáry a poté čtverec. A můžete to nechat, jak chcete. No, všechny přípravy jsou hotové. Nyní nejzajímavější částí je vektorová animace. Začneme kruhem - popisovačem.

Mimochodem, tipy! Můžete přiblížit - odebrat objekty v kompozičním okně kolečkem myši (takové známé ctrl + - zde nefunguje a ctrl 0 také) nebo výběrem měřítka v okně Kompozice - vyskakovací okno Poměr zvětšení(zde jsou čísla s procenty a šipka dolů). A můžete se pohybovat po okně kompozice s mezerou - stejnou rukou (jako v lustru). Při animaci objektu také věnujte pozornost centrálnímu kotevnímu bodu Kotevní bod. Musí být umístěn ve středu objektu, jinak bude animace probíhat z místa, kde bod leží, a v tomto případě potřebujeme ze středu. Jak opravit - Stiskněte klávesovou zkratku Y, přetáhněte tečku a vložte ji Správné místo. No, pojďme.

11. Kruhová animace. Animujeme Měřítko.
Na vrstvě můžete zapnout sólo, pak bude vidět pouze kruh (ikona kruhu nebo tečky). Pak položíme klávesy - to bude naše animace. Posuňte ukazatel času (tento řádek s modrým hrotem - Ukazatel aktuálního času) na 0 sekund 15 snímků a vložte klíč - klikněte na stopky vedle Měřítko, ponechte hodnotu (mám 450).

Přesuňte se na začátek kompozice na nulu - a změňte hodnotu na nulu (ihned zadejte hodnotu velikosti a automaticky se zadá nový klíč). Poté postoupíme na 3 sekundy - 450, na 3 sekundy 15 snímků - 300, po dalších 5 snímcích - to budou 3 sekundy 20 snímků - 450 a znovu opakujeme po 6 sekundách, 6,15 a 6,20 - nastavte stejné hodnoty - 450/300/450. Poté stejným způsobem v 9 a 12 sekundách v přibližně stejné vzdálenosti. A teď uděláme vyblednutí na konci kompozice - 14 sekund 15 snímků - 450, na 15 sekund úplně na konci - 0. Poté stiskněte F9- hladké klávesy.

Klíč můžete přidat i jiným způsobem - klikněte na kosočtverec vedle stopek a poté změňte hodnotu) . Po časové ose se můžete pohybovat pomocí kláves STRÁNKA NAHORU a STRÁNKA NA. Pohybujte ukazatelem opatrněji! Nehýbejte samotnou vrstvou! Pokud něco CTRL+Z pomoci ti.

No a teď náš kruh ožil – objevuje se na začátku, plynule během toho bliká a na konci kompozice plynule mizí. Pro zobrazení stiskněte nulu 0 a pro ukončení zobrazení také nulu 0.

12. Animace hlavní linie.
Vyberte další vrstvu s hlavní čarou. Stiskněte dvakrát U a odhalí veškerý obsah vrstvy. Používá se, když potřebujete otevřít ty podvrstvy, které byly upraveny. Velmi pohodlně. Zavřít - ještě jednou U. V procesu práce pochopíte všechno. Dále vyberte podvrstvu Skupina 3 - Přidat - Oříznout cestu.

Odhalení parametrů Oříznout cestu a nastavte hodnotu KONEC. Dal jsem 75%. Tento indikátor je zodpovědný za to, kolik procent se řádek zobrazí v animaci: 100% - zcela, 0% - řádek nebude zobrazen. Optimálně - od asi 50 do 95%. Indikátor je na začátku kompozice. Dále animujeme. Upínáme ALT a klikněte na parametr stopky offset(vpravo dole konec) a do zobrazeného řádku zadejte výraz - čas*n(kde n je číslo udávající počet otáček nebo rychlost animace).

Přehrajte skladbu (nula) a uvidíte, co se stane. Hodnotu můžete změnit KONEC a porovnejte animaci, výraz není třeba měnit. Dosáhněte tak nejzajímavějšího a optimálního výsledku. Nyní přidáme čáry, které se mají zeslabit a zeslabit. Můžete to udělat také s průhledností. Neprůhlednost. Vyberte vrstvu - stiskněte klávesu T a na 1 sekundu nastavíme hodnotu na 100, na nulu na začátku kompozice - 0. Poté se posuneme o 14 sekund - 100 a na konci kompozice nastavíme 0. F9- hladká. Mimochodem, chcete-li vybrat všechny klávesy najednou, můžete je pečlivě vybrat myší a kliknout F9 nebo nejjednodušší je vybrat samotný parametr Neprůhlednost a všechny klíče budou vybrány najednou.

13. Animace druhého řádku.
Nyní se naučíme, jak s vámi pracovat s nastavením samotné linky. Udělejme tečkovanou čáru z obyčejné přímky a animujeme ji. Dvakrát U podél vrstvy s čárou najdeme Mrtvice a rozbalte jeho hodnoty kliknutím na šipku. Nalezení parametru čárky a klikněte na plus + dvakrát. Zobrazí se hodnoty pomlčka(počet bodů), mezera(vzdálenost mezi body), offset(animované body). Představíme, předpokládejme, hodnoty 5 a 5. Nyní znovu ALT+ klikněte na stopky vedle parametru offset a vstupte čas*n(mám hodnotu 35).

Nyní vyberte Obsah - Přidat - Oříznout cestu a za 1 sekundu konec klávesa 100, při nule 0, ve 14 sekundách 100 a na konci 0. A vyberte klávesy a vyhlaďte F9.

14. Čtvercová animace. Otáčení.
Vyberte vrstvu pomocí čtverce, klávesové zkratky R (rotace). Přidělujeme otáčení a ALT+ klikněte na stopky. Do vstupního řádku výrazu zapíšeme čas*n(mám hodnotu 250). Klávesy můžete používat i ručně - na začátku klávesy s nulovými počátečními hodnotami a na konci klávesy (zadejte počet otáček 0x a stupňů +0,0), řekněme 8 otáček a 360 stupňů. Výrazy značně usnadňují a automatizují práci. Analogicky přidáme průhlednost na začátku vzhledu (v 1 sekundě 100 a v nule 0) a na konci rozpadu (ve 14 sekundách 100 a na konci 0) a F9. Nebo pronikáme dovnitř a ven Oříznout cestu.

Všechno! Animace je připravena! Náš nápis ožil! Nyní ušetříme. Děláme render.
Stisknutí horkých kláves CTRL+M(nebo přejděte do nabídky).

Klikněte naproti výstupní modul vpravo na šipku a vyberte si formát ode mě MOV+PNG+ALPHA(nebo MOV+PNG). A tiskneme Poskytnout, počkejte, dokud nebude probíhat vykreslování. Pak se podíváme na výsledek. Video bude uloženo do stejné složky jako váš projekt.

Oksana Shilová hlavně pro blog

Přihlaste se k odběru našeho newsletteru, ať vám nic nového neunikne:

Někdy je nutné něco nakreslit na video soubor, třeba jen pro vytvoření vtipného videa nebo pro nějaký seriózní projekt. V tomto malém "manuálu" vám to přesně řeknu.

Takže začněme:

1. Vytvořte novou kompozici (pokud nejste obeznámeni se základy robotů v Adobe After Efekty, pak si můžete přečíst o vytvoření nové kompozice).

2. „Drag and drop“ do okna projektu Adobe After Effects a poté do samotné kompozice, videa, na které budeme kreslit (v tomto případě je to Nature.mp4):

3. Nyní dvakrát „klikneme“ na vrstvu video souboru a přejdeme do okna této samostatné vrstvy (v tomto případě je to Layer: Nature.mp4), kde nakreslíme:

4. Když jsme se přesunuli do výše uvedeného okna, jednoduše vybereme nástroj Brush Tool (Ctrl + B). V pravém dolním rohu také vidíme panel nástrojů Malování, kde můžete nakonfigurovat mnoho různých možností. výkres:

5. Nyní můžete zkusit něco nakreslit. Rychle jsem nakreslil pokroucený strom :)

Rád bych poznamenal, že každý jednotlivý řádek výkresu je vytvořen na novém"podvrstva" ve vrstvě video souboru. Můžete flexibilněupravte každou vrstvu (Štětec 1, Štětec 2 ... Štětec n) nastavením například času zobrazení každé části obrázku a mnoha dalších parametrů.Chcete-li to provést, měli byste rozbalit vrstvu video souboru =>Efekty=>Malovat.

Obecně jsem popsal proces kreslení v Adobe After Effects, pak vše závisí na vaší fantazii. Mimochodem, pokud jsou problémy s uložením (renderováním) hotového videa v Adobe After Effects, pak doporučuji seznámit se tento materiál.

Možná víte, že máme několik projektů v různých výklencích, jedním z nich je projekt VideoSmile.ru. Věnuje se tématu videa (střih, speciální efekty, 3D atd.) a je vyvíjen naším týmem od roku 2011.

Vím, že mezi mým publikem jsou lidé, které tento směr zajímá, a tak jsem požádal kluky z VideoSmile, aby pro mé odběratele připravili sérii lekcí na nejvíce populární program pro zpracování videa - Adobe After Effects. Jedná se o jakýsi „Photoshop“ ve světě videa.

Rozhodli jsme se, že by to měly být praktické lekce, po jejichž prostudování si člověk bude umět udělat nějaké užitečné animované prvky pro svá videa. Taková série lekcí byla úspěšně vytvořena a dnes je mi potěšením vám ji představit.

Úvod do After Effects

V prvním videu se seznámíte s funkcemi After Effects a zjistíte, kde si jej můžete stáhnout.

Vytvoření 4 velkolepých spořičů obrazovky. Část 1

V této lekci se seznámíte s rozhraním programu, nastavíte pracovní plochu a prostudujete hlavní panely programu. Zde také vytvoříte svůj projekt a první kompozici v rámci tohoto projektu.

Vytvoření 4 velkolepých spořičů obrazovky. Část 2

Zde budete pokračovat ve vytváření několika variant spouštěcí obrazovky a během procesu prozkoumáte několik dalších. důležité nástroje programy po efektech.

Přechody a přestávky

V tomto videu se naučíte, jak provádět vysoce kvalitní přechody z úvodní obrazovky do samotného videa, a také implementovat několik přestávek, které se budou hodit při úpravách. Kromě toho se naučíte, jak používat standardní přechody, které se dodávají s After Effects hned po vybalení.

Dolní třetiny a zemře

S největší pravděpodobností jste si všimli, že v různých videích s účastí lidí se objevují animované desky, které zobrazují jméno a příjmení osoby a také název její společnosti a druh činnosti. Tyto destičky lze snadno vytvořit v After Effects a v tomto tutoriálu se naučíte, jak si je vyrobit sami.

Animované textové prvky

V závěrečné lekci tohoto minikurzu se naučíte, jak vytvářet textové animované bloky, pomocí kterých můžete do svých videí přidat jakékoli důležité textové informace.