Paano Gumamit ng Photoshop at Pagkatapos ng Mga Epekto upang Lumikha ng Mga Animated na Grapiko

Paano Gumamit ng Photoshop at Pagkatapos ng Mga Epekto upang Lumikha ng Mga Animated na Grapiko

Pinapayagan ka ng software ng Adobe na ilipat ang mga daloy ng trabaho at mga assets mula sa isang programa patungo sa isa pa. Habang ang mas karaniwang paggamit ng cross-working na ito ay sa pamamagitan ng Adobe Dynamic Link sa pagitan ng Premiere Pro at After Effects, sinusuportahan din ng After Effects ang mga layered Photoshop file.





Ito ay mahalaga dahil ang After Effects ay hindi gaanong nakatuon sa disenyo at pagmamanipula ng imahe. Kaya, sa pamamagitan ng pag-import ng mga ito sa pamamagitan ng Photoshop, maaari mong iayos ang mga layer ng iyong animated na graphics bago mag-animate.





Sa artikulong ito, ipapakita namin sa iyo kung paano kumuha ng maraming mga larawan sa Photoshop, manipulahin at ihanda ang mga ito sa mga layer, at pagkatapos ay i-import ang mga ito sa After Effects para sa animating.





kung paano makita ang iyong mga gusto sa puno ng ubas

Paghahanda ng Iyong Larawan Sa Photoshop

Magsimula tayo sa pamamagitan ng paghahanap ng mga larawan para sa huling animated na graphic.

Para sa iyong sariling proyekto, maaari mong gamitin ang anumang nais mo. Ngunit sa kasong ito sa pag-aaral, gagamitin ang mga imahe mula sa Pexels. Mayroong isang malawak na hanay ng mga website na nagpapahintulot sa iyo na mag-download ng koleksyon ng imahe na walang royalty .



Kapag nahanap mo na ang mga larawan na gusto mo, lumikha ng isang bagong imahe sa Photoshop. Sa isip, nais mo ang mga sukat ng iyong Photoshop file upang tumugma sa iyong output ng video. Kaya, kung gumagawa ka ng isang animasyon sa HD, gugustuhin mong ang mga sukat ng canvas ay maging 1,920 mga pixel ang lapad ng 1,080 mga pixel ang taas.

Kapag nakuha mo na ang iyong HD canvas, dalhin ang na-download na koleksyon ng imahe. Sa halimbawang ito, naidagdag na ang mga pangunahing imahe.





Susunod, gupitin natin ang mga paksa, sukatin ang mga ito, at magdagdag ng ilang mga props at teksto. Kung hindi ka sigurado kung paano ito gawin, o hanapin ang iyong sarili na medyo natigil, ang aming gabay sa mga pangunahing kaalaman sa pag-edit ng Photoshop ay dapat makatulong na ituro ka sa tamang direksyon.

Kapag nasisiyahan ka sa iyong pag-edit, dapat ay mayroon kang isang batayang hanay ng mga imahe at mga layer.





Paghahanda ng Iyong Mga Layer

Sa halimbawang ito, nais naming matamaan ng paa ng aso ang inis na pusa sa ulo. Piliin natin ang paa sa pamamagitan ng paggamit ng tool ng lasso .

Kapag napili, mag-right click sa iyong keyboard at pumili Layer Via Cut . Ang pagpipilian, na sa kasong ito ay ang paa, ay magiging isang bagong layer.

Nagsasalita ng mga layer, dapat mong palitan ang pangalan ng bawat isa sa mga ito. Pagkatapos, malalaman mo kung ano ang tumutugma sa kung ano. Ang isang halimbawa ng kung paano ito gawin ay nasa ibaba:

Sa wakas, nais mong umaksyon ang pusa sa tama ng paa ng aso sa ulo. Doblehin natin ang layer na tinatawag na Cat, titling isang Cat_Normal, at ang duplicate na Cat_Bonked.

Para sa layer ng Cat_Bonked, ang mga mata na googly ay iginuhit upang magdagdag ng labis na epekto.

Kaya, ngayon mayroon kang lahat ng mga elemento ng iyong graphic. Siguraduhin na ang iyong mga layer ay may label at lahat ay kung saan mo nais ito. Pagkatapos, oras na upang magsimulang mag-animate sa After Effects.

Pagdadala ng Iyong Photoshop File Sa Pagkatapos ng Mga Epekto

Una ang una: kailangan mong tiyakin na ang iyong mga layer ay nai-save bilang isang .PSD file. Hit File> I-save Bilang . Bilang default, makatipid ito sa format na .PSD. Ganito ito mai-import sa After Effects mula sa Photoshop.

Sa halimbawang ito, tatawagin ang file na Dog_Cat_Animation.PSD.

Susunod, buksan Pagkatapos ng Mga Epekto. Hit File> I-import> File . Mag-navigate sa iyong bagong file na .PSD, kung saan makikita mo ang isang kahon ng dayalogo. Nasa Mag-import ng Mabait dropdown menu, piliin ang Komposisyon - Panatilihin ang Mga Laki ng Layer .

I-a-import nito ang lahat ng mga indibidwal na layer ng iyong Photoshop file, habang pinapanatili ang mga sukat na naaayon sa mga sukat (kaya't bakit ka pumili ng isang resolusyon ng HD sa simula). Hit OK lang .

Dapat ay mayroon ka ng isang bagong komposisyon na may parehong pangalan tulad ng iyong .PSD file. I-double click upang buksan ito. Ang bawat isa sa iyong mga layer mula sa Photoshop ay isang layer na ngayon sa iyong timeline ng komposisyon.

Ngayon, ang animating ay maaaring magsimula. Magsimula sa pamamagitan ng paglipat ng pamagat ng teksto ng pamagat --- ito ay magiging animated upang 'mahulog' sa screen.

kung paano mag-download ng homebrew sa wii

Ilipat din natin ang ating mga mabalahibong kaibigan; sila ay unti-unting lilipat sa frame habang ang teksto ay nahuhulog sa lugar.

Upang makatipid ng oras, pindutin Layer> Bago> Null Object , at isama ang mga layer ng Aso, Dog Paw, Cat_Normal, at Cat_Bonk dito.

Ngayon, ang anumang galaw na inilalapat mo sa null object ay nalalapat sa lahat ng ito.

Keyframe natin ang paggalaw sa ilalim ng komposisyon sa frame 0, at magkaroon ng isang unti-unting pagtaas sa loob ng limang segundo.

Huwag kalimutan na maaari kang magdagdag ng mga keyframe sa Paggalaw mga parameter sa pamamagitan ng pag-click sa Stopwatch mga icon din.

Susunod, buhayin natin ang paa ng aso at reaksyon ng pusa.

Nasa Magbago mga katangian ng layer ng paw ng aso, itakda ang Anchor Point sa ilalim ng binti ng aso. Ang paggawa nito ay titiyakin na ang anumang pag-ikot ay binubuhay mo ang mga pivot sa paligid ng puntong iyon, kung saan natural na magkakasama ang magkasanib na buto.

Susunod, depende sa kung paano mo ito nais na hitsura, maaari mong alinman sa keyframe ang pag-ikot ng paa ng aso at magdagdag ng isang looping expression, o gamitin ang Mag-wiggle - Pag-ikot epekto upang lumikha ng isang hanay ng mga randomized na paggalaw.

Maaari kang makahanap ng iba't ibang mga epekto sa Mga Epekto at Preset panel I-drag at i-drop ito sa layer upang mag-apply, at ayusin ang mga parameter upang matukoy ang bilis at pag-ikot ng halaga ng layer.

Sa wakas, likhain ang epekto ng pusa na tinamaan ng paa ng aso sa pamamagitan ng paggupit sa pagitan ng dalawang mga frame na inihanda namin kanina, upang lumikha ng ilusyon ng paggalaw.

I-animate ang teksto at narito na, mayroon kang iyong animated na graphic! Ngayon ay maaari mo itong gamitin saan mo man gusto.

Kahit na mas mahirap ipakita ito nang walang halimbawa ng video, makakasiguro ka na ang paa ng aso ay hinahampas ang pusa sa tuwa.

Paggamit ng Photoshop at Pagkatapos ng Mga Epekto na Magkasama

Ito ay isang mabilis na run-through kung paano lumikha ng isang layered na imahe sa Adobe Photoshop at sa paglaon ay buhayin ang mga indibidwal na layer at elemento sa After Effects. Bagaman ang pag-aaral ng kaso na tiningnan ay pangunahing, maaari mong gamitin ang parehong mga hakbang upang lumikha ng mga kumplikadong layered file na maaaring animated sa After Effects.

Ang mabilis na ehersisyo na ito ay dapat magbigay sa iyo ng isang pag-unawa sa kung paano maaaring pagsamahin ang dalawang mga programa upang lumikha ng ilang kahanga-hangang nilalaman. At huwag kalimutan na ang prosesong ito ay naganap sa dalawang sukat upang mapanatili ang mga bagay na simple, ngunit sigurado ka na maaari mo ring buhayin ang mga layer ng Photoshop na may paggalaw ng 3D.

Magbahagi Magbahagi Mag-tweet Email Ipasok ang Pangatlong Dimensyon: Paggawa Sa Mga 3D na daloy ng trabaho sa Adobe Pagkatapos ng Mga Epekto

Kung nais mong gumana sa mga 3D layer sa Adobe After Effects, ipapakita namin sa iyo kung paano magsimula.

Basahin Susunod
Mga Kaugnay na Paksa
  • Malikhain
  • Animasyon sa Computer
  • Adobe Photoshop
  • Disenyo ng grapiko
Tungkol sa May-akda Laurie Jones(20 Artikulo Nai-publish)

Si Laurie ay isang editor ng video at manunulat, na nagtrabaho para sa pag-broadcast ng telebisyon at pelikula. Nakatira siya sa South West England.

Higit pa Mula kay Laurie Jones

Mag-subscribe sa aming newsletter

Sumali sa aming newsletter para sa mga tip sa tech, pagsusuri, libreng ebook, at eksklusibong deal!

Mag-click dito upang mag-subscribe