Paano I-save ang Mga Larawan para sa Web sa Photoshop

Ang isa sa mga mas kritikal na function na nag-aalok ng Photoshop ay ang tampok na I- save para sa Web / Device .

Bakit ginagamit ito? Habang maaari mong i-save ang iyong file sa karaniwang paraan, tulad ng File / Save As , ang tampok na I-save para sa Web / Device ay mahalaga sa tatlong bagay.

Ang tool na ito ay gumagana mahusay para sa outputting Twitter icon, Facebook profile pics, mga file ng produkto, mga larawan sa blog at source file para sa favicons.

  • 01 - Buksan ang iyong Source File

    File / Open Photoshop. Screenshot ni Bryan Haines

    Upang makapagsimula, kakailanganin mong pumunta sa File / Open upang buksan ang iyong file. Maaari itong maging sa anumang format - jpg, gif, psd, png o iba pa. Hangga't maaari itong buksan ng Photoshop, maaari mong output ito para sa web.

  • 02 - Pag-save ng iyong File para sa Web

    File I-save ang Photoshop CS5. Screenshot ni Bryan Haines

    Pupunta kami upang lumaktaw sa pag-save para sa Web, sa pag-aakala na ginawa mo ang anumang mga pagsasaayos na kailangan mo. Malinaw, kung kailangan mong i-edit ang imahe, gawin muna ito at magpatuloy sa hakbang na ito sa ibang pagkakataon.

    Pumunta sa File / Save for Web / Devices at i-click. Ito ay tungkol sa kalahati na paraan sa drop down na menu.

    Ang prosesong ito ay hindi nagbabago sa iyong orihinal na file. Lumilikha ka ng isang bagong file. Sa sandaling makumpleto mo ang tutorial na ito at bumalik sa iyong orihinal na imahe sa Photoshop kakailanganin mong i-save ang file na iyon kung gumawa ka ng anumang mga pagbabago dito. Mahalaga na pangalanan ang iyong bagong larawan nang iba kaysa sa iyong orihinal na pangalan. Kadalasan ang pagdaragdag ng _web sa pangalan ng file ay gagana nang maayos. (halimbawa: filename_web.jpg)

  • 03 - Ayusin ang Paghahambing ng Pagtingin sa 2-Up

    Side by Side Paghahambing Photoshop CS5. Screenshot ni Bryan Haines

    Depende sa iyong mga setting, maaaring kailanganin mong ayusin ang view dito. Ang nais mo ay isang kaliwa at kanang paghahambing ng iyong larawan. Ang kaliwang bahagi ay magpapakita ng orihinal, ang karapatan ay magpapakita ng kalidad ng imahe sa kasalukuyang mga setting.

    Kung titingnan mo ang tuktok ng window, makikita mo ang mga sumusunod na pagpipilian: Orihinal, Na-optimize, 2-Up, 4-Up. Para sa karamihan ng mga layunin, 2-Up ay kung ano ang gusto mo.

  • 04 - Itakda ang iyong laki ng panonood sa 100%

    Pagsasaayos ng view sa 100% sa Photoshop CS5. Screenshot ni Bryan Haines

    Upang matiyak na tinitingnan mo sa 100% suriin ang pagpipilian sa ibabang kaliwang sulok ng screen.

    Mahalagang tandaan na kung titingnan mo ang iyong imahe ng mas mataas kaysa sa 100% magiging ganito ang mabulaklakin o marahil ay hindi maipahahayag. Laging gumana sa larawan sa 100%.

  • 05 - Piliin ang Mga Sukat ng File

    Pagpili ng Mga Sukat ng File sa Photoshop CS5. Screenshot ni Bryan Haines

    Ang mga sukat para sa web ay halos palaging nasa pixel (px). Mahalaga na panatilihing tama ang mga proporsyon. Sa tabi ng kahon ng imahe ay isang maliit na imahe ng isang chain link. Ang ginagawa nito ay ang laki ng lapad kapag inayos mo ang taas. Halimbawa, ang isang imahe na 600px ng 400px. Kung bawasan mo ang lapad sa 300px, ang file ay awtomatikong sukatan sa taas na 200px. Kung ito ay walang check ang imahe ay nasira.

    Mayroon ka ring pagpipilian upang sukatin ang imahe sa pamamagitan ng mga porsyento.

  • 06 - Pinili ang Uri ng File para sa I-export

    Pagpili ng Uri ng File para sa I-export sa Photoshop CS5. Screenshot ni Bryan Haines

    Sa pagpipiliang ito, ang uri ng orihinal na file ay hindi mahalaga. Maaari kang pumili ng anumang file na kailangan mo.

    Tandaan: upang simulan ang proseso kailangan mong mag-click sa larawan sa kanan. Ang imahe ay kailangang mapili upang maproseso.

    Ang pinaka-karaniwan ay jpg para sa web - ito ang pinakamaliit na format ng file na nangangahulugang mas mabilis itong nagda-download para sa iyong mga bisita sa site. Kung pinili mo ang transparency png-24. Kung hindi mo alam kung ano ang ibig sabihin ng transparency dapat mong piliin ang jpg.

  • 07 - Pumili ng Marka ng Imahe

    Pumili ng Marka ng Imahe sa Photoshop CS5. Screenshot ni Bryan Haines

    Ang bawat isa sa tatlong mga pagpipilian sa jpg (Mataas, Katamtaman, Mababa) ay may mga preset na mga setting ng kalidad - na lahat ay maaaring manu-manong nababagay. Kung ikaw ay tumitingin sa 100% maaari kang magpasya kung anong kalidad ang kailangan mo. Upang ayusin ang antas ng pag-zoom, tingnan ang Hakbang 5. Ang imahe ay makikita ang parehong online tulad ng ginagawa nito sa window ng preview.

    Kung pinili mo ang anumang bagay maliban sa jpg maaari mong laktawan ang hakbang na ito.

  • 08 - I-save ang iyong File

    I-save ang iyong File sa Photoshop CS5. Screenshot ni Bryan Haines

    Sa sandaling nakagawa ka ng mga kinakailangang pagsasaayos ay handa ka nang i-save ang file. I-click ang "I-save" at pinili ang folder at pangalan ng file na gusto mo para sa bagong larawan na ito.

    Binabati kita! Ang iyong bagong file ay handa na magamit online.