Järelmõjudele tuginemine. Tasuta animeeritud graafika õpetused videote jaoks After Effektides

Võib-olla teate, et meil on erinevates nišides mitu projekti, millest üks on projekt VideoSmile.ru. See on pühendatud videoteemale (montaaž, eriefektid, 3D jne) ja seda on meie meeskond arendanud alates 2011. aastast.

Ma tean, et minu publiku hulgas on inimesi, kes on sellest suunast huvitatud, nii et palusin VideoSmile'i poistel valmistada minu tellijatele ette õppesarja populaarseima videotöötlusprogrammi - Adobe After Effectsi kohta. See on videomaailmas omamoodi "Photoshop".

Otsustasime, et need peaksid olema praktilised õppetunnid, mille õppimise järel saab inimene oma videote jaoks kasulikke animeeritud elemente teha. Selline õppetundide sari on edukalt loodud ja täna on mul hea meel seda teile esitada.

Tutvumine Järelmõjud

Esimene video viib teid läbi After Effectsi võimalused ja kuhu saate selle alla laadida.

4 suurejoonelise ekraanisäästja loomine. 1. osa

Selles tunnis tutvute programmi liidesega, seadistate tööruumi, uurite programmi peamisi paneele. Samuti loote siin oma projekti ja selle projekti esimese koosseisu.


4 suurejoonelise ekraanisäästja loomine. 2. osa

Siit saate jätkata avakuva mitme variatsiooni loomist ja õppida veel mõned olulised tööriistad jaotises After Effects.


Üleminekud ja väljalõiked

Sellest videost saate teada, kuidas teha kvaliteetset üleminekut ekraanisäästja alguselt videole ise ning rakendada mitmeid katkestusi, mis on teile redigeerimise ajal kasuks. Lisaks saate teada, kuidas kasutada standardseid üleminekuid, mis After Effectsiga kaasas on.


Alamkolmikud ja surevad

Tõenäoliselt olete märganud, et erinevates inimeste osavõtul kuvatavates videotes ilmuvad animeeritud sureb, kus kuvatakse inimese nimi ja perekonnanimi, samuti tema ettevõtte nimi ja tegevuse liik. Neid plaate on After Effectsis lihtne luua ja selles õpetuses saate teada, kuidas neid ise teha.


Animeeritud tekstielemendid

Selle minikursuse viimases tunnis saate teada, kuidas luua tekstianimeeritud plokke, millega saaksite oma videotele lisada olulist tekstiteavet.

Esimene asi, mida teeme enne joonistamist, on muuta tööruum värviks.

Ilmusid paneelid Paint, Brushes ja Layer. Värviparameetrite määramiseks kasutatakse paneeli Paint. Pintsli suuruse ja kõvaduse valime paneelil Pintslid. Kuna te ei saa otse paneelil Kompositsioon joonistada, kasutame selleks paneeli Kiht. Parim on maalida 100% skaalal. Selleks kasutage paneeli külgmenüüs üksust Raami maksimeerimine / raami suuruse taastamine või hõljutades paneeli kohal, vajutage klahvi<~>klaviatuuril.
Loo ühtlane valge kiht. Sellest saab meie lõuend, mida harjutada. Valige pintsli tööriist. Joonistame näiteks väikese kruusi.

See efekt tähendab, et oleme sellele kihile maalinud. Joonistatud element kuvatakse kihi omadustes pintsli 1 alamkihina. Joonista meie ringile kroonlehed ja vars, nii et saaksime lille.

Vaatame kihi omadusi.

Nagu näete, on meil iga joonise elemendi jaoks eraldi alamkiht. Kui valime ühe kihist ja joonistame midagi, asendab uus element valitud. See tuleb kasuks, kui proovite joonistada midagi konkreetset. Segaduste vältimiseks võite igale elemendile nime anda. Valige element, vajutage sisestusklahvi, sisestage uus nimi ja vajutage uuesti sisestusklahvi.

