Kreslenie v After Effects. Bezplatné výukové programy animácií pre vaše videá v After Effects Kreslenie následných efektov

Prvá vec, ktorú urobíme, keď prejdeme na kreslenie, je zmena pracovného priestoru na Paint.

Objavili sa panely Farba, Štetce a Vrstva. Panel Maľovanie je určený na nastavenie parametrov kreslenia. Veľkosť a tvrdosť štetca si zvolíme v paneli Štetce. Keďže nemôžeme kresliť priamo v paneli Kompozícia, použijeme na to panel Vrstva. Najlepšie je kresliť v 100% mierke. Použite na to položku Maximalizovať snímku/Obnoviť veľkosť snímky v bočnom menu panela alebo prejdite kurzorom myši na panel a stlačte kláves<~>na klávesnici.
Vytvorte pevnú vrstvu biela farba. Toto bude naše plátno, na ktorom budeme cvičiť. Vyberte nástroj Brush Tool. Napríklad nakreslíme malý kruh.

Tento efekt znamená, že sme na túto vrstvu naniesli maľbu. Nakreslený prvok sa zobrazí vo vlastnostiach vrstvy ako podvrstva štetca 1. Do nášho kruhu pridáme okvetné lístky a stonku, aby nám vznikol kvet.

Poďme sa pozrieť na vlastnosti vrstvy.

Ako vidíte, pre každý prvok kreslenia máme samostatnú podvrstvu. Ak vyberieme jednu z vrstiev a niečo nakreslíme, nový prvok nahradí vybranú. To sa hodí, ak sa snažíte nakresliť niečo konkrétne. Každý prvok môžete pomenovať, aby ste si ich nepomýlili. Vyberte prvok, stlačte kláves Enter, zadajte nový názov a znova stlačte Enter.

Prvá vlastnosť efektu kreslenia, ktorú vidíme, je Farba priehľadnosti. Je spoločný pre všetky prvky. Ak ho nastavíte na „Zap“, vrstva pozadia zmizne a zostane len pozadie vo forme šachovníc (ak ich nevidíte, kliknite na prepínač Prepnúť mriežku priehľadnosti, je na paneli Kompozícia aj panel Vrstva).

Teraz rozšírime jeden z prvkov. Tu vidíme dve skupiny vlastností: Transform (vlastnosti transformácie), Stoke Options (vlastnosti kreslenia), ako aj animovanú vlastnosť Path (tvar). Rozbaľte skupinu Stoke Options. Ak chcete upraviť parametre kreslenia pre už nakreslený prvok, mali by ste to urobiť tu, v paneli Maľovanie nastavíte parametre len pre nasledujúce prvky kreslenia.

Animujte vlastnosť Štart. Presuňte editačný riadok na pozíciu 2 sekúnd a kliknite na ikonu stopiek. Prvý kľúč bol vytvorený. Vytvorte druhý kľúč stlačením tlačidla Domov. Ale zmeňte jeho hodnotu na 100%. Ukážka na paneli ukážky kompozície. Prvok sa postupne vťahuje, ale v opačná strana. Aby sa to nakreslilo tak, ako ste to nakreslili, animujte vlastnosť End sami (nezabudnite zrušiť animáciu vlastnosti Start).
V skupine Stoke Options môžeme zmeniť farbu štetca (Color), priemer (Diameter), tuhosť (Hardness), guľatosť (Roundness), spacing (spacing), opacity (Opacity) a prietok (Flow). Ako vidíte, všetky tieto vlastnosti môžu byť animované. Teraz, zmenou farby pre každý prvok, zafarbíme našu kvetinu.

Ďalším nástrojom na kreslenie je Guma. Výberom tohto prvku sa na paneli Maľovanie sprístupní položka Vymazať, ktorá nastaví predmet na vymazanie.

Gumu môžete použiť nielen na vymazanie nakreslených prvkov, ale aj na odstránenie pozadia.
Nakoniec by som chcel opísať metódu, ktorá vám umožní nakresliť dokonale rovnú čiaru. Na to potrebujeme pravítko. Vykonajte príkaz ponuky Zobraziť->Zobraziť pravítka. Na paneli Vrstva sa objavili dve stupnice: vertikálne a horizontálne.
Teraz umiestnite kurzor myši na jedného z vládcov. Kurzor by sa mal zmeniť na obojstrannú šípku. Upíname ľavé tlačidlo myšou a presunieme kurzor na miesto, kde chceme umiestniť čiaru.

Možno viete, že máme niekoľko projektov v rôznych výklenkoch, jedným z nich je projekt VideoSmile.ru. Venuje sa téme videa (strih, špeciálne efekty, 3D atď.) a vyvíja ho náš tím od roku 2011.

