ວິທີການບັນທຶກພາບສໍາລັບເວັບໃນ Photoshop

ຫນຶ່ງໃນບັນດາຫນ້າທີ່ສໍາຄັນທີ່ Photoshop ສະເຫນີແມ່ນ Save for Web / Devices feature.

ເປັນຫຍັງຈຶ່ງໃຊ້ມັນ? ໃນຂະນະທີ່ທ່ານພຽງແຕ່ສາມາດບັນທຶກໄຟລ໌ຂອງທ່ານໃນວິທີການມາດຕະຖານເຊັ່ນ File / Save As , ການ Save for Web / Devices feature ສາມສິ່ງສໍາຄັນ.

ເຄື່ອງມືນີ້ເຮັດວຽກທີ່ດີສໍາລັບການສະແດງອອກ icon Twitter, ຮູບໂປໄຟເຟສບຸກ, ໄຟລ໌ຜະລິດຕະພັນ, ຮູບພາບ blog ແລະໄຟລ໌ແຫຼ່ງສໍາລັບ favicon.

  • 01 - ເປີດເອກະສານແຫຼ່ງຂໍ້ມູນຂອງທ່ານ

    ໄຟລ໌ / Open Photoshop. ພາບຫນ້າຈໍໂດຍ Bryan Haines

    ເພື່ອເລີ່ມຕົ້ນ, ທ່ານຈໍາເປັນຕ້ອງໄປ File / Open ເພື່ອເປີດໄຟລ໌ຂອງທ່ານ. ມັນສາມາດຢູ່ໃນທຸກຮູບແບບ - jpg, gif, psd, png ຫຼືອື່ນໆ. ເປັນ Photoshop ສາມາດເປີດມັນ, ທ່ານສາມາດສົ່ງອອກມັນສໍາລັບເວັບ.

  • 02 - ບັນທຶກໄຟລ໌ຂອງທ່ານສໍາລັບເວັບໄຊທ໌

    File Save Photoshop CS5 ພາບຫນ້າຈໍໂດຍ Bryan Haines

    ພວກເຮົາຈະຂ້າມໄປປະຕິບັດຫນ້າທີ່ເພື່ອປະຫຍັດສໍາລັບເວັບໄຊຕ໌, ສົມມຸດວ່າທ່ານໄດ້ເຮັດການປັບປຸງຕ່າງໆທີ່ທ່ານຕ້ອງການ. ແນ່ນອນ, ຖ້າທ່ານຕ້ອງການແກ້ໄຂຮູບພາບ, ເຮັດສິ່ງນັ້ນກ່ອນແລະສືບຕໍ່ກັບຂັ້ນຕອນນີ້ຕໍ່ມາ.

    ໄປທີ່ File / Save for Web / Devices ແລະຄິກ. ມັນແມ່ນກ່ຽວກັບເຄິ່ງຫນຶ່ງທາງລົງເມນູເລື່ອນລົງ.

    ຂະບວນການນີ້ບໍ່ປ່ຽນແປງເອກະສານຕົ້ນສະບັບຂອງທ່ານເລີຍ. ທ່ານກໍາລັງສ້າງໄຟລ໌ໃຫມ່. ເມື່ອທ່ານເຮັດສໍາເລັດບົດຮຽນນີ້ແລ້ວກັບໄປທີ່ຮູບພາບຕົ້ນສະບັບຂອງທ່ານໃນ Photoshop ທ່ານຕ້ອງການບັນທຶກໄຟລ໌ນັ້ນຖ້າທ່ານໄດ້ປ່ຽນແປງມັນ. ມັນເປັນສິ່ງສໍາຄັນທີ່ຈະກໍານົດຮູບພາບໃຫມ່ຂອງທ່ານທີ່ແຕກຕ່າງກັນກວ່າເດີມ. ປົກກະຕິແລ້ວພຽງແຕ່ເພີ່ມ _web ກັບຊື່ແຟ້ມຈະເຮັດວຽກດີ. (ຕົວຢ່າງ: filename_web.jpg)

  • 03 - ປັບການປຽບທຽບເບິ່ງກັບ 2-Up

    Side by Side Comparison Photoshop CS5 ພາບຫນ້າຈໍໂດຍ Bryan Haines

    ຂຶ້ນຢູ່ກັບການຕັ້ງຄ່າຂອງທ່ານ, ທ່ານອາດຈະຕ້ອງປັບມຸມເບິ່ງທີ່ນີ້. ສິ່ງທີ່ທ່ານຕ້ອງການຄືການປຽບທຽບຊ້າຍແລະຂວາຂອງຮູບພາບຂອງທ່ານ. ດ້ານຊ້າຍຈະສະແດງຕົ້ນສະບັບ, ສິດຈະສະແດງຄຸນນະພາບຂອງຮູບພາບໃນການຕັ້ງຄ່າປັດຈຸບັນ.

    ຖ້າທ່ານເບິ່ງໄປທາງເທິງຂອງປ່ອງຢ້ຽມ, ທ່ານຈະເຫັນຕົວເລືອກຕໍ່ໄປນີ້: Original, Optimized, 2-Up, 4-Up. ສໍາລັບຈຸດປະສົງສ່ວນໃຫຍ່, 2-Up ແມ່ນສິ່ງທີ່ທ່ານຕ້ອງການ.

  • 04 - ກໍານົດຂະຫນາດການເບິ່ງຂອງທ່ານໃຫ້ 100%

    ປັບມຸມເບິ່ງ 100% ໃນ Photoshop CS5. ພາບຫນ້າຈໍໂດຍ Bryan Haines

    ເພື່ອໃຫ້ແນ່ໃຈວ່າທ່ານກໍາລັງເບິ່ງຢູ່ທີ່ 100% ກວດເບິ່ງຕົວເລືອກໃນແຈເບື້ອງຊ້າຍຂອງຫນ້າຈໍ.

    ມັນເປັນສິ່ງສໍາຄັນທີ່ຈະຈື່ໄວ້ວ່າຖ້າທ່ານເບິ່ງຮູບພາບຂອງທ່ານສູງກວ່າ 100% ມັນຈະມີສີຂີ້ເຖົ່າຫຼືອາດຈະບໍ່ສາມາດຮູ້ໄດ້. ສະເຫມີເຮັດວຽກກັບຮູບພາບຢູ່ 100%.

  • 05 - Chose File Dimensions

    ການເລືອກຂະຫນາດໄຟລ໌ໃນ Photoshop CS5. ພາບຫນ້າຈໍໂດຍ Bryan Haines

    ຂະຫນາດສໍາລັບເວັບແມ່ນເກືອບສະເຫມີໃນ pixels (px). ມັນເປັນສິ່ງສໍາຄັນທີ່ຈະຮັກສາອັດຕາສ່ວນທີ່ຖືກຕ້ອງ. ນອກເຫນືອໄປຈາກກ່ອງຮູບພາບແມ່ນຮູບພາບຂະຫນາດນ້ອຍຂອງການເຊື່ອມຕໍ່ລະບົບຕ່ອງໂສ້. ສິ່ງທີ່ເຮັດແມ່ນຂະຫນາດຂອງຄວາມກວ້າງໃນເວລາທີ່ທ່ານປັບຄວາມສູງ. ຕົວຢ່າງ, ຮູບພາບທີ່ເປັນ 600px ໂດຍ 400px. ຖ້າທ່ານຫຼຸດຜ່ອນຄວາມກວ້າງເຖິງ 300px, ໄຟລ໌ຈະອັດຕະໂນມັດຂະຫນາດໃຫ້ສູງເຖິງ 200px. ຖ້າບໍ່ໄດ້ກວດເບິ່ງຮູບພາບຈະຖືກບິດເບືອນ.

    ທ່ານຍັງມີທາງເລືອກທີ່ຈະຂະຫຍາຍຮູບພາບໂດຍອັດຕາສ່ວນຮ້ອຍລະ.

  • 06 - ເລືອກປະເພດໄຟລ໌ສໍາລັບການສົ່ງອອກ

    ເລືອກປະເພດໄຟລ໌ສໍາລັບການສົ່ງອອກໃນ Photoshop CS5. ພາບຫນ້າຈໍໂດຍ Bryan Haines

    ໃນຕົວເລືອກນີ້, ປະເພດຂອງໄຟລ໌ຕົ້ນສະບັບບໍ່ສໍາຄັນ. ທ່ານສາມາດເລືອກໄຟລ໌ໃດກໍ່ຕາມທີ່ທ່ານຕ້ອງການ.

    ຫມາຍເຫດ: ເພື່ອເລີ່ມຕົ້ນຂະບວນການທີ່ທ່ານຕ້ອງການໃຫ້ຄລິກໃສ່ຮູບພາບດ້ານຂວາ. ຮູບພາບຕ້ອງໄດ້ຮັບການຄັດເລືອກເພື່ອຈະໄດ້ຮັບການປະຕິບັດ.

    ທີ່ພົບເລື້ອຍທີ່ສຸດແມ່ນ jpg ສໍາລັບເວັບໄຊຕ໌ - ມັນແມ່ນຮູບແບບໄຟລ໌ຂະຫນາດນ້ອຍທີ່ສຸດຊຶ່ງຫມາຍຄວາມວ່າມັນດາວໂຫລດໄວຂຶ້ນສໍາລັບນັກທ່ອງທ່ຽວໃນເວັບໄຊທ໌ຂອງທ່ານ. ຖ້າທ່ານມີຄວາມໂປ່ງໃສເລືອກ png-24. ຖ້າທ່ານບໍ່ຮູ້ວ່າຄວາມໂປ່ງໃສຫມາຍຄວາມວ່າທ່ານຄວນເລືອກ jpg.

  • 07 - ເລືອກຮູບພາບທີ່ມີຄຸນນະພາບ

    ເລືອກຄຸນະພາບຂອງຮູບພາບໃນ Photoshop CS5. ພາບຫນ້າຈໍໂດຍ Bryan Haines

    ແຕ່ລະຕົວເລືອກ jpg ສາມ (ສູງ, ຂະຫນາດກາງ, ຕ່ໍາ) ມີການຕັ້ງຄ່າທີ່ມີຄຸນນະພາບໄວ້ລ່ວງຫນ້າ - ເຊິ່ງສາມາດປັບດ້ວຍຕົວເອງໄດ້. ຖ້າທ່ານກໍາລັງເບິ່ງຢູ່ທີ່ 100% ທ່ານສາມາດຕັດສິນໃຈວ່າຄຸນມີຄຸນນະພາບຫຍັງ. ເພື່ອປັບລະດັບການຊູມ, ໃຫ້ເບິ່ງຂັ້ນຕອນທີ 5. ຮູບພາບຈະເບິ່ງຄືກັນກັບທາງອິນເຕີເນັດເຊັ່ນດຽວກັນ.

    ຖ້າທ່ານເລືອກສິ່ງອື່ນນອກເຫນືອຈາກ jpg ທ່ານສາມາດຂ້າມຂັ້ນຕອນນີ້.

  • 08 - ບັນທຶກໄຟລ໌ຂອງທ່ານ

    ບັນທຶກໄຟລ໌ຂອງທ່ານໃນ Photoshop CS5. ພາບຫນ້າຈໍໂດຍ Bryan Haines

    ເມື່ອທ່ານໄດ້ເຮັດການດັດແປງທີ່ຈໍາເປັນແລ້ວທ່ານພ້ອມທີ່ຈະບັນທຶກໄຟລ໌. ກົດ "Save" ແລະເລືອກໂຟເດີແລະຊື່ແຟ້ມທີ່ທ່ານຕ້ອງການສໍາລັບຮູບພາບໃຫມ່ນີ້.

    ຊົມເຊີຍ! ໄຟລ໌ໃຫມ່ຂອງທ່ານແມ່ນກຽມພ້ອມທີ່ຈະນໍາໃຊ້ນໍາໃຊ້ອິນເຕີເນັດ.