Värviefekti esimene omadus, mida näeme, on läbipaistva värv. See on kõigile elementidele ühine. Kui panete selle asendisse "Sees", kaob taustakiht ja alles jääb vaid ruut ruutude lahtrite kujul (kui teil neid pole, klõpsake lülitil Lülita läbipaistvuse ruudustik, see on saadaval nii paneelil Koostis ja paneeli Kiht).

Nüüd laiendame ühte elementidest. Siin näeme kahte omaduste rühma: teisendus (teisendusomadused), Stoke'i valikud (joonistamise omadused), samuti animeeritud tee omadus (kuju). Laiendage rühma Stoke Options. Kui soovite juba joonistatud elemendi joonistusparameetreid reguleerida, peaksite seda tegema just siin, paneelil Paint määrate parameetrid ainult järgnevatele joonise elementidele.

Animeerime vara Start. Liigutage redigeerimisrida 2 sekundi kohale ja klõpsake stopperi ikoonil. Esimene võti on loodud. Teise klahvi loomiseks vajutage koduklahvi. Kuid muutke selle väärtus 100% -le. Täitke eelvaade kompositsioonivaate paneelil. Element joonistatakse järk-järgult, kuid vastupidises suunas. Selleks, et see saaks joonistada nii, nagu joonistasite, animeerige Atribuut ise (pidage meeles, et atribuudi Start animatsioon tuleb tühistada).
Stoke'i valikute rühmas saame muuta värvi, läbimõõtu, kõvadust, ümarust, vahekaugust, läbipaistmatust ja voogu. Nagu olete märganud, saab kõiki neid omadusi animeerida. Nüüd, muutes iga elemendi värvi, värvime oma lille.

Teine joonistusvahend on kustutuskumm. Valides antud element, muutub värvipaneelil kättesaadavaks üksus Kustuta, mis määrab kustutatava objekti.

Kustutuskummi abil saate mitte ainult joonistatud elemente kustutada, vaid ka tausta eemaldada.
Lõpuks tahaksin kirjeldada viisi, kuidas tõmmata täiesti sirge joon. Selleks vajame joonlauda. Käivitage menüükäsk Vaade-> Näita joonlaudu. Paneeli Kiht ilmus kaks skaalat: vertikaalne ja horisontaalne.
Nüüd liigutame kursori ühe valitseja kohal. Kursor peaks muutuma kahepoolseks nooleks. Klamber vasak nupp hiir ja liigutage kursor kohta, kuhu tahame joone paigutada.

Mõnikord on vaja videofaili peale midagi joonistada, võib-olla lihtsalt naljaka video loomiseks või mõne tõsise projekti jaoks. Selles väikeses "käsiraamatus" räägin teile sellest.

Alustame siis:

1. Looge uus kompositsioon (kui te pole Adobe After Effectsi robotite põhitõdedega kursis, saate lugeda uue kompositsiooni loomise kohta).

2. "Lohistage" programmi Adobe After Effects projekti aknasse ja seejärel kompositsiooni endasse, video, millele me joonistame ( sel juhul see on Nature.mp4):

3. Nüüd topeltklõpsake videofaili kihil ja läheme selle eraldi kihi aknale (antud juhul on see Layer: Nature.mp4), kuhu joonistame:


4. Ülalolevale aknale minnes valime lihtsalt Pintsli tööriista (Ctrl + B). Samuti näeme paremas alanurgas tööriistariba Paint, kus saate reguleerida palju erinevaid parameetreid. joonis:


5. Nüüd võite proovida midagi joonistada. Olen peal kiirustades joonistas nääris puu :)

Tahaksin märkida asjaolu, et joonise iga eraldi rida luuakse uuel"Alamkiht" videofailide kihis. Sa võid olla paindlikreguleerige iga kihi (Pintsel 1, Pintsel 2 ... Pintsel n) sätteid, näiteks pildi iga osa ilmumise aega ja paljusid muid parameetreid.Selleks peaksite laiendama videofailikihti => Efektid => Värv.