Viem, že medzi mojím publikom sú ľudia, ktorých tento smer zaujíma, a tak som požiadal chalanov z VideoSmile, aby pre mojich odberateľov pripravili sériu lekcií o najpopulárnejšom programe na spracovanie videa – Adobe After Effects. Ide o akýsi „Photoshop“ vo svete videa.

Rozhodli sme sa, že by to mali byť praktické lekcie, po preštudovaní ktorých si človek bude vedieť vyrobiť užitočné animované prvky do svojich videí. Takáto séria lekcií bola úspešne vytvorená a dnes je mi potešením, že vám ju môžem predstaviť.

Úvod do After Effects

V prvom videu sa zoznámite s funkciami After Effects a zistíte, kde si ho môžete stiahnuť.

Vytvorenie 4 veľkolepých šetričov obrazovky. Časť 1

V tejto lekcii sa zoznámite s rozhraním programu, nastavíte pracovný priestor a preštudujete si hlavné panely programu. Tu tiež vytvoríte svoj projekt a prvú kompozíciu v rámci tohto projektu.


Vytvorenie 4 veľkolepých šetričov obrazovky. Časť 2

Tu budete pokračovať vo vytváraní niekoľkých variácií úvodnej obrazovky a popri tom sa naučíte niekoľko dôležitých nástrojov After Effects.


Prechody a prestávky

V tomto videu sa dozviete, ako urobiť kvalitné prechody z úvodnej obrazovky do samotného videa, ako aj implementovať niekoľko prestávok, ktoré sa vám pri úpravách budú hodiť. Okrem toho sa naučíte, ako používať štandardné prechody, ktoré sa dodávajú s After Effects hneď po vybalení.


Dolné tretiny a zomrie

S najväčšou pravdepodobnosťou ste si všimli, že v rôznych videách s účasťou ľudí sa objavujú animované tabuľky, ktoré zobrazujú meno a priezvisko osoby, ako aj názov jej spoločnosti a typ činnosti. Tieto platne sa dajú ľahko vytvoriť v After Effects a v tomto návode sa naučíte, ako si ich vyrobiť sami.


Animované textové prvky

V záverečnej lekcii tohto minikurzu sa naučíte vytvárať textové animované bloky, pomocou ktorých môžete do svojich videí pridať akékoľvek dôležité textové informácie.

AE študujem od augusta 2016, začal som pracovať v oblasti motion dizajnu, okrem ilustrácií.

Pripravila som návod na blog s jednoduchou animáciou tvarov a čiar. Tento návod je určený pre tých, ktorí sa už viac či menej orientujú v After Effects, takže ak sa vám to zdá ťažké, tak odporúčam pozrieť si základné návody na nete. Napríklad tento mini kurz: Úvodný kurz Illustrator + After Effects.

Nedávno som dokončil a zverejnil projekt s animovanými popismi a v mojom návode vám poviem, ako som to urobil v skutočnosti jednoduchý príklad.

1. Tvoríme v Adobe Illustrator vektorový súbor s obrázkom. Máme popis. Všetky riadky nemajú výplň, iba ťah. Urobte ako na obrázku, aby bolo vykonávanie animácie jasnejšie. Uložte súbor do ai formát.


2. Importovať do After Effects. Spôsobov je viacero. Dvakrát kliknite v okne projektu a vyberte súbor v rozbaľovacom poli. Alebo cez prieskumníka - vyberte súbor a myšou ho pretiahnite do okna projektu. Môžete tiež v Menu Súbor > importovať > súbor a vyberte náš súbor. Poznámka! Musí stáť zábery v teréne importovať ako A nezaškrtávame žiadne políčka.


3. Vytvorte novú kompozíciu v After Effects. CTRL+N alebo cez menu Kompozícia > Nová kompozícia. Nastavíme nastavenia - napíšeme názov, trvanie animácie máme 30 snímok (snímková frekvencia) a 15 sekúnd (Duration), nastavíme aj rozmery samotnej kompozície na 1920x1080. Kliknite na – OK.


4. Presuňte importovaný vektorový súbor z okna pomocou myši projektu na časová línia- spodná časť pracovného priestoru, kde v skutočnosti budeme animovať naše čiary.

5. Vyberte vrstvu súboru. Poďme k menu Efekt > Generovať > Výplň.


Vyberáme bielu farbu.


6. Vrstva je vybratá. Ďalej kliknite na druhú ikonu Rasterizovať vedľa názvu vrstvy (ak nie sú viditeľné žiadne ikony, potom v spodnej časti časovej osi je Prepínače/režimy- kliknite a zobrazenie vrstvy sa zmení - ikony sa zobrazia vpravo).


Teraz sú naše línie jasne viditeľné. Treba sa ich opýtať Mierka stupnica. Vrstvu môžete rozšíriť v parametroch Transformovať > Mierka zadajte hodnotu, nastavil som 450 až 450. Or klávesová skratka S- okamžite zobrazí iba jednu mierku zo všetkých parametrov transformácie objektu. Pre všetky funkcie existujú klávesové skratky a je to veľmi pohodlné. Áno, každú vrstvu alebo objekt je možné transformovať a tieto nastavenia sú v každej vrstve.

