Crtanje u After Effects. Besplatni vodiči za animaciju za vaše videozapise u programu After Effects Crtanje u after effects

Prva stvar koju ćemo uraditi kada pređemo na crtanje je promijeniti radni prostor u Paint.

Pojavili su se paneli Boja, Četke i Layer. Paint panel je namenjen za podešavanje parametara crtanja. Odabrat ćemo veličinu i tvrdoću četke u panelu Četke. Pošto ne možemo crtati direktno u panelu Kompozicija, za ovo ćemo koristiti panel slojeva. Najbolje je crtati u 100% mjerilu. Da biste to uradili, koristite stavku Povećaj okvir/Vrati veličinu okvira u bočnom meniju panela ili zadržite pokazivač iznad panela i pritisnite taster<~>na tastaturi.
Napravite čvrsti sloj bijele boje. Ovo će biti naše platno na kojem ćemo vježbati. Odaberite alat za četkicu. Na primjer, nacrtajmo mali krug.

Ovaj efekat znači da smo primenili sliku na ovaj sloj. Nacrtani element je prikazan u svojstvima sloja kao podsloj četkice 1. Dodajmo latice i stabljiku našem krugu, tako da dobijemo cvijet.

Pogledajmo svojstva sloja.

Kao što vidite, za svaki element crteža imamo poseban podsloj. Ako odaberemo jedan od slojeva i nacrtamo nešto, novi element će zamijeniti odabrani. Ovo je korisno ako pokušavate nacrtati nešto specifično. Možete dati ime svakom elementu kako ih ne biste zbunili. Odaberite element, pritisnite tipku Enter, unesite novo ime i ponovo pritisnite Enter.

Prvo svojstvo efekta crtanja koje vidimo je Paint of Transparent. To je zajedničko svim elementima. Ako ga postavite na “Uključeno”, pozadinski sloj će nestati i ostat će samo pozadina u obliku šahovnica (ako ih ne vidite, kliknite na prekidač Toggle Transparency Grid, nalazi se i na panelu Kompozicija i panel slojeva).

Sada proširimo jedan od elemenata. Ovdje vidimo dvije grupe svojstava: Transform (svojstva transformacije), Stoke opcije (svojstva crtanja), kao i animirano svojstvo putanje (oblik). Proširite grupu Stoke Options. Ako želite da podesite parametre crtanja za već nacrtani element, to treba da uradite ovde, u panelu Paint, postavljate parametre samo za sledeće elemente crtanja.

Animirajte svojstvo Start. Pomerite red za uređivanje na poziciju od 2 sekunde i kliknite na ikonu štoperice. Prvi ključ je kreiran. Kreirajte drugi taster pritiskom na taster Home. Ali promijenite njegovu vrijednost na 100%. Pregled u panelu za pregled kompozicije. Element se postepeno uvlači, ali unutra poleđina. Da biste ga nacrtali onako kako ste ga nacrtali, sami animirajte svojstvo End (ne zaboravite deanimirati svojstvo Start).
U grupi Stoke Options možemo promijeniti boju četkice (Color), prečnik (Diameter), krutost (Hardness), zaobljenost (Roundness), razmak (razmak), neprozirnost (Opacity) i protok (Flow). Kao što vidite, sva ova svojstva mogu biti animirana. Sada, promjenom boje za svaki element, obojit ćemo naš cvijet.

Još jedan alat za crtanje je gumica. Odabirom ovog elementa, stavka Brisanje postaje dostupna na panelu Paint, koja postavlja predmet za brisanje.

Gumicu možete koristiti ne samo za brisanje nacrtanih elemenata, već i za uklanjanje pozadine.
Na kraju, želio bih opisati metodu koja vam omogućava da nacrtate savršeno ravnu liniju. Za ovo nam je potreban lenjir. Izvršite komandu menija Prikaz->Prikaži ravnala. Na panelu slojeva pojavile su se dvije skale: vertikalno i horizontalno.
Sada zadržite pokazivač iznad jednog od vladara. Kursor bi se trebao promijeniti u dvostranu strelicu. Stezamo lijevo dugme miša i pomerimo kursor na mesto gde želimo da postavimo liniju.

Možda znate da imamo nekoliko projekata u različitim nišama, od kojih je jedan projekat VideoSmile.ru. Posvećen je temi videa (montaža, specijalni efekti, 3D itd.) i razvija ga naš tim od 2011. godine.

