Kreslení v After Effects. Jak nakreslit něco přes video soubor? (pomocí Adobe After Effects) Výkonné výukové programy po efektu

Někdy potřebujete něco nakreslit přes 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 přesně o tom povím.

Takže začněme:

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

2. „Přetáhněte“ do projektového okna programu Adobe After Effects a poté do samotné kompozice video, na které budeme kreslit (v tomto případě 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ž přejdeme 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 konfigurovat mnoho různých parametrů výkres:


5. Nyní můžete zkusit něco nakreslit. jsem na rychlá oprava Nakreslil jsem drsný 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ěpřizpůsobte 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=>Malování.


Obecně jsem popsal proces kreslení v Adobe After Effects, pak vše závisí na vaší fantazii. Mimochodem, pokud máte problémy s uložením (renderováním) hotového videa v Adobe After Effects, pak doporučuji seznámit se s 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é, kteří se o tuto oblast zajímají, a tak jsem požádal kluky z VideoSmile, aby pro mé odběratele připravili sérii lekcí o nejoblíbenějším programu 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. Tato série lekcí byla úspěšně vytvořena a dnes vám ji rád představím.

Úvod do After Effects

V prvním videu se seznámíte s možnostmi 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. Také zde 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 úvodní úvodní obrazovky a během toho se naučíte několik důležitých nástrojů After Effects.


Přechody a přerušení

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řerušení, které se vám budou během úprav velmi hodit. Kromě toho se naučíte používat standardní přechody, které jsou nativní pro After Effects.


Dolní třetiny a zemře

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


Animované textové prvky

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

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

Na blog jsem připravila tutoriál 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é, doporučuji základní návody zhlédnout online. Například tento mini kurz: Úvodní kurz do Illustratoru + 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 na velmi jednoduchém příkladu.

1. Vytvořte v aplikaci Adobe Illustrator vektorový soubor s obrázkem. Máme popisku. Všechny řádky jsou bez výplně, pouze tah. Udělejte to jako na obrázku, aby byla 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 v rozevíracím okně vyberte soubor. Nebo přes Průzkumníka - vyberte soubor a přetáhněte jej myší do okna Projekt. Můžete také jít do 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 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 linie.

5. Vyberte vrstvu se souborem. 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 ikony nejsou viditelné, 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é. Musíte 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í horké klávesy a je to velmi pohodlné. Ano, každou vrstvu nebo objekt lze transformovat a tato nastavení jsou dostupná v každé vrstvě.

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

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


A po této akci budeme mít již 2 vrstvy. Můžeme odstranit naši první původní vektorovou vrstvu. Vyberte klíč VYMAZAT. Nezapomeňte projekt uložit - Ctrl+Shift+S. Tip – pravidelně tiskněte magická tlačítka Ctrl+S.

9. Nyní potřebujeme rozdělit jednu vrstvu na několik – koneckonců máme několik řádků. Můžete to udělat 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 Illustratoru Soubor > Skripty. zmáčknout tlačítko Explodovat!


Všechny vrstvy jsou rozděleny samostatně a můžeme opět smazat naši původní vrstvu, ukáže se, že je to spodní. Ale museli byste kopírovat ručně (kopírování vrstvy - CTRL+D) vrstvěte tolikrát, kolikrát je podvrstev – čar, poté odstraňte nadbytečné podvrstvy z nové zkopírované vrstvy a přejmenujte ji.

Další podrobnosti pro ty, kteří jej nenašli nebo si nechtěli stáhnout skript:
Máme 4 podvrstvy, což znamená, že potřebujeme další 3 kopie, pojďme je udělat. Poté z první vrstvy odstraníme 2,3,4 skupiny. A pak analogicky. Poté přejmenujte - vyberte vrstvu - ENTER - zadejte nový název - ENTER nebo klikněte do prázdného místa. Měli byste skončit se 4 vrstvami s oddělenými linkami.

10. Vrstvy můžete uspořádat v pořadí animací – nejprve kruh, poté čáry a poté čtverec. Nebo to můžete nechat tak, pokud chcete. No, všechny přípravy jsou hotové. Nyní přichází ta zábavná část – vektorová animace. Začněme kruhem - popisovačem.

Mimochodem, tipy! Můžete přiblížit - odebrat objekty v okně kompozice pomocí kolečka myši (nefunguje zde obvyklé ctrl+- 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 po okénku kompozice se můžete pohybovat mezerníkem - stejnou rukou (jako v lustru). Při animaci objektu také věnujte pozornost centrálnímu kotevnímu bodu Kotevní bod. Musí být ve středu objektu, jinak bude animace probíhat z místa, kde bod leží, a v tomto případě ji potřebujeme ze středu. Jak opravit - stiskněte klávesovou zkratku Y, vytáhněte hrot a umístěte jej na správné místo. No, pojďme.

11. Kruhová animace. Animace Měřítko.
Na vrstvě můžete povolit sólo, pak bude viditelný 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 jej na začátek kompozice na nulu - a změňte hodnotu na nulu (ihned zadejte hodnotu velikosti a automaticky se zadá nový klíč). Dále postoupíme o 3 sekundy - 450, o 3 sekundy 15 snímků - 300, po dalších 5 snímcích - to budou 3 sekundy 20 snímků - 450 a opakujeme znovu po 6 sekundách, 6,15 a 6,20 - nastavte stejné hodnoty - 450/300/450. Poté proveďte totéž v 9 a 12 sekundách v přibližně stejné vzdálenosti. Nyní provedeme fade na konci kompozice - 14 sekund 15 snímků - 450, na 15 sekund na samém konci - 0. Poté klikněte F9– vyhlaďte 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é škále se můžete pohybovat pomocí kláves STRÁNKA NAHORU A STRÁNKA NA. Pohybujte ukazatelem opatrněji! Nehýbejte samotnou vrstvou! Jen pro případ CTRL + Z pomoct ti.

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

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


Rozšíření parametrů Oříznout cestu a nastavte hodnotu y KONEC. Nastavil jsem to na 75%. Tento indikátor je zodpovědný za procento řádku, který se zobrazí v animaci: 100 % - zcela, 0 % - řádek se tedy nezobrazí. Optimálně - od asi 50 do 95%. Indikátor je na začátku kompozice. Dále animujeme. Svorka 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 porovnat animaci není třeba měnit. Dosáhněte tak nejzajímavějšího a optimálního výsledku. Nyní přidejte linky, které se také objevují a mizí. To lze také provést pomocí průhlednosti. Neprůhlednost. Vyberte vrstvu - stiskněte klávesu T a na 1 sekundu nastavte hodnotu na 100, na nulu na začátku kompozice - 0. Poté se přesuneme na 14 sekund - 100 a na konci kompozice na 0. F9- vyhlaďte to. Mimochodem, chcete-li vybrat všechny klíče najednou, můžete je opatrně vybrat myší a kliknout F9 nebo nejjednodušší je vybrat samotný parametr Neprůhlednost a všechny klávesy budou zvýrazněny najednou.

13. Animace druhého řádku.
Nyní se naučíme pracovat s nastavením samotné linky. Udělejme to z obyčejné přímky tečkovaná čára a animovat to. Dvakrát U podél vrstvy s čárou najdeme Mrtvice a odhalte jeho význam kliknutím na šipku. Nalezení parametru Pomlčky a klikněte na znaménko plus + dvakrát. Zobrazí se hodnoty Pomlčka(počet bodů), Mezera(vzdálenost mezi body), Offset(animujte body). Zadejme, 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í vyberme Obsah – Přidat – Oříznout cestu a v 1 sekundě při 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. Animace čtverce. Otáčení.
Vyberte vrstvu pomocí klávesové zkratky čtverce R (rotace). Zvýrazňujeme 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 je klávesa s nulami počáteční hodnoty a na konci je klíč (zadejte počet otáček 0x a stupňů +0,0) řekněme 8 otáček a 360 stupňů. Výrazy výrazně zjednodušují a automatizují vaši práci. Analogicky přidáme průhlednost na začátku vzhledu (v 1 sekundě 100 a v nule 0) a na konci útlum (ve 14 sekundách 100 a na konci 0) a F9. Nebo uděláme vzhled a rozpad Oříznout cestu.

Všechno! Animace je připravena! Náš popis ožil! Nyní ušetříme. Uděláme render.
Stiskněte horké klávesy CTRL + M(nebo přejděte do nabídky).


Klikněte naproti Výstupní modul přímo na šipku a vyberte formát ode mě MOV+PNG+ALPHA(nebo MOV+PNG). A stiskněte Poskytnout, počkáme, než probíhá 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:

První věc, kterou uděláme, když přejdeme ke kreslení, je změnit pracovní plochu na Malování.

Objevily se panely Malování, Štětce a Vrstva. Panel Malování je určen k nastavení parametrů kreslení. Velikost a tvrdost štětce vybereme v panelu Kartáče. Protože nemůžeme kreslit přímo v panelu Kompozice, využijeme k tomu panel Vrstva. Nejlepší je kreslit ve 100% měřítku. Chcete-li to provést, použijte boční menu vyberte Maximalizovat snímek/Obnovit velikost snímku nebo najeďte kurzorem na panel a stiskněte klávesu<~>na klávesnici.
Vytvořte pevnou vrstvu bílé. To bude naše plátno, na kterém budeme cvičit. Vyberme nástroj štětec. Nakreslíme například malý kruh.

Tento efekt znamená, že jsme na tuto vrstvu nanesli malbu. Nakreslený prvek se zobrazí ve vlastnostech vrstvy jako podvrstva Štětec 1. Přidejme do našeho kruhu okvětní lístky a stonek, abychom dostali květinu.

Pojďme se podívat na vlastnosti vrstvy.

Jak vidíte, pro každý prvek výkresu máme samostatnou podvrstvu. Pokud vybereme jednu z vrstev a něco nakreslíme, nahradí vybraný prvek nový. To může být výhodné, pokud se snažíte nakreslit něco konkrétního. Každý prvek můžete pojmenovat, abyste je nezaměnili. Vyberte prvek, stiskněte klávesu Enter, zadejte nový název a znovu stiskněte Enter.

První vlastností efektu malby, kterou vidíme, je Paint of Transparent. Je společný všem prvkům. Pokud jej dáte do polohy "Zapnuto", vrstva pozadí zmizí a zůstane pouze pozadí v podobě šachových polí (pokud je nevidíte, klikněte na přepínač Toggle Transparency Grid, je dostupný jak v panelu Kompozice, tak v panelu Vrstva).

Nyní rozšíříme jeden z prvků. Zde vidíme dvě skupiny vlastností: Transform (vlastnosti transformace), Stoke Options (vlastnosti kreslení) a také animovanou vlastnost Path (tvar). Rozbalíme skupinu Stoke Options. Pokud chcete upravit parametry kreslení pro již nakreslený prvek, mělo by to být provedeno zde v panelu Malování, nastavujete parametry pouze pro následující prvky výkresu.

Animujte vlastnost Start. Přesuňte editační řádek na pozici 2 sekund a klikněte na ikonu stopek. První klíč byl vytvořen. Stisknutím tlačítka Domů vytvořte druhý klíč. Ale změňte jeho hodnotu na 100 %. Vykonat náhled na panelu zobrazení Kompozice. Prvek se postupně vtahuje, ale dovnitř opačná strana. Chcete-li, aby se nakreslilo tak, jak jste jej nakreslili, animujte vlastnost End sami (nezapomeňte animovat vlastnost Start).
Ve skupině Stoke Options můžeme změnit barvu štětce (Color), průměr (Diameter), tvrdost (Hardness), zaoblení (Roundness), rozteč (spacing), neprůhlednost (Opacity) a průtok (Flow). Jak jste si možná všimli, všechny tyto vlastnosti lze animovat. Nyní změníme barvu pro každý prvek a vybarvíme naši květinu.

Dalším nástrojem pro kreslení je guma. Výběrem tohoto prvku se položka Vymazat zpřístupní na panelu Malování, který určuje položku, kterou chcete vymazat.

Gumu můžete použít nejen k vymazání nakreslených prvků, ale také k odstranění pozadí.
Na závěr bych rád popsal metodu, která umožňuje nakreslit dokonale rovnou čáru. K tomu potřebujeme pravítko. Spusťte příkaz nabídky Zobrazit->Zobrazit pravítka. V panelu Vrstva se objevila dvě měřítka: vertikální a horizontální.
Nyní přesuneme kurzor nad jedno z pravítek. Kurzor by se měl změnit na oboustrannou šipku. Svorka levé tlačítko myši a přesuňte kurzor na místo, kam chceme čáru umístit.