Lumikha ng isang simpleng animation sa Photoshop


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 gayong function.

Ipapaliwanag ng artikulong ito kung paano gumawa ng animation sa Photoshop CS6.

Lumilikha ng animation Scale ng orasna matatagpuan sa ilalim ng interface ng programa.

Kung wala kang sukat, maaari mo itong tawagan gamit ang menu "Window".

Ang scale ay nabagsak sa pamamagitan ng pag-right-click sa takip ng bintana at pagpili sa naaangkop na item sa menu ng konteksto.

Kaya, sa timeline na aming nakilala, maaari mo na ngayong lumikha ng isang animation.

Para sa animation, inihanda ko ang larawang ito:

Ito ang logo ng aming site at ang inskripsiyon, na matatagpuan sa iba't ibang mga layer. Ang mga estilo ay inilapat sa mga layer, ngunit hindi ito nalalapat sa aralin.

Buksan ang timeline at pindutin ang pindutang may label na "Gumawa ng isang timeline para sa video"na nasa gitna.

Nakita namin ang mga sumusunod:

Ang mga ito ay pareho ang aming mga layer (maliban sa background), na inilalagay sa Timeline.

Inisip ko ang makinis na hitsura ng logo at ang hitsura ng inskripsyon mula sa kanan papuntang kaliwa.

Kumuha tayo ng logo.

Mag-click sa tatsulok sa layer na may logo upang buksan ang mga katangian ng track.

Pagkatapos ay mag-click sa segundometro sa tabi ng salita "Nepros.". Ang isang pangunahing frame ay lilitaw sa laki o isang "key" lamang.

Para sa susi na ito, kailangan naming itakda ang estado ng layer. Tulad ng aming nakapagpasya, ang logo ay lilitaw nang maayos, kaya pumunta sa palette ng layer at tanggalin ang opacity ng layer sa zero.

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

Muli kaming pumunta sa palette ng layer at oras na ito ay itataas ang opacity sa 100%.

Ngayon, kung ililipat mo ang slider, makikita mo ang epekto ng hitsura.

Mula sa logo na aming naiisip.

Para sa paglitaw ng teksto mula sa kaliwa papunta sa kanan ay magkakaroon ng isang maliit na impostor.

Lumikha ng isang bagong layer sa palette ng layer at punan ito ng puti.

Pagkatapos instrumento "Paglilipat" ilipat ang layer upang ang kaliwang gilid ay bumaba sa simula ng teksto.

Ilipat ang track gamit ang puting layer sa tuktok ng sukatan.

Pagkatapos ay ilipat ang slider sa scale sa huling keyframe, at pagkatapos ay kaunti pa sa kanan.

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

Nag-click kami sa segundometro sa tabi ng salita "Posisyon"sa pamamagitan ng paglikha ng isang susi. Ito ang magiging panimulang posisyon ng layer.

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

Ngayon gawin ang tool "Paglilipat" at ilipat ang layer sa kanan hanggang mabuksan ang lahat ng teksto.

Ilipat ang slider upang suriin kung ang animation ay nilikha.

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

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

Ulitin ang parehong aksyon sa natitirang bahagi, pagkamit tungkol sa parehong kalagayan tulad ng sa screenshot sa ibaba.

Upang tingnan ang clip sa normal na bilis, maaari mong i-click ang icon ng pag-play.

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

Ang animation ay handa na, kailangan mo na ngayong i-save ito.

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

Sa mga setting, piliin ang Gif at sa mga setting ng paulit-ulit na itinakda namin "Patuloy".

Pagkatapos ay mag-click "I-save", pumili ng isang lugar upang i-save, ibigay ang file ng isang pangalan at i-click muli "I-save".

Mga file Gif Ipinakilala lamang sa mga browser o mga espesyal na programa. Ang mga karaniwang larawan ng viewer ng animation ay hindi tumutugtog.

Tapusin natin kung ano ang nangyari.

Ito ay isang simpleng animation. Alam ng Diyos na, ngunit upang pamilyar sa function na ito ay lubos na mali.

Panoorin ang video: How to Make Adobe Photoshop Like Photo Strip Effect in PowerPoint 2016 Tutorial (Setyembre 2024).