Znam da među mojom publikom ima ljudi koji su zainteresovani za ovaj pravac, pa sam zamolio momke iz VideoSmile-a da za moje pretplatnike pripreme seriju lekcija o najpopularnijem programu za obradu videa - Adobe After Effects. Ovo je svojevrsni "Photoshop" u svijetu videa.

Odlučili smo da ovo budu praktične lekcije, nakon proučavanja koje će osoba moći napraviti neke korisne animirane elemente za svoje video zapise. Ovakav niz lekcija je uspješno kreiran i danas vam ga sa zadovoljstvom predstavljam.

Uvod u After Effects

U prvom videu ćete se upoznati sa karakteristikama After Effectsa i saznati gdje ga možete preuzeti.

Kreiranje 4 spektakularna screensaver-a. Dio 1

U ovoj lekciji ćete se upoznati sa interfejsom programa, postaviti radni prostor i proučiti glavne panele programa. Ovde ćete takođe kreirati svoj projekat i prvu kompoziciju u okviru tog projekta.


Kreiranje 4 spektakularna screensaver-a. Dio 2

Ovdje ćete nastaviti da kreirate nekoliko varijacija početnog ekrana i usput ćete naučiti još nekoliko važnih alata After Effects.


Prijelazi i pauze

U ovom videu ćete naučiti kako napraviti kvalitetne prijelaze sa početnog ekrana na sam video, kao i implementirati nekoliko pauza koje će vam dobro doći tokom montaže. Osim toga, naučit ćete kako koristiti standardne prijelaze koje dolaze s After Effects iz kutije.


Lower Thirds i umire

Najvjerovatnije ste primijetili da se u raznim video zapisima u kojima učestvuju ljudi pojavljuju animirane ploče na kojima se nalazi ime i prezime osobe, kao i naziv njegove kompanije i vrsta djelatnosti. Ove ploče je lako kreirati u After Effects-u, a u ovom vodiču ćete naučiti kako ih sami napraviti.


Animirani tekstualni elementi

U završnoj lekciji ovog mini-kursa naučit ćete kako kreirati tekstualne animirane blokove pomoću kojih možete dodati sve važne tekstualne informacije u svoje video zapise.

AE studiram od avgusta 2016. godine, počeo sam da se bavim motion dizajnom, pored ilustracija.

Pripremio sam tutorijal za blog sa jednostavnom animacijom oblika i linija. Ovaj tutorijal je namijenjen onima koji su već manje-više upućeni u After Effects, pa ako vam je teško, onda preporučujem da pogledate osnovne tutorijale na netu. Na primjer ovaj mini kurs: Uvodni kurs Illustrator + After Effects.

Nedavno sam završio i objavio projekat sa animiranim oblačićima, a u svom tutorijalu ću vam reći kako sam to uradio u stvarnosti jednostavan primjer.

1. Stvaramo u Adobe Illustrator vektorski fajl sa slikom. Imamo poziv. Sve linije nemaju ispunu, samo potez. Učinite kao na slici da vam bude jasnije izvođenje animacije. Sačuvajte fajl na ai formatu.


2. Uvezi u After Effects. Postoji nekoliko načina. Dvaput kliknite u prozoru projekat i izaberite datoteku u padajućem okviru. Ili kroz istraživač - odaberite datoteku i prevucite je mišem u prozor projekat. Takođe možete ući Meni Datoteka > uvoz > datoteka, i odaberite našu datoteku. Bilješka! Mora stajati snimak u polju import As I ne označavamo nijedan kvadratić.


3. Kreirajte novu kompoziciju u After Effects. CTRL+N ili preko menija Kompozicija > Nova kompozicija. Postavljamo postavke - pišemo naziv, imamo 30 kadrova (frejmova) i 15 sekundi (trajanje) trajanja animacije, također postavljamo dimenzije same kompozicije na 1920x1080. Kliknite - OK.


4. Prevucite uvezenu vektorsku datoteku iz prozora pomoću miša projekat on vremenska linija- donji dio radnog prostora, gdje ćemo, zapravo, animirati naše linije.

5. Odaberite sloj datoteke. Idemo na meni Efekat > Generiraj > Popuni.


Biramo bijelu boju.


6. Sloj je odabran. Zatim kliknite na drugu ikonu Rasteriziraj pored naziva sloja (ako nije vidljiva nijedna ikona, onda se nalazi na dnu vremenske linije Prekidači/režimi- kliknite i prikaz sloja će se promijeniti - ikone će se pojaviti na desnoj strani).