7. Potom umiestnime náš popis do stredu. Ako v ilustrátore: najskôr výber šípkou Nástroj na výber (V) a potom presuňte objekt.

8. Vyberte našu vrstvu, prejdite do ponuky Vrstva > Vytvoriť tvary z vektorovej vrstvy.


A po tejto akcii už budeme mať 2 vrstvy. Môžeme odstrániť našu prvú vektorovú pôvodnú vrstvu. Vyberte a stlačte VYMAZAŤ. Nezabudnite uložiť projekt - Ctrl+Shift+S. Tip - pravidelne stláčajte kúzlo ctrl+s.

9. Teraz musíme rozdeliť jednu vrstvu na niekoľko - koniec koncov, máme niekoľko riadkov. Môžete manuálne, ale je to dlhé a nudné. Je lepšie stiahnuť a nainštalovať bezplatný skript ZI_ExplodeShapesLayers(vylepšený novú verziu). Vyberte vrstvu a choďte ako v ilustrátore Súbor > Skripty. Kliknite na tlačidlo Vybuchnúť!


Všetky vrstvy sú rozdelené oddelene a môžete znova odstrániť našu pôvodnú vrstvu, ukáže sa, že je to spodná. A ručne by som musel kopírovať (skopírovanie vrstvy - CTRL+D) vrstvy toľkokrát, koľko je podvrstiev - riadkov, potom odstráňte nadbytočné podvrstvy z novej skopírovanej vrstvy a premenujte.

Viac podrobností, kto nenašiel alebo nechcel stiahnuť skript:
Máme 4 podvrstvy, takže potrebujeme ďalšie 3 kópie, urobíme ich. Potom v prvej vrstve vymažeme 2,3,4 skupiny. A potom analogicky. Potom premenujte - vyberte vrstvu - ENTER - zadajte nový názov - ENTER alebo kliknite na prázdne miesto. Mali by ste dostať 4 vrstvy so samostatnými čiarami.

10. Vrstvy môžete usporiadať v poradí animácie - najprv kruh, potom čiary a potom štvorec. A môžete to nechať tak, ako chcete. No a všetky prípravy sú hotové. Teraz najzaujímavejšou časťou je vektorová animácia. Začnime kruhom - popisovačom.

Mimochodom, tipy! Môžete priblížiť - odstrániť objekty v okne kompozície kolieskom myši (také známe ctrl + - tu nefunguje a ctrl 0 tiež) alebo výberom mierky v okne Kompozícia - kontextové okno pomeru zväčšenia(tu sú čísla s percentami a šípka nadol). A môžete sa pohybovať po okne kompozície s medzerou - rovnakou rukou (ako v lustri). Pri animácii objektu dávajte pozor aj na stredový kotviaci bod Kotviaci bod. Musí byť umiestnený v strede objektu, inak bude animácia prebiehať z miesta, kde leží bod, a v tomto prípade potrebujeme od stredu. Ako opraviť - Stlačte klávesovú skratku Y a potiahnite bod a umiestnite ho na správne miesto. Nuž, poďme.

11. Kruhová animácia. Animujeme Mierka.
Môžete zapnúť sólo na vrstve, potom bude viditeľný iba kruh (ikona kruhu alebo bodky). Potom položíme kľúče - toto bude naša animácia. Posuňte ukazovateľ času (táto čiara s modrým hrotom - Indikátor aktuálneho času) na 0 sekúnd 15 snímok a vložte kľúč - kliknite na stopky vedľa Mierka, ponechajte hodnotu (mám 450).


Presuňte sa na začiatok kompozície na nulu - a zmeňte hodnotu na nulu (okamžite zadajte hodnotu veľkosti a automaticky sa zadá nový kľúč). Potom postúpime na 3 sekundy - 450, na 3 sekundy 15 snímok - 300, po ďalších 5 snímkach - to budú 3 sekundy 20 snímok - 450 a znova opakujeme po 6 sekundách, 6,15 a 6,20 - nastavte rovnaké hodnoty - 450/300/450. Potom rovnakým spôsobom o 9 a 12 sekúnd v približne rovnakej vzdialenosti. A teraz urobíme vyblednutie na konci kompozície - 14 sekúnd 15 snímok - 450, po 15 sekundách úplne na konci - 0. Potom stlačte F9- hladké klávesy.


Kľúč môžete pridať aj iným spôsobom - kliknite na diamant vedľa stopiek a následne zmeňte hodnotu) . Po časovej osi sa môžete pohybovať pomocou kláves STRANA HORE A PAGE ON. Pohybujte ukazovateľom opatrnejšie! Samotnú vrstvu neposúvajte! Keby niečo CTRL+Z pomôcť ti.

