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. Vytvorte vektorový súbor s kresbou v aplikácii Adobe Illustrator. 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ú rozbité samostatne a našu pôvodnú vrstvu môžete opäť vymazať, je to tá najnižšia. 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 ďalej 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 bodku a vložte ju 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 kliknite 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! Ak 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:

Niekedy je potrebné nakresliť niečo na video súbor, možno len na vytvorenie zábavného videa alebo na seriózny projekt. V tomto malom „manuáli“ vám to presne poviem.

Takže začnime:

1. Vytvorte novú kompozíciu (ak nie ste oboznámení so základmi robotov v Adobe After Efekty, potom si môžete prečítať o vytvorení novej kompozície).

2. „Drag and drop“ do okna projektu Adobe After Effects a potom do samotnej kompozície, videa, na ktoré budeme kresliť (v tomto prípade je to Nature.mp4):

3. Teraz dvakrát „klikneme“ na vrstvu video súboru a prejdeme do okna tejto samostatnej vrstvy (v tomto prípade je to Layer: Nature.mp4), kde nakreslíme:

4. Keď sme sa presunuli do vyššie uvedeného okna, jednoducho vyberieme nástroj Brush Tool (Ctrl + B). V pravom dolnom rohu tiež vidíme panel s nástrojmi Maľovanie, kde môžete nakonfigurovať mnoho rôznych možností. kresba:

5. Teraz môžete skúsiť niečo nakresliť. Narýchlo som nakreslil hrboľatý strom :)

Chcel by som poznamenať, že každý jednotlivý riadok výkresu je vytvorený na novom"podvrstvu" vo vrstve video súboru. Môžete flexibilneupravte každú vrstvu (Štetec 1, Štetec 2 ... Štetec n) nastavením napríklad času vzhľadu každej časti obrázka, ako aj mnohých ďalších parametrov.Ak to chcete urobiť, mali by ste rozbaliť vrstvu video súboru =>Efekty=>Maľovanie.

Vo všeobecnosti som opísal proces kreslenia v Adobe After Effects, potom všetko závisí od vašej fantázie. Mimochodom, ak sa vyskytnú problémy s ukladaním (renderovaním) hotového videa v Adobe After Effects, odporúčam vám oboznámiť sa s toto materiál.

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í sa o tento smer zaujímajú, preto som požiadal chalanov z VideoSmile, aby pre mojich odberateľov pripravili sériu lekcií na populárny program 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 v procese preskúmate niekoľko ďalších. dôležité nástroje programy dodatočných efektov.

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.