Adobejeva programska oprema omogoča prenos delovnih tokov in sredstev iz enega programa v drugega. Medtem ko se ta navzkrižna dela pogosteje uporablja prek Adobe Dynamic Link med Premiere Pro in After Effects, After Effects podpira tudi večplastne datoteke Photoshop.

To je pomembno, ker je After Effects manj osredotočen na oblikovanje in manipulacijo s sliko. Tako jih lahko z uvozom prek Photoshopa pred animiranjem natančno izpopolnite.

V tem članku vam bomo pokazali, kako v Photoshop posnamete več fotografij, jih manipulirate in pripravite v sloje ter nato uvozite v After Effects za animiranje.

Priprava vaših slik v Photoshopu

Začnimo z iskanjem slik za končno animirano grafiko.

Za svoj projekt lahko uporabite kar koli želite. Toda v tej študiji primera bodo uporabljene slike iz Pexela. Obstaja širok spekter spletna mesta, ki omogočajo prenos brezplačnih posnetkov.

Ko najdete želene slike, ustvarite novo sliko v Photoshopu. V idealnem primeru želite, da se dimenzije datoteke Photoshop ujemajo z vašim video izhodom. Torej, če izdelujete animacijo v visoki ločljivosti, boste želeli, da bodo dimenzije platna široke 1.920 slikovnih pik in visoke 1.080 slikovnih pik.

instagram viewer

Ko naložite platno HD, vnesite prenesene posnetke. V tem primeru so bile osnovne slike že dodane.

Nato izrežemo predmete, jih prilagodimo in dodamo nekaj rekvizitov in besedila. Če niste prepričani, kako to storiti, ali če se nekoliko zataknete, naš vodnik po osnovah urejanja Photoshopa naj vam pomagajo usmeriti v pravo smer.

Ko ste zadovoljni z urejanjem, morate imeti osnovni nabor slik in slojev.

Priprava vaših plasti

V tem primeru želimo, da pasja tačka udari razdraženo mačko po glavi. Izberimo tačko s pomočjo lasso orodje.

Ko je izbrana, z desno miškino tipko kliknite tipkovnico in izberite Sloj prek reza. Izbor, ki je v tem primeru tačka, bo zdaj postal nov sloj.

Ko smo že pri plasteh, bi morali vsako od njih jasno preimenovati. Potem boste vedeli, kaj čemu ustreza. Primer, kako to storiti, je spodaj:

Na koncu želite, da se mačka odzove na to, da jo pasja tačka udari po glavi. Podvojimo plast, imenovano Cat, z naslovom ena Cat_Normal in dvojnik Cat_Bonked.

Za plast Cat_Bonked so narisane čudovite oči, ki dodajo dodaten učinek.

Zdaj imate vse elemente grafike. Prepričajte se, da so vaše plasti označene in da je vse tam, kjer želite. Potem je čas, da začnemo z animiranjem v After Effects.

Prenos datoteke Photoshop v naknadne učinke

Najprej je treba najprej poskrbeti, da se vaši sloji shranijo kot datoteka .PSD. Zadel Datoteka> Shrani kot. Privzeto se shrani v obliki .PSD. Tako se nato uvozi v After Effects iz Photoshopa.

V tem primeru se bo datoteka imenovala Dog_Cat_Animation. PSD.

Nato odprite After Effects. Zadel Datoteka> Uvoz> Datoteka. Pomaknite se do nove datoteke .PSD, kjer boste videli pogovorno okno. V Uvozi prijazno v spustnem meniju izberite Sestava - ohrani velikost sloja.

S tem boste uvozili vse posamezne sloje datoteke Photoshop, velikosti pa bodo usklajene z dimenzijami (zato ste na začetku izbrali ločljivost HD). Zadel v redu.

Zdaj bi morali dobiti novo sestavo z istim imenom kot datoteka .PSD. Dvokliknite, da ga odprete. Vsaka vaša plast iz Photoshopa je zdaj plast na časovni premici vaše sestave.

Zdaj se lahko animacija začne. Začnite s premikanjem naslovnega besedila izven zaslona, ​​ki bo animirano, da bo "padlo" na zaslon.

Premaknimo tudi svoje kosmate prijatelje; postopoma se bodo premikali v okvir, ko bo besedilo postavilo na svoje mesto.

Če želite prihraniti čas, pritisnite Sloj> Novo> Ničelni predmetin vanjo nadzirajo sloje Dog, Dog Paw, Cat_Normal in Cat_Bonk.

Zdaj bo vsako gibanje, ki ga uporabite za ničelni objekt, veljalo za vse te.

Uokvirimo gibanje na dnu skladbe v okvirju 0 in se postopoma dvigajte v petih sekundah.

Ne pozabite, da lahko dodate ključne sličice Gibanje parametre s klikom na Štoparica ikone.

Nato animirajmo pasjo tačko in mačjo reakcijo.

Preobrazba atribute pasje šape, nastavite Sidrišče na dno pasje noge. S tem boste zagotovili, da se vsaka rotacija, ki jo animirate, vrti okoli te točke, kjer bi bil naravno sklep kosti.

Nato lahko, odvisno od tega, kako želite, da izgleda, vrnete pasjo tačko v ključni okvir in dodate zankast izraz ali pa uporabite Vrtenje - vrtenje učinek za ustvarjanje nabora naključnih gibov.

V programu. Lahko najdete različne učinke Učinki in prednastavitve plošča. Povlecite in spustite na plast, da jo uporabite, in prilagodite parametre, da določite hitrost in vrtenje plasti.

Nazadnje ustvarite učinek, da mačko udari pasja šapa, tako da zarežete med dva okvirja, ki smo jih prej pripravili, da ustvarimo iluzijo gibanja.

Animirajte v besedilu in tam je, imate svojo animirano grafiko! Zdaj ga lahko uporabljate kjer koli želite.

Čeprav je težje prikazati brez video primera, ste lahko prepričani, da pasja tačka mačko z veseljem udari v mačko.

Skupna uporaba Photoshopa in After Effects

To je bil hiter potek, kako ustvariti večplastno sliko v Adobe Photoshopu in kasneje animirati posamezne plasti in elemente v After Effects. Čeprav je bila študija primera osnovna, lahko z istimi koraki ustvarite kompleksne večplastne datoteke, ki jih je mogoče animirati v After Effects.

Ta hitra vaja bi vam morala dati razumevanje, kako lahko ta dva programa združite in ustvarite nekaj izjemnih vsebin. In ne pozabite, da je ta postopek potekal v dveh dimenzijah, da bi bilo vse preprosto, vendar bodite prepričani, da lahko sloje Photoshop animirate tudi s 3D gibanjem.

E-naslov
Vnesite tretjo dimenzijo: Delo s 3D-poteki dela v Adobe After Effects

Če želite delati s 3D sloji v programu Adobe After Effects, vam bomo pokazali, kako začeti.

Preberite Naprej

Sorodne teme
  • Ustvarjalno
  • Računalniška animacija
  • Adobe Photoshop
  • Grafično oblikovanje
O avtorju
Laurie Jones (19 objavljenih člankov)

Laurie je video montažerka in pisateljica, ki je delala za televizijske in filmske oddaje. Živi v jugozahodni Angliji.

Več od Laurie Jones

Naročite se na naše novice

Pridružite se našemu glasilu za tehnične nasvete, preglede, brezplačne e-knjige in ekskluzivne ponudbe!

Še en korak…!

Potrdite svoj e-poštni naslov v e-poštnem sporočilu, ki smo vam ga pravkar poslali.

.