Kako koristiti Photoshop i After Effects za izradu animiranih grafika

Kako koristiti Photoshop i After Effects za izradu animiranih grafika

Adobeov softver omogućuje prijenos tijeka rada i imovine iz jednog programa u drugi. Iako se češće koristi ovaj unakrsni rad putem Adobe Dynamic Link između Premiere Pro i After Effects, After Effects također podržava slojevite datoteke Photoshopa.





To je važno jer je After Effects manje fokusiran na dizajn i manipulaciju slikom. Dakle, uvozom putem Photoshopa možete fino doraditi slojeve svoje animirane grafike prije animacije.





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





kako popraviti ovaj pribor možda nije podržano

Priprema vaših slika u Photoshopu

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

Za vlastiti projekt možete koristiti što god želite. No, u ovoj studiji slučaja koristit će se slike iz Pexela. Postoji širok raspon web stranice koje vam omogućuju preuzimanje slika bez naknade .



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

Nakon što učitate HD platno, donesite preuzete slike. U ovom primjeru osnovne slike su već dodane.





Zatim izrezimo teme, skalirajmo ih i dodajmo neke rekvizite i tekst. Ako niste sigurni kako to učiniti ili ste se malo zaglavili, naš vodič kroz osnove uređivanja Photoshopa trebao bi vas uputiti u pravom smjeru.

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





Priprema vaših slojeva

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

Nakon odabira desnom tipkom miša kliknite tipkovnicu i odaberite Sloj Via Cut . Odabir, koji je u ovom slučaju šapa, sada će postati novi sloj.

Govoreći o slojevima, trebali biste jasno preimenovati svaki od njih. Tada ćete znati što čemu odgovara. Primjer kako to učiniti je dolje:

Konačno, želite da mačka reagira na udarac pseće šape o glavu. Duplirajmo sloj koji se zove Cat, s naslovom jedan Cat_Normal i duplicirani Cat_Bonked.

Za sloj Cat_Bonked, nacrtane su googly oči kako bi se dodao dodatni efekt.

Dakle, sada imate sve elemente svoje grafike. Pobrinite se da su vaši slojevi označeni i da je sve tamo gdje želite. Tada je vrijeme za početak animacije u After Effects -u.

Dovođenje vaše Photoshop datoteke u After Effects

Prvo je prvo: morate biti sigurni da su vaši slojevi spremljeni kao .PSD datoteka. Pogoditi Datoteka> Spremi kao . Prema zadanim postavkama spremat će se u .PSD formatu. Ovako se zatim 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 . Idite na novu .PSD datoteku, gdje ćete vidjeti dijaloški okvir. U Uvezi vrstu padajući izbornik, odaberite Sastav - zadržavanje veličina slojeva .

Ovo će uvesti sve pojedinačne slojeve vaše Photoshop datoteke, a veličine će ostati u skladu s dimenzijama (stoga ste na početku odabrali HD rezoluciju). Pogoditi u redu .

Sada biste trebali imati novi sastav s istim imenom kao i vaša .PSD datoteka. Dvaput kliknite da biste ga otvorili. Svaki od vaših slojeva iz Photoshopa sada je sloj na vašoj vremenskoj traci kompozicije.

Sada animacija može početi. Započnite premještanjem naslova s ​​ekrana --- bit će animirano kako bi 'palo' na zaslon.

zaslon osjetljiv na dodir tableta ne radi ispravno

Pomaknimo i naše dlakave prijatelje dolje; postupno će se pomaknuti u okvir kad tekst padne na mjesto.

Da uštedite vrijeme, pritisnite Sloj> Novo> Nulti objekt , i roditeljima unesite slojeve Dog, Dog Paw, Cat_Normal i Cat_Bonk.

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

Uokvirite kretnju pri dnu kompozicije u kadru 0 i postupno se povećavajte tijekom pet sekundi.

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

Zatim, animirajmo pseću šapu i mačju reakciju.

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

Zatim, ovisno o tome kako želite da izgleda, mogli biste ili okrenuti kliznim šapama pseće šape i dodati izraz petlje, ili upotrijebiti Wiggle - Rotacija učinak za stvaranje skupa nasumičnih pokreta.

Možete pronaći različite učinke u Učinci i unaprijed postavljene postavke ploča. Povucite i ispustite ga na sloj da biste ga primijenili te prilagodite parametre kako biste odredili brzinu i količinu rotacije sloja.

Konačno, stvorite učinak da mačku udari šapa psa presijecanjem između dva okvira koja smo pripremili ranije, kako biste stvorili iluziju kretanja.

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

Iako je teže demonstrirati bez primjera videa, možete biti sigurni da pasja šapa pogađa mačku s veseljem.

Zajedno koristite Photoshop i After Effects

Ovo je bio brzi pregled kako stvoriti slojevitu sliku u Adobe Photoshopu i kasnije animirati pojedinačne slojeve i elemente u After Effects-u. Iako je studija slučaja bila osnovna, iste korake možete koristiti za stvaranje složenih slojevitih datoteka koje se mogu animirati u After Effects -u.

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

Udio Udio Cvrkut E -pošta Unesite treću dimenziju: Rad s 3D radnim tijekovima u Adobe After Effects

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

Pročitajte Dalje
Povezane teme
  • Kreativno
  • Računarska animacija
  • Adobe Photoshop
  • Grafički dizajn
O autoru Laurie Jones(Objavljeno 20 članaka)

Laurie je video montažerka i spisateljica koja je radila za televizijsku i filmsku televiziju. Živi u jugozapadnoj Engleskoj.

Više od Laurie Jones

Pretplatite se na naše obavijesti

Pridružite se našem biltenu za tehničke savjete, recenzije, besplatne e -knjige i ekskluzivne ponude!

Kliknite ovdje za pretplatu