Lumikha ng isang simpleng animation sa Photoshop

Pin
Send
Share
Send


Ang Photoshop ay isang editor ng imahe ng raster at hindi masyadong angkop para sa paglikha ng mga animation. Gayunpaman, ang programa ay nagbibigay ng tulad ng isang function.

Sasabihin sa iyo ng artikulong ito kung paano gumawa ng mga animation sa Photoshop CS6.

Ang animation ay nilikha sa Timelinena matatagpuan sa ilalim ng interface ng programa.

Kung wala kang scale, maaari mong tawagan ito gamit ang menu "Window".

Ang scale ay nabawasan sa pamamagitan ng pag-right-click sa heading ng window at pagpili ng naaangkop na item sa menu ng konteksto.

Kaya, nakilala namin sa timeline, ngayon maaari kang lumikha ng mga animation.

Para sa animation, inihanda ko ang imaheng ito:

Ito ang logo ng aming site at ang inskripsyon na matatagpuan sa iba't ibang mga layer. Ang mga istilo na inilalapat sa mga layer, ngunit hindi ito nalalapat sa aralin.

Buksan ang timeline at pindutin ang pindutan gamit ang inskripsyon Lumikha ng Timeline para sa Videona matatagpuan sa gitna.

Nakita namin ang sumusunod:

Ito ay pareho ng aming mga layer (maliban sa background) na nakalagay sa Timeline.

Inilayan ko ang maayos na hitsura ng logo at ang hitsura ng inskripsyon mula kanan hanggang kaliwa.

Alagaan natin ang logo.

Nag-click kami sa tatsulok sa layer ng logo upang buksan ang mga katangian ng track.

Pagkatapos ay nag-click kami sa stopwatch malapit sa salita "Hindi kinikilala.". Ang isang keyframe o simpleng "key" ay lilitaw sa scale.

Para sa key na ito, kailangan nating itakda ang estado ng layer. Tulad ng napagpasyahan na namin, ang logo ay lilitaw nang maayos, kaya pumunta sa mga paleta ng layer at alisin ang opacity ng layer sa zero.

Susunod, ilipat ang slider sa scale ng ilang mga frame sa kanan at lumikha ng isa pang opacity key.

Muli, pumunta sa paleta ng mga layer at sa oras na ito taasan ang opacity sa 100%.

Ngayon, kung ililipat mo ang slider, maaari mong makita ang epekto ng hitsura.

Nalaman namin ang logo.

Para lumitaw ang teksto mula kaliwa hanggang kanan, kailangan mong manloko nang kaunti.

Lumikha ng isang bagong layer sa paleta ng mga layer at punan ito ng puti.

Pagkatapos tool "Ilipat" ilipat ang layer upang ang kaliwang gilid nito ay nasa simula ng teksto.

Ilipat ang track gamit ang puting layer sa simula ng scale.

Pagkatapos ay ilipat namin ang slider sa scale sa huling key frame, at pagkatapos ay kaunti pa sa kanan.

Buksan ang mga katangian ng track na may isang puting layer (tatsulok).

Mag-click sa stopwatch sa tabi ng salita "Posisyon"paglikha ng isang susi. Ito ang magiging panimulang posisyon ng layer.

Pagkatapos ilipat ang slider sa kanan at lumikha ng isa pang susi.

Ngayon kunin ang tool "Ilipat" at ilipat ang layer sa kanan hanggang sa magbukas ang lahat ng teksto.

Ilipat ang slider upang suriin kung nilikha ang animation.

Upang makagawa ng isang gif sa Photoshop, kailangan mong gumawa ng isa pang hakbang - pag-trim ng clip.

Pumunta kami sa pinakadulo ng mga track, kumuha ng gilid ng isa sa kanila at hilahin sa kaliwa.

Uulitin namin ang parehong pagkilos sa iba, pagkamit ng humigit-kumulang sa parehong estado tulad ng sa screenshot sa ibaba.

Maaari mong i-click ang icon ng pag-play upang matingnan ang clip sa normal na bilis.

Kung ang bilis ng animation ay hindi angkop sa iyo, pagkatapos maaari mong ilipat ang mga susi at dagdagan ang haba ng mga track. Aking scale:

Handa na ang animation, ngayon kailangan itong mai-save.

Pumunta sa menu File at hanapin ang item I-save para sa Web.

Sa mga setting, piliin ang GIF at sa mga parameter ng mga pag-uulit na itinakda namin "Patuloy".

Pagkatapos ay mag-click I-save, pumili ng isang lugar upang i-save, magbigay ng isang pangalan sa file at mag-click muli I-save.

Mga file GIF mapaglalaruan lamang sa mga browser o dalubhasang mga programa. Ang mga karaniwang manonood ng imahe ay hindi naglalaro ng mga animation.

Sa wakas makita kung ano ang nangyari.

Narito ang tulad ng isang simpleng animation. Alam ng Diyos kung ano, ngunit upang makilala ang pagpapaandar na ito ay lubos na angkop.

Pin
Send
Share
Send