No a teraz náš kruh ožil - objaví sa na začiatku, plynulo počas procesu bliká a na konci kompozície hladko mizne. Pre zobrazenie stlačte nulu 0 a pre ukončenie zobrazenia tiež nulu 0.

12. Animácia hlavnej línie.
Vyberte ďalšiu vrstvu s hlavnou čiarou. Stlačte dvakrát U a odhalí celý obsah vrstvy. Používa sa, keď potrebujete otvoriť tie podvrstvy, ktoré boli upravené. Veľmi pohodlne. Zavrieť - ešte raz U. V procese práce pochopíte všetko. Ďalej vyberte podvrstvu Skupina 3 - Pridať - Orezať cestu.


Odhalenie parametrov Orezať cestu a nastavte hodnotu KONIEC. Dal som 75%. Tento indikátor je zodpovedný za to, koľko percent bude riadok zobrazený v animácii: 100% - úplne, 0% - riadok sa teda nezobrazí. Optimálne - od približne 50 do 95%. Indikátor je na začiatku kompozície. Ďalej animujeme. Upíname ALT a kliknite na stopky parametra offset(vpravo nižšie Koniec) a do zobrazeného riadku zadajte výraz - čas*n(kde n je číslo označujúce počet otáčok alebo rýchlosť animácie).


Prehrajte skladbu (nula) a uvidíte, čo sa stane. Hodnotu môžete zmeniť KONIEC a porovnaj animáciu, výraz netreba meniť. Dosiahnite tak najzaujímavejší a najoptimálnejší výsledok. Teraz pridajme čiary na zoslabenie a zoslabenie. Môžete to urobiť aj s transparentnosťou. Nepriehľadnosť. Vyberte vrstvu - stlačte kláves T a na 1 sekundu nastavíme hodnotu na 100, na nulu na začiatku kompozície - 0. Potom sa posunieme o 14 sekúnd - 100 a na konci kompozície nastavíme 0. F9- hladká. Mimochodom, ak chcete vybrať všetky klávesy naraz, môžete ich opatrne vybrať myšou a kliknúť F9 alebo najjednoduchším spôsobom je výber samotného parametra Nepriehľadnosť a všetky kľúče sa vyberú naraz.

13. Animácia druhého riadku.
Teraz sa naučíme, ako s vami pracovať s nastavením samotnej linky. Z obyčajnej rovnej čiary urobme bodkovanú čiaru a animujeme ju. Dvakrát U pozdĺž vrstvy s čiarou nájdeme Mŕtvica a rozbaľte jeho hodnoty kliknutím na šípku. Nájdenie parametra čiarky a kliknite na znamienko plus + dvakrát. Zobrazia sa hodnoty Pomlčka(počet bodov), medzera(vzdialenosť medzi bodmi), offset(animované body). Predstavujeme, predpokladajme, hodnoty 5 a 5. Teraz znova ALT+ kliknite na stopky vedľa parametra offset a zadajte čas*n(mám hodnotu 35).


Teraz vyberte Obsah - Pridať - Orezať cestu a o 1 sekundu Koniec kláves 100, pri nule 0, po 14 sekundách 100 a na konci 0. A vyberte klávesy a vyhladzujte F9.

14. Štvorcová animácia. Rotácia.
Vyberte vrstvu pomocou štvorca, klávesovej skratky R (rotácia). Prideľujeme rotácia A ALT+ kliknite na stopky. Do vstupného riadku výrazu píšeme čas*n(mám hodnotu 250). Tlačidlá môžete použiť aj manuálne - na začiatku kľúča s nulovými počiatočnými hodnotami a na konci kľúča (zadajte počet otáčok 0x a stupňov +0,0), povedzme 8 otáčok a 360 stupňov. Výrazy výrazne uľahčujú a automatizujú prácu. Analogicky pridáme priehľadnosť na začiatku vzhľadu (v 1 sekunde 100 a pri nule 0) a na konci rozpadu (v 14 sekundách 100 a na konci 0) a F9. Alebo sa prelíname dovnútra a von Orezať cestu.

Všetky! Animácia je pripravená! Náš nápis ožil! Teraz ušetríme. Robíme render.
Stláčanie klávesových skratiek CTRL+M(alebo prejdite do ponuky).


Kliknite oproti výstupný modul vpravo na šípku a vyberte si formát odo mňa MOV+PNG+ALPHA(alebo MOV + PNG). A tlačíme Vykresliť, počkajte, kým prebieha vykresľovanie. Potom sa pozrieme na výsledok. Video sa uloží do rovnakého priečinka ako váš projekt.

Oksana Šilová hlavne pre blog


Prihláste sa na odber noviniek, aby vám nič nové neuniklo:


Načítava...
Hore