Mina kirjeldasin joonistamisprotsessi üldiselt Adobe programm After Effects, siis sõltub kõik teie kujutlusvõimest. Muide, kui Adobe After Effectsis on valmis video salvestamisel (renderdamisel) probleeme, siis soovitan teil end kurssi viia selle abil materjal.

Olen AE-d õppinud alates 2016. aasta augustist, alustasin tööd illustratsioonide kõrval ka liikumiskujunduse valdkonnas.

Olen koostanud lihtsa kujundite ja joonte animatsiooniga blogiõpetuse. See õpetus on mõeldud neile, kes on After Effectsiga juba enam-vähem hästi kursis, nii et kui see teile tundub keeruline, siis soovitan vaadata põhitutvustusi netist. Näiteks see minikursus: Sissejuhatav kursus Illustrator + After Effects.

Hiljuti lõpetasin ja panin välja animeeritud viiktekstidega projekti ning oma tunnis räägin teile, kuidas ma seda tegelikult tegin. lihtne näide.

1. Me loome sisse Adobe illustraator vektorfail koos pildiga. Meil on tähelepanulaiend. Kõiki ridu ei täideta, ainult jooned. Animatsiooni sooritamise selgemaks muutmiseks tehke nii, nagu pildil. Salvestage fail ai vormingus.


2. Import After Effektidesse. On mitmeid viise. Topeltklõpsake aknas Projekt ja valige rippmenüüst fail. Või uurija kaudu - valige fail ja lohistage see aknasse Projekt... Sa saad ka Menüü Fail> import> fail ja valige meie fail. Märge! Peaks seisma filmimaterjal valdkonnas Import nimega ja me ei pane ühtegi kontrollmärki.


3. Uue kompositsiooni loomine jaotises After Effects. CTRL + N või menüü kaudu Kompositsioon> Uus koosseis... Seadistame sätted - kirjutame nime, meil on 30 kaadrit (kaadrisagedus) ja 15 sekundit (kestus) animatsiooni kestus, samuti määrasime kompositsiooni enda suuruseks 1920x1080. Klõpsake - OK.


4. Lohistage imporditud vektorfail hiirega aknast Projekt kohta ajajoon- tööpiirkonna alumine osa, kus tegelikult animeerime oma jooned.

5. Valige failikiht. Minge menüüsse Efekt> Loo> Täida.


Valige värviks valge.


6. Kiht on valitud. Järgmisena klõpsake teisel ikoonil Rasteriseeri kihi nime kõrval (kui ikoone pole näha, siis ajaskaala allosas on Lülitage sisse lülitid / režiimid- klõpsake ja kihivaade muutub - paremal ilmuvad ikoonid).


Nüüd on meie read selgelt nähtavad. Vaja neilt küsida Kaal kaal. Parameetrites saate kihti laiendada Teisenda> Skaala sisestage väärtus, määrasin 450 väärtuseks 450. Or kiirklahv S- kuvab kohe kõigist objekti teisendusparameetritest ainult ühe skaala. Kiirklahvid on saadaval kõigi funktsioonide jaoks ja see on väga mugav. Jah, iga kihi või objekti saab teisendada ja need seaded on igas kihis.

7. Seejärel asetame tähelepanulaiendi keskele. Nagu Illustratoris: esimene valik noolega Valikutööriist (V), seejärel liigutage objekti.

8. Valige meie kiht, minge menüüsse Kiht> Loo kujundid vektorikihist.


Ja pärast seda toimingut on meil juba 2 kihti. Saame oma esimese vektori algse kihi kustutada. Valige ja klahv KUSTUTA... Ärgem unustagem projekti salvestada - Ctrl + Tõst + S... Näpunäide - perioodiliselt vajutage maagiat Ctrl + S.

9. Nüüd peame ühe kihi jagama mitmeks - meil on ju mitu rida. Saate seda käsitsi teha, kuid see on pikk ja igav. Parem tasuta skripti alla laadida ja installida ZI_ExplodeShapesLayers(parandatud uus versioon). Valige kiht ja jätkake nagu Illustratoris. Fail> Skriptid... vajuta nuppu Plahvatada!


