Kako uporabljati Photoshop in After Effects za ustvarjanje animiranih grafik

Kako uporabljati Photoshop in After Effects za ustvarjanje animiranih grafik

Adobeova programska oprema vam omogoča prenos delovnih tokov in sredstev iz enega programa v drugega. Medtem ko je to navzkrižno delo pogostejša uporaba programa 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 slik. Če jih uvozite prek Photoshopa, lahko pred animacijo natančno določite plasti svoje animirane grafike.





V tem članku vam bomo pokazali, kako v Photoshop posnamete več fotografij, jih upravljate in pripravite v plasti, nato pa jih uvozite v After Effects za animacijo.





xbox one se ne more povezati z wifi

Priprava slik v Photoshopu

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

Za svoj projekt lahko uporabite karkoli želite. Toda v tej študiji primera bodo uporabljene slike iz Pexels. Obstaja širok spekter spletna mesta, ki omogočajo prenos slik brez licenčnin .



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

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





Nato izrežemo teme, jih povečamo in dodamo nekaj rekvizitov in besedila. Če niste prepričani, kako to storiti, ali ste se malo zataknili, bi vam naš vodnik po osnovah urejanja Photoshopa lahko pomagal usmeriti v pravo smer.

Ko ste zadovoljni z urejanjem, bi morali imeti osnovni niz slik in plasti.





Priprava vaših slojev

V tem primeru želimo, da pasja šapa udari razdraženo mačko po glavi. Izberimo šapo z uporabo lasso orodje .

Ko izberete, z desno tipko miške kliknite tipkovnico in izberite Plast Via Cut . Izbor, ki je v tem primeru tačka, bo zdaj postal nova plast.

Ko govorimo o plasteh, bi morali jasno preimenovati vsako od teh. Potem boste vedeli, kaj ustreza čemu. Primer, kako to storiti, je spodaj:

Končno želite, da se mačka odzove, če jo pasja šapa udari v glavo. Podvojimo plast, imenovano Cat, z naslovom ena Cat_Normal in podvojena Cat_Bonked.

Za plast Cat_Bonked so bile narisane googly oči za dodaten učinek.

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

Prenesite datoteko Photoshop v After Effects

Najprej najprej: poskrbite, da bodo vaše plasti shranjene kot datoteka .PSD. Zadel Datoteka> Shrani kot . Privzeto se shrani v formatu .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 Uvoz vrste v spustnem meniju izberite Sestava - ohrani velikosti slojev .

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

Zdaj bi morali imeti novo skladbo z istim imenom kot datoteka .PSD. Dvokliknite, da ga odprete. Vsaka vaša plast iz Photoshopa je zdaj plast na časovni osi kompozicije.

Zdaj se lahko animacija začne. Začnite tako, da premaknete naslovno besedilo izven zaslona-animirano bo 'padlo' na zaslon.

koliko stane mlb tv

Premaknimo tudi naše kosmate prijatelje navzdol; postopoma se bodo premaknili v okvir, ko bo besedilo na mestu.

Če želite prihraniti čas, pritisnite Plast> Novo> Ničelni predmet in vanj nadgradite plasti Dog, Dog Paw, Cat_Normal in Cat_Bonk.

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

Uokvirimo gibanje na dnu kompozicije pri kadru 0 in postopoma naraščajmo v petih sekundah.

Ne pozabite, da lahko ključnim okvirjem dodate Gibanje parametre s klikom na Štoparica tudi ikone.

Nato animirajmo pasjo šapo in mačjo reakcijo.

V Preoblikovati atribute plasti šape psa, nastavite Sidrna točka do dna pasje noge. S tem boste zagotovili, da se vsaka rotacija, ki jo oživite, zasuka okoli te točke, kjer bi seveda bil sklep kosti.

Nato lahko, odvisno od tega, kako želite, da izgleda vrtenje pasje tace in dodate izraz z zanko, ali uporabite Wiggle - rotacija učinek za ustvarjanje niza naključnih gibov.

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

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

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

Čeprav je to težje prikazati brez video primera, ste lahko prepričani, da pasja šapa mačka navdušuje z veseljem.

Skupaj uporabljamo Photoshop in After Effects

To je bil hiter opis, 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 zapletene večplastne datoteke, ki jih je mogoče animirati v After Effects.

Ta hitra vaja vam mora dati razumevanje, kako lahko oba programa združita skupaj, da ustvarite čudovito vsebino. In ne pozabite, da je ta postopek potekal v dveh dimenzijah, da bi bile stvari preproste, vendar bodite prepričani, da lahko sloje Photoshopa tudi animirate s 3D gibanjem.

Deliti Deliti Cvrkutati E-naslov Vnesite tretjo dimenzijo: Delo s 3D -tokovi dela v programu Adobe After Effects

Če želite delati s 3D plastmi 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(20 objavljenih člankov)

Laurie je video urednica in pisateljica, ki je delala za televizijsko oddajo in film. Ž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, ocene, brezplačne e -knjige in ekskluzivne ponudbe!

Kliknite tukaj, če se želite naročiti