Sada su naše linije jasno vidljive. Treba ih pitati Scale skala. Možete proširiti sloj u parametrima Transform > Scale unesite vrijednost, postavio sam 450 na 450. Ili hot key S- odmah prikazuje samo jednu skalu od svih parametara transformacije objekta. Postoje prečice za sve funkcije i vrlo je zgodno. Da, svaki sloj ili objekt se može transformirati i ove postavke su u svakom sloju.

7. Zatim ćemo postaviti naš oblačić u centar. Kao u ilustratoru: prvo odabir strelice Alat za odabir (V), zatim pomjerite objekt.

8. Odaberite naš sloj, idite na meni Layer > Create Shapes from Vector Layer.


I nakon ove akcije, već ćemo imati 2 sloja. Možemo izbrisati naš prvi originalni vektorski sloj. Odaberite i pritisnite IZBRIŠI. Ne zaboravite da sačuvate projekat - Ctrl+Shift+S. Savjet - povremeno pritisnite magiju ctrl+s.

9. Sada trebamo podijeliti jedan sloj na nekoliko - na kraju krajeva, imamo nekoliko linija. Možete ručno, ali to je dugo i dosadno. Bolje je preuzeti i instalirati besplatnu skriptu ZI_ExplodeShapesLayers(poboljšano nova verzija). Odaberite sloj i idite kao u ilustratoru Datoteka > Skripte. Kliknite na dugme Eksplodiraj!


Svi slojevi su odvojeno razbijeni i opet možete izbrisati naš originalni sloj, ispostavilo se da je donji. I ručno bih morao kopirati (kopiranje sloja - CTRL+D) sloj onoliko puta koliko ima podslojeva - linija, zatim obrišite dodatne podslojeve iz novog kopiranog sloja i preimenujte.

Više detalja, ko nije našao ili nije htio preuzeti skriptu:
Imamo 4 podsloja, pa nam trebaju još 3 kopije, pravimo ih. Zatim na prvom sloju brišemo 2,3,4 grupe. A onda po analogiji. Zatim preimenujte - odaberite sloj - ENTER - unesite novo ime - ENTER ili kliknite na prazno mjesto. Trebalo bi da dobijete 4 sloja sa odvojenim linijama.

10. Možete rasporediti slojeve po redoslijedu animacije - prvo krug, zatim linije, a zatim kvadrat. I možete ostaviti kako želite. Pa, sve pripreme su gotove. Sada je najzanimljiviji dio vektorske animacije. Počnimo s krugom - s oblačićem.

Usput, savjeti! Možete zumirati - ukloniti objekte u prozoru kompozicije pomoću kotačića miša (tako poznati ctrl + - ovdje ne radi, a ctrl 0 također) ili odabirom skale u prozoru Kompozicija - skočni prozor za omjer povećanja(ovdje su brojevi sa procentima i strelica dolje). A možete se kretati po prozoru kompozicije s razmakom - istom rukom (kao u lusteru). Takođe, kada animirate objekat, obratite pažnju na centralnu tačku sidrenja Anchor Point. Mora se nalaziti u centru objekta, inače će se animacija odvijati od mjesta gdje leži tačka, au ovom slučaju trebamo iz centra. Kako popraviti - Pritisnite prečicu Y, i prevucite tačku, stavite je na pravo mjesto. Pa, idemo.

11. Kružna animacija. Mi animiramo Scale.
Možete uključiti solo na sloju, tada će biti vidljiv samo krug (ikona kruga ili tačke). Zatim spuštamo ključeve - ovo će biti naša animacija. Pomerite indikator vremena (ova linija sa plavim vrhom - Indikator trenutnog vremena) za 0 sekundi 15 kadrova i stavite ključ - kliknite na štopericu pored Scale, ostavite vrijednost (imam 450).


Pomaknite se na početak kompozicije na nulu - i promijenite vrijednost na nulu (odmah unesite vrijednost veličine i novi ključ se automatski unosi). Zatim napredujemo 3 sekunde - 450, 3 sekunde 15 kadrova - 300, nakon još 5 kadrova - to će biti 3 sekunde 20 kadrova - 450, i opet ponavljamo na 6 sekundi, 6,15 i 6,20 - postavite iste vrijednosti - 450/300/450. Zatim na isti način na 9 i 12 sekundi na otprilike istoj udaljenosti. I sada pravimo fade na kraju kompozicije - 14 sekundi 15 kadrova - 450, na 15 sekundi na samom kraju - 0. Zatim pritisnite F9- glatke tipke.


Možete dodati ključ i na drugi način - kliknite na dijamant pored štoperice i zatim promijenite vrijednost) . Možete se kretati duž vremenske linije pomoću tipki PAGE UP I PAGE ON. Pažljivije pomjerajte indikator! Ne pomerajte sam sloj! Samo u slučaju CTRL+Z pomoći ti.