Kõik kihid purustati eraldi ja võite meie algse kihi uuesti kustutada, see osutub kõige madalamaks. Ja käsitsi peaks kopeerima (kihi kopeerimine - CTRL + D) kiht nii mitu korda, kui on alamkihte - ridu, seejärel kustutage mittevajalikud alamkihid uuest kopeeritud kihist ja nimetage need ümber.

Lisateave neile, kes skripti ei leidnud või ei soovinud seda alla laadida:
Meil on 4 alamkihti, seega vajame veel 3 koopiat, teeme need. Seejärel kustutage esimesest kihist 2,3,4 rühma. Ja siis analoogia põhjal. Seejärel nimetage ümber - valige kiht - ENTER - sisestage uus nimi - ENTER või klõpsake tühjal alal. Peaksite saama 4 kihti eraldi joontega.

10. Kihte saate korraldada animatsiooni järjekorras - kõigepealt ring, seejärel jooned, seejärel ruut. Või võite selle jätta nii, nagu soovite. Noh, kõik ettevalmistused on läbi. Nüüd lõbusast osast - vektoranimatsioon. Alustame ringist - tähelepanumärk.

Muide, näpunäited! Suumimine - saate kompositsiooniaknas esemeid eemaldada hiirerattal (selline tuttav ctrl + - siin ei tööta ja ctrl 0 ka) või valides aknas skaala Kompositsioon - suurendussuhte hüpikaken(seal on numbrid protsentidega ja allanool). Ja aknas saate liikuda tühikuga - sama käsi (nagu lühtris). Samuti pöörake objekti animeerimisel tähelepanu keskmisele kinnituspunktile. Ankurpunkt... See peab asuma objekti keskel, vastasel juhul toimub animatsioon sealt, kus punkt asub, ja sel juhul vajame seda keskelt. Kuidas parandada - vajutage kiirklahvi Y ja tõmmake punkt, asetage see õigesse kohta. Noh, lähme.

11. Ringi animatsioon. Me elustame Kaal.
Saate kihil soleerida, siis on nähtav ainult ring (ringi või punktiikoon). Siis panime võtmed maha - see saab olema meie animatsioon. Ajaindikaatori liigutamine (see sinise otsaga rida - Praegune kellaaeg) 0 sekundiks 15 kaadrit ja pane võti - klõpsake kõrval oleval stopperil Kaal, jätame väärtuse (mul on 450).


Liikuge kompositsiooni algusesse nulli - ja muutke väärtus nulliks (sisestage kohe suuruse väärtus ja lisage automaatselt uus võti). Seejärel liigume edasi 3 sekundi võrra - 450, 3 sekundi võrra 15 kaadrit - 300, veel 5 kaadri järel - see on 3 sekundit 20 kaadrit - 450 ja kordame uuesti 6 sekundi järel, 6.15 ja 6.20 - määrake samad väärtused - 450/300/450. Edasi ka 9 ja 12 sekundiga umbes samal kaugusel. Ja nüüd tuhmume kompositsiooni lõpus - 14 sekundit 15 kaadrit - 450, lõpus 15 sekundit - 0. Seejärel vajutage F9- sujuvad klahvid.


Võtme saate lisada veel ühel viisil - klõpsake stopperi kõrval oleval teemandil ja muutke seejärel väärtust). Klahvide abil saate liikuda ajaskaalal LEHE ÜLES ja PAGE ON... Liigutage indikaatorit ettevaatlikumalt! Ärge liigutage kihti ennast! Kui midagi CTRL + Z sind aitama.

Noh, nüüd on meie ring ellu ärganud - see ilmub alguses, vilgub protsessis sujuvalt ja kompositsiooni lõpus kaob sujuvalt. Vaatamiseks vajutage nulli 0 ja vaate lõpetamiseks ka null 0.

12. Pealiini animatsioon.
Valige põhireal järgmine kiht. Vajutage kaks korda U ja kogu kihi sisu laiendatakse. Seda kasutatakse siis, kui peate avama muudetud alamkihid. Väga mugavalt. Sule - veel üks kord U... Töö käigus saate ise kõigest aru. Järgmisena valige alamkiht 3. rühm - Lisa - kärpimise tee.


Parameetrite laiendamine Kärbi tee ja määrake y väärtus LÕPP... Vean kihla, et 75%. See indikaator vastutab selle eest, mitu protsenti rida animatsioonis kuvatakse: 100% - täielikult, 0% - vastavalt seda rida ei kuvata. Optimaalne on umbes 50 kuni 95%. Indikaator on kompositsiooni alguses. Järgmiseks animeerime. Klamber ALT ja klõpsake parameetril stopper Nihe(otse all Lõpp) ja sisestage avaldatavale reale avaldis - aeg * n(kus n on number, mis näitab animatsiooni liikumiste arvu või kiirust).


Esitage lugu (null) ja vaadake, mis juhtub. Väärtust saate muuta LÕPP ja võrrelda animatsiooni ilma väljendit muutmata. Seega saavutage kõige huvitavam ja optimaalsem tulemus. Lisame nüüd ka pleekimise ja kustumise. Seda saate teha ka läbipaistvalt. Läbipaistmatus... Valige kiht - vajutage klahvi T ja 1 sekundi järel määrake väärtuseks 100, kompositsiooni alguses null - 0. Seejärel liigume 14 sekundit - 100 ja kompositsiooni lõpus määrake 0. F9- silumine. Muide, kõigi klahvide korraga valimiseks võite need hiirega hoolikalt valida ja vajutada F9 või lihtsaim viis on valida parameeter ise Läbipaistmatus ja kõik klahvid tõstetakse korraga esile.

13. Teise rea animatsioon.
Nüüd õpime, kuidas töötada liini enda seadetega. Teeme tavalisest sirgest punktiirjoon ja animeerige see. Kaks korda U joonekihi järgi leiame Insult ja paljastage selle väärtused, klõpsates noolel. Leidke parameeter Kriipsud ja klõpsake plussmärgil + kaks korda. Ilmuvad väärtused Kriips(punktide summa), Lõhe(punktide vaheline kaugus), Nihe(animeerige punkte). Tutvustame väärtusi 5 ja 5. Nüüd jälle ALT+ klõpsake parameetri juures stopperil Nihe ja tutvustada aeg * n(Mul on väärtus 35).


Nüüd valime Contens - Lisa - kärpimise tee ja 1 sekund edasi Lõpp võti on 100, nullil 0, 14 sekundil 100 ja 0 lõpus. Ja valige klahvid ja siluge F9.

14. Ruudu animatsioon. Pööramine.
Valige ruutkiht, kiirklahv R (pöörlemine)... Tõstke esile pöörlemine ja ALT+ klõpsake stopperil. Avaldise sisestusreale kirjutage aeg * n(Mul on väärtus 250). Klahve saab kasutada ka käsitsi - alguses on null algväärtusega võti ja klahvi lõpus (sisestage pöörete arv 0x ja kraadid +0,0), ütleme siis 8 pööret ja 360 kraadi. Avaldised muudavad asjad palju lihtsamaks ja automatiseeritumaks. Analoogia põhjal lisage läbipaistvus välimuse alguses (1 sekundil 100 ja nullil 0) ja hääbumise lõpus (14 sekundil 100 ja lõpus 0) ning F9... Või teeme tuhmuma ja kustume läbi Kärbi tee.

Kõik! Animatsioon on valmis! Meie tähelepanulaiend on ellu ärganud! Nüüd hoiame kokku. Me renderdame.
Vajutage kiirklahve CTRL + M(või minge menüüsse).


Klõpsake vastassuunas Väljundmoodul otse noolele ja vali minu seast vorming MOV + PNG + ALPHA(või MOV + PNG). Ja suruda Render, ootame renderdamise ajal. Siis vaatame tulemust. Video salvestatakse teie projektiga samasse kausta.

Oksana Šilova spetsiaalselt ajaveebi jaoks


Telli meie uudiskiri, et mitte midagi uut vahele jätta: