Kako koristiti Photoshop i After Effects za stvaranje animirane grafike

Adobeov softver omogućuje vam prijenos tijekova rada i sredstava s jednog programa na drugi. Iako se ovo međusobno funkcioniranje češće koristi putem Adobe Dynamic Link između Premiere Pro i After Effects, After Effects također podržava slojevite Photoshop datoteke.

To je važno jer je After Effects manje usredotočen na dizajn i manipulaciju slikom. Dakle, njihovim uvozom putem Photoshopa možete usavršiti slojeve animirane grafike prije animiranja.

U ovom ćemo vam članku pokazati kako u Photoshop snimiti nekoliko fotografija, manipulirati i pripremiti ih u slojeve, a zatim ih uvesti u After Effects za animiranje.

Priprema vaših slika u Photoshopu

Počnimo s pronalaženjem slika za završnu animiranu grafiku.

Za svoj vlastiti projekt možete koristiti što god želite. Ali u ovoj će se studiji slučaja koristiti slike iz Pexela. Širok je raspon web mjesta koja vam omogućuju preuzimanje besplatnih slika.

Nakon što pronađete slike koje želite, stvorite novu sliku u Photoshopu. U idealnom slučaju želite da dimenzije vaše Photoshop datoteke odgovaraju vašem video izlazu. Dakle, ako proizvodite animaciju u HD-u, htjet ćete da dimenzije platna budu 1.920 piksela široke i 1.080 piksela visoke.

Kad učitate HD platno, unesite preuzete slike. U ovom su primjeru osnovne slike već dodane.

Dalje, izrežemo predmete, prilagodimo ih skali i dodamo neke rekvizite i tekst. Ako niste sigurni kako to učiniti ili ste se malo zaglavili, naš vodič za osnove uređivanja Photoshopa bi vam trebao pomoći da vas usmjere u pravom smjeru

Kad ste zadovoljni uređivanjem, trebali biste imati osnovni skup slika i slojeva.

Priprema slojeva

U ovom primjeru želimo da pseća šapa pogodi nadraženu mačku po glavi. Odaberite šapu pomoću lasso alat.

Nakon odabira, kliknite desnu tipku miša na tipkovnici i odaberite Sloj putem izreza. Odabir, koji je u ovom slučaju šapa, sada će postati novi sloj.

Kad smo već kod slojeva, trebali biste jasno preimenovati svaki od njih. Tada ćete znati što čemu odgovara. Primjer kako to učiniti nalazi se u nastavku:

Napokon, želite da mačka reagira na udarce pasje šape po glavi. Idemo duplicirati sloj pod nazivom Cat, naslovom jednog Cat_Normal i duplikata Cat_Bonked.

Za sloj Cat_Bonked privučene su googly oči kako bi se dodao dodatni efekt.

Dakle, sada imate sve elemente svoje grafike. Obavezno označite svoje slojeve i sve je tamo gdje želite. Zatim je vrijeme da započnete animiranje u After Effectsima.

Uvođenje vaše Photoshop datoteke u naknadne efekte

Prvo je prvo: morate osigurati da su vaši slojevi spremljeni kao .PSD datoteka. Pogoditi Datoteka> Spremi kao. Prema zadanim postavkama spremit će se u .PSD formatu. Na ovaj se način uvozi u After Effects iz Photoshopa.

U ovom primjeru datoteka će se zvati Dog_Cat_Animation. PSD.

Zatim otvorite After Effects. Pogoditi Datoteka> Uvoz> Datoteka. Dođite do svoje nove .PSD datoteke, gdje ćete vidjeti dijaloški okvir. U Uvoz vrste padajući izbornik, odaberite Sastav - zadržavanje veličina sloja.

Ovim ćete uvesti sve pojedinačne slojeve vaše Photoshop datoteke, a veličine će biti usklađene s dimenzijama (stoga zašto ste na početku odabrali HD rezoluciju). Pogoditi u redu.

Sada biste trebali imati novi sastav s istim nazivom kao .PSD datoteka. Dvaput pritisnite da biste ga otvorili. Svaki vaš sloj iz Photoshopa sada je sloj na vremenskoj traci vašeg sastava.

Sada, animiranje može početi. Započnite pomicanjem teksta naslova izvan ekrana, on će biti animiran da "padne" na zaslon.

Pomaknimo i svoje krznene prijatelje; postupno će se premještati u kadar kad tekst stane na svoje mjesto.

Da biste uštedjeli vrijeme, pritisnite Sloj> Novo> Nulti objekti nadgledati slojeve Pas, Pas Šapa, Cat_Normal i Cat_Bonk.

Sada će se svaki pokret koji primijenite na nulti objekt primijeniti na sve ove.

Sastavimo ključni kadar za kretanje na dnu kompozicije u okviru 0 i postupno ćemo se dizati tijekom pet sekundi.

Ne zaboravite da u njih možete dodati ključne okvire Pokret parametre klikom na Štoperica ikone također.

Dalje, animirajmo pseću šapu i reakciju mačke.

U Transformirati atribute sloja šape psa, postavite Mjesto sidrenja do dna pseće noge. To će osigurati da se svaka rotacija koju animirate okreće oko te točke, gdje bi prirodno bio zglob kosti.

Dalje, ovisno o tome kako želite da izgleda, možete ili kadrirati rotaciju pseće šape i dodati izraz petlje ili upotrijebiti Wiggle - rotacija efekt za stvaranje niza nasumičnih pokreta.

U programu. Možete pronaći razne efekte Efekti i unaprijed zadane postavke ploča. Povucite i ispustite na sloj da biste ga primijenili i prilagodite parametre kako biste odredili brzinu i količinu rotacije sloja.

Konačno, stvorite efekt mačke koju pasja šapa pogađa tako što ćete presjeći dva okvira koja smo ranije pripremili, kako bismo stvorili iluziju kretanja.

Animirajte u tekstu i tu je, imate svoju animiranu grafiku! Sada ga možete koristiti gdje god želite.

Iako je to teže demonstrirati bez primjera videozapisa, možete biti sigurni da pseća šapa mačku radosno udara.

Korištenje Photoshopa i After Effects-a zajedno

Ovo je bio brz pregled kako stvoriti slojevitu sliku u Adobe Photoshopu i kasnije animirati pojedinačne slojeve i elemente u After Effectsima. Iako je proučena studija slučaja bila osnovna, istim koracima možete stvoriti složene slojevite datoteke koje se mogu animirati u After Effectsima.

Ova brza vježba trebala bi vam dati razumijevanje kako se dva programa mogu kombinirati zajedno da bi se stvorio sjajan sadržaj. I ne zaboravite da se ovaj proces odvijao u dvije dimenzije kako bi stvari bile jednostavne, ali budite uvjereni da slojeve Photoshop možete animirati i 3D pokretom.

Uđite u treću dimenziju: Rad s 3D tijekovima rada u programu Adobe After Effects

Ako želite raditi s 3D slojevima u programu Adobe After Effects, pokazat ćemo vam kako započeti.

Pročitajte Dalje

O autoru