Pa, sada je naš krug oživio - pojavljuje se na početku, glatko treperi u procesu i glatko nestaje na kraju kompozicije. Za pregled pritisnite nulu 0 i da završite pregled takođe nula 0.

12. Animacija glavne linije.
Odaberite sljedeći sloj sa glavnom linijom. Pritisnite dvaput U i otkriva sav sadržaj sloja. Koristi se kada trebate otvoriti one podslojeve koji su izmijenjeni. Vrlo udobno. Zatvori - još jednom U. U procesu rada sve ćete razumjeti. Zatim odaberite podsloj Grupa 3 - Dodaj - Trim Path.


Otkrivanje parametara Trim Path i postavite vrijednost KRAJ. Stavio sam 75%. Ovaj indikator je odgovoran za koliko posto će linija biti prikazana u animaciji: 100% - potpuno, 0% - prema tome, linija neće biti prikazana. Optimalno - od oko 50 do 95%. Indikator se nalazi na početku kompozicije. Zatim animiramo. Stezamo ALT i kliknite na parametar štoperice offset(odmah ispod Kraj) i unesite izraz u red koji se pojavi - vrijeme*n(gdje je n broj koji označava broj okretaja ili brzinu animacije).


Pustite numeru (nula) i vidite šta se dešava. Možete promijeniti vrijednost KRAJ i uporedite animaciju, izraz ne treba mijenjati. Tako se postiže najzanimljiviji i najoptimalniji rezultat. Sada dodajmo linije koje će se ugasiti i ugasiti. To možete učiniti i sa transparentnošću. Opacity. Odaberite sloj - pritisnite tipku T i na 1 sekundi postavite vrijednost na 100, na nuli na početku kompozicije - 0. Zatim pomjerimo 14 sekundi - 100 i na kraju kompozicije postavljamo 0. F9- glatko. Usput, da biste odabrali sve tipke odjednom, možete ih pažljivo odabrati mišem i kliknuti F9 ili je najlakši način da odaberete sam parametar Opacity i svi ključevi će biti odabrani odjednom.

13. Animacija drugog reda.
Sada ćemo naučiti kako raditi s vama s postavkama same linije. Napravimo isprekidanu liniju od obične prave linije i animiramo je. Dvaput U duž sloja sa linijom nalazimo Moždani udar i proširite njegove vrijednosti klikom na strelicu. Pronalaženje parametra crtice i kliknite na plus + dvaput. Pojavit će se vrijednosti Dash(broj bodova), jaz(razdaljina između tačaka), offset(animirati tačke). Uvodimo, pretpostavimo, vrijednosti 5 i 5. Sada opet ALT+ kliknite na štopericu pored parametra offset i uđite vrijeme*n(Imam vrijednost 35).


Sada odaberite Sadržaj - Dodaj - Obrezivanje putanje i na 1 sekundi Kraj taster 100, na nuli 0, na 14 sekundi 100 i na kraju 0. I izaberite tastere i glatkajte F9.

14. Kvadratna animacija. Rotacija.
Odaberite sloj sa kvadratom, tipkom prečice R (rotacija). Mi izdvajamo rotacija I ALT+ kliknite na štopericu. U ulazni red izraza upisujemo vrijeme*n(Imam vrijednost 250). Tastere možete koristiti i ručno - na početku ključa sa nula početnih vrijednosti​​i na kraju ključa (unesite broj okretaja 0x i stupnjeva +0,0), recimo 8 okretaja i 360 stupnjeva. Izrazi uvelike olakšavaju i automatizuju rad. Pa, analogno, dodajemo transparentnost na početku pojavljivanja (na 1 sekundi 100 i na nuli 0) i na kraju raspada (na 14 sekundi 100 i na kraju 0) i F9. Ili bledimo i izlazimo Trim Path.

Sve! Animacija je spremna! Naš poziv je oživio! Sada da sačuvamo. Radimo render.
Pritiskom na prečice CTRL+M(ili idite na meni).


Kliknite suprotno izlazni modul desno na strelici i izaberite format od mene MOV+PNG+ALFA(ili MOV+PNG). I pritiskamo Render, pričekajte dok je renderiranje u toku. Zatim gledamo rezultat. Video će biti sačuvan u istom folderu kao i vaš projekat.

Oksana Shilova posebno za blog


Pretplatite se na naš newsletter kako ne biste propustili ništa novo:


Učitavanje...
Top