Kā izmantot Photoshop un After Effects, lai izveidotu animētu grafiku

Kā izmantot Photoshop un After Effects, lai izveidotu animētu grafiku

Adobe programmatūra ļauj pārsūtīt darbplūsmas un līdzekļus no vienas programmas uz citu. Lai gan šo savstarpējo darbu biežāk izmanto, izmantojot Adobe Dynamic Link starp Premiere Pro un After Effects, After Effects atbalsta arī slāņveida Photoshop failus.





Tas ir svarīgi, jo After Effects mazāk koncentrējas uz dizainu un attēlu manipulācijām. Tātad, importējot tos, izmantojot Photoshop, pirms animācijas varat uzlabot savus animētās grafikas slāņus.





Šajā rakstā mēs parādīsim, kā uzņemt vairākus fotoattēlus Photoshop, manipulēt un sagatavot tos slāņos un pēc tam importēt tos After Effects animācijai.





hisense roku TV tālvadības pults nedarbojas

Attēlu sagatavošana Photoshop

Sāksim, atrodot attēlus pēdējai animētai grafikai.

Savam projektam varat izmantot visu, ko vēlaties. Bet šajā gadījumu izpētē tiks izmantoti Pexels attēli. Ir plašs klāsts vietnes, kas ļauj lejupielādēt bez atlīdzības attēlus .



Kad esat atradis vajadzīgos attēlus, izveidojiet jaunu attēlu Photoshop. Ideālā gadījumā vēlaties, lai Photoshop faila izmēri atbilstu jūsu video izvadam. Tātad, ja veidojat animāciju HD formātā, vēlaties, lai audekla izmēri būtu 1920 pikseļi un 1080 pikseļi.

Kad esat ielādējis HD audeklu, pievienojiet lejupielādētos attēlus. Šajā piemērā pamata attēli jau ir pievienoti.





Tālāk izgriezīsim priekšmetus, mērogosim tos un pievienosim dažus rekvizītus un tekstu. Ja neesat pārliecināts, kā to izdarīt, vai arī esat nedaudz iestrēdzis, mūsu ceļvedim par Photoshop rediģēšanas pamatiem vajadzētu palīdzēt norādīt pareizajā virzienā.

Kad esat apmierināts ar rediģēšanu, jums vajadzētu izveidot attēlu un slāņu bāzes komplektu.





Jūsu slāņu sagatavošana

Šajā piemērā mēs vēlamies, lai suņa ķepa trāpītu uzbudinātam kaķim pa galvu. Atlasīsim ķepu, izmantojot laso rīks .

Kad tas ir atlasīts, ar peles labo pogu noklikšķiniet uz tastatūras un izvēlieties Slānis caur griezumu . Atlase, kas šajā gadījumā ir ķepa, tagad kļūs par jaunu slāni.

Runājot par slāņiem, jums vajadzētu skaidri pārdēvēt katru no tiem. Tad jūs zināt, kas atbilst tam. Tālāk ir sniegts piemērs, kā to izdarīt.

Visbeidzot, jūs vēlaties, lai kaķis reaģētu uz sitienu pa galvu ar suņa ķepu. Dublēsim slāni ar nosaukumu Cat, nosaucot vienu Cat_Normal un Cat_Bonked dublikātu.

Cat_Bonked slānim ir pievienotas googly acis, lai pievienotu papildu efektu.

Tātad, tagad jums ir visi grafikas elementi. Pārliecinieties, ka jūsu slāņi ir marķēti un viss ir tur, kur vēlaties. Tad ir pienācis laiks sākt animēt After Effects.

Photoshop faila pārvēršana par efektiem

Pirmā lieta: jums jāpārliecinās, ka slāņi ir saglabāti kā .PSD fails. Sist Fails> Saglabāt kā . Pēc noklusējuma tas tiks saglabāts .PSD formātā. Tādā veidā tas pēc tam tiek importēts no Photoshop After Effects.

Šajā piemērā faila nosaukums būs Dog_Cat_Animation.PSD.

Pēc tam atveriet After Effects. Sist Fails> Importēt> Fails . Pārejiet uz savu jauno .PSD failu, kur jūs redzēsit dialoglodziņu. Iekš Importēt veidu nolaižamajā izvēlnē, izvēlieties Sastāvs - saglabājiet slāņu izmērus .

Tādējādi tiks importēti visi jūsu Photoshop faila atsevišķi slāņi, vienlaikus saglabājot izmērus atbilstoši izmēriem (tāpēc sākumā izvēlējāties HD izšķirtspēju). Sist labi .

