Animated na GIF sa Photoshop CS5

Ang Adobe Photoshop CS5 ay isang malakas na programa sa pag-edit ng imahe na maaari mong gamitin upang lumikha o mag-edit ng halos anumang uri ng imahe na maaaring kailanganin mo. Ang Photoshop CS5 ay partikular na sanay, gayunpaman, sa paglikha ng mga imahe na nilalayong ilagay online, tulad ng isang imahe na maaari mong ilagay sa iyong website, o na maaaring gusto mong ibahagi sa iyong mga kaibigan. Ang isang tanyag na pagpipilian ng imahe ay isang animated na GIF, dahil ito ay simpleng gawin, may paggalaw, ngunit maaaring mai-post tulad ng isang regular na static na imahe. Nagtatampok ang Photoshop ng ilang kapaki-pakinabang na tool na nagbibigay-daan sa iyong lumikha ng isang animated na GIF sa Photoshop CS5, at maaari mo ring i-customize ang iyong animated na GIF sa Photoshop CS5 upang sumunod sa mga detalyeng kailangan mo.

Inihahanda ang Mga Frame para sa Iyong Animated na GIF sa Photoshop CS5

Ang isang animated na GIF sa Photoshop CS5 ay aktwal na limang magkahiwalay na mga imahe na iyong aayusin bilang mga layer. Ang bawat layer ay kakatawan ng isang frame ng iyong larawan, kaya ang bawat frame ay kailangang bahagyang naiiba upang makatulong na ipahiwatig na mayroong isang aksyon o paggalaw na nagaganap sa iyong animated na GIF. Para sa mga layunin ng tutorial na ito, gagawa ako ng animated na GIF sa Photoshop CS5 ng isang bituin na gumagalaw sa isang itim na background. Ang animated na GIF ay bubuo ng limang magkakaibang mga frame, kung saan ang bituin ay nasa isang bahagyang naiibang lokasyon sa bawat frame. Ang hiwalay na mga larawan ay ganito ang hitsura:

Para sa kapakanan ng pagiging simple, nilagyan ko ng label ang mga larawan bilang 1.gif, 2.gif, 3.gif, 4.gif at 5.gif, na makakatulong sa akin na matandaan ang pagkakasunud-sunod kung saan gusto kong ipakita ang mga ito. Magkapareho ang laki ng bawat larawan, 100×100 pixels.

Upang simulan ang paggawa ng isang animated na GIF sa Photoshop CS5, maaari mo na ngayong ilunsad ang Photoshop, i-click file sa itaas ng window, i-click Bago, pagkatapos ay itakda ang laki para sa iyong larawan. Kapag naitakda na ang iyong mga parameter ng larawan, i-click ang OK button para gawin ang iyong blangkong canvas.

Ang susunod na gagawin ay buksan ang folder na naglalaman ng mga larawan na iyong isasama sa iyong animated na GIF sa Photoshop CS5. Tandaan na binubuksan mo ang folder sa Windows Explorer, HINDI gamit ang Bukas utos sa Photoshop. Ang Windows Explorer ay ang program na ginagamit mo upang mag-browse sa mga folder at file sa iyong computer, at maaari mo itong ilunsad sa pamamagitan ng pag-click sa icon ng folder sa taskbar sa ibaba ng screen ng iyong computer. Kapag ang folder na naglalaman ng iyong mga larawan ay bukas, pindutin nang matagal ang CTrl key sa iyong keyboard upang piliin ang lahat ng mga larawan pagkatapos ay i-drag ang mga ito sa Photoshop CS5 canvas.

Papalitan nito ang iyong canvas upang ipakita ang isa sa iyong mga frame na may X sa ibabaw nito, tulad ng sa larawang ito:

Kapag nakita mo ito, pindutin ang Pumasok sa iyong keyboard upang ipasok ang bawat larawan bilang isang layer sa Photoshop. Kapag naidagdag na ang lahat ng mga larawan, ang iyong Mga layer Ang window sa kanang bahagi ng Photoshop ay dapat magmukhang ganito.

Tandaan na ang larawang gusto mong ipakita bilang huling frame ng iyong animated na GIF ay dapat ang pinakamataas na layer. Kung ang iyong mga layer ay nasa maling pagkakasunud-sunod, maaari mo lamang i-drag ang mga ito sa loob ng Mga layer window hanggang sa sila ay nasa tamang pagkakasunod-sunod.

Ngayon ay kailangan mong buksan ang Animasyon window, na maaari mong gawin sa pamamagitan ng pag-click sa Bintana menu sa tuktok ng Photoshop, pagkatapos ay i-click ang Animasyon opsyon. Ang Animasyon magbubukas ang window bilang pahalang na window sa ibaba ng Photoshop.

I-click ang button sa kanang sulok sa itaas ng Animasyon window (ang button ay mukhang isang arrow na nakaharap pababa sa tabi ng 4 na pahalang na linya), pagkatapos ay i-click ang Gumawa ng mga Frame mula sa Mga Layer opsyon.

I-click ang pababang nakaharap na arrow sa kanan ng 0 seg at sa ilalim ng isa sa iyong mga frame sa Animasyon window, pagkatapos ay piliin kung gaano katagal mo gustong ipakita ang frame na iyon sa iyong animated na GIF. Ulitin ang hakbang na ito para sa bawat frame ng iyong larawan. Gusto kong pumili 1.0 para sa tagal ng mga frame sa maraming animated na GIF sa Photoshop CS5, ngunit mag-eksperimento sa iba't ibang tagal hanggang sa mahanap mo ang isa na pinakamahusay na gumagana para sa iyo.

Maaari mo ring tukuyin kung ilang beses dapat umikot ang animated na GIF sa lahat ng mga frame nito sa pamamagitan ng pag-click sa Magpakailanman drop-down na menu sa ibaba ng Animasyon bintana. Gumagamit ako Magpakailanman bilang opsyon para sa animated na GIF sa dulo ng artikulong ito, na nangangahulugan na ang animated na GIF ay patuloy na iikot hanggang sa umalis ka sa pahinang ito.

Tapos ka na sa paglikha ng iyong animated GIF sa Photoshop CS5 ngayon, kaya kailangan mong i-save ito. I-click file sa tuktok ng window, pagkatapos ay i-click I-save para sa Web at Mga Device. I-click ang drop-down na menu sa kanang sulok sa itaas ng window upang piliin ang GIF opsyon, pagkatapos ay i-click ang I-save button sa ibaba ng window.

Mag-type ng pangalan para sa iyong file sa Pangalan ng File field, pagkatapos ay i-click ang I-save pindutan. Pagkatapos ay maaari mong i-double click ang nilikhang larawan sa iyong folder upang ilunsad ang animated na GIF at makita kung ano ang iyong nilikha. Nasa ibaba ang aking halimbawa ng animated na GIF sa larawan ng Photoshop CS5.