Tagad jums vajadzētu izveidot jaunu kompozīciju ar tādu pašu nosaukumu kā jūsu .PSD failam. Veiciet dubultklikšķi, lai to atvērtu. Katrs jūsu Photoshop slānis tagad ir slānis jūsu kompozīcijas laika skalā.

Tagad var sākties animācija. Sāciet, pārvietojot virsraksta tekstu ārpus ekrāna-tas tiks animēts, lai ekrānā nokristu.

kā savienot snes ar hdtv

Pārbīdīsim arī pūkainos draugus uz leju; viņi pakāpeniski pāriet rāmī, kad teksts nokrīt vietā.

Lai ietaupītu laiku, nospiediet Slānis> Jauns> Nulles objekts , un ievietojiet tajā slāņus Suns, Suņa ķepa, Cat_Normal un Cat_Bonk.

Tagad visas kustības, ko pielietojat nulles objektam, tiks piemērotas visām šīm kustībām.

Iezīmēsim kustību kompozīcijas apakšā pie kadra 0 un pakāpeniski palielināsim piecu sekunžu laikā.

Neaizmirstiet, ka varat pievienot atslēgas kadrus Kustība parametrus, noklikšķinot uz Hronometrs arī ikonas.

Tālāk animēsim suņa ķepu un kaķa reakciju.

Iekš Pārveidot suņa ķepas slāņa atribūtus, iestatiet Enkura punkts līdz suņa kājas apakšai. To darot, jūs nodrošināsit, ka jebkura jūsu veiktā rotācija griežas ap šo punktu, kur, protams, atrodas kaula locītava.

Pēc tam, atkarībā no tā, kā vēlaties to izskatīties, varat vai nu atslēgt kadra rotāciju suņa ķepā, gan pievienot cilpas izteiksmi, vai izmantot Wiggle - rotācija efektu, lai izveidotu nejaušinātu kustību kopumu.

Vietnē varat atrast dažādus efektus Efekti un iestatījumi panelis. Velciet un nometiet to uz slāņa, lai to lietotu, un pielāgojiet parametrus, lai noteiktu slāņa ātrumu un rotācijas apjomu.

Visbeidzot, radiet efektu, kad kaķi skar suņa ķepa, iegriežot starp diviem iepriekš sagatavotajiem rāmjiem, lai radītu kustības ilūziju.

Animējiet tekstu, un tur tas ir, jums ir animēta grafika! Tagad jūs to varat izmantot, kur vien vēlaties.

Lai gan bez video piemēra to ir grūtāk demonstrēt, varat būt drošs, ka suņa ķepa pārsteidz kaķi ar prieku.

Photoshop un After Effects izmantošana kopā

Tas bija ātrs pārskats par to, kā izveidot slāņainu attēlu programmā Adobe Photoshop un vēlāk animēt atsevišķus slāņus un elementus vietnē After Effects. Lai gan apskatītais gadījuma pētījums bija vienkāršs, varat izmantot tās pašas darbības, lai izveidotu sarežģītus slāņveida failus, kurus var animēt sadaļā After Effects.

Šim ātrajam vingrinājumam vajadzētu sniegt jums izpratni par to, kā abas programmas var apvienot kopā, lai izveidotu satriecošu saturu. Un neaizmirstiet, ka šis process ir noticis divās dimensijās, lai viss būtu vienkāršs, taču esiet droši, ka varat arī animēt Photoshop slāņus ar 3D kustību.

Kopīgot Kopīgot Čivināt E -pasts Ievadiet trešo dimensiju: ​​Darbs ar 3D darbplūsmām programmā Adobe After Effects

Ja vēlaties strādāt ar 3D slāņiem programmā Adobe After Effects, mēs parādīsim, kā sākt darbu.

Lasīt Tālāk
Saistītās tēmas
  • Radošs
  • Datoru animācija
  • Adobe Photoshop
  • Grafiskais dizains
Par autoru Lorija Džonsa(Publicēti 20 raksti)

Lorija ir video redaktore un rakstniece, strādājusi televīzijā un filmās. Viņš dzīvo Anglijas dienvidrietumos.

Vairāk no Lorijas Džounsa

Abonējiet mūsu biļetenu

Pievienojieties mūsu informatīvajam izdevumam, lai iegūtu tehniskus padomus, pārskatus, bezmaksas e -grāmatas un ekskluzīvus piedāvājumus!

Noklikšķiniet šeit, lai abonētu