01 of 08
ສິ່ງທີ່ສະກັດຊັບສິນແມ່ນຫຍັງ
ຄຸນນະສົມບັດໃຫມ່ຂອງ ຊັບສິນສະກັດ ຈາກ Photoshop CC 2014 straps a afterburner ກ່ຽວກັບ workflow ຖ້າບໍ່ດັ່ງນັ້ນການສ້າງຮູບພາບສໍາລັບການອອກແບບເວັບຕອບຮັບ (RWD). ໃຫ້ເບິ່ງວິທີການຄໍາສັ່ງສະກັດຊັບສິນສາມາດຫຼຸດລົງຢ່າງໄວວາຫນ້າເວັບ comp ກັບຊັບສິນທີ່ກຽມພ້ອມທີ່ຈະປະກອບໃນເວລາສອງສາມນາທີ.
ໃຫ້ເລີ່ມຕົ້ນດ້ວຍຄໍາຖາມທີ່ຊັດເຈນ: ຊັບສິນສະກັດແມ່ນຫຍັງ?
ໃນເງື່ອນໄຂທີ່ງ່າຍດາຍ, ການສະກັດຊັບສິນແມ່ນຄຸນສົມບັດໃຫມ່ໃນ Photoshop ທີ່ສະຫນອງຄຸນນະສົມບັດຂອງ Generator Photoshop ດ້ວຍການໂຕ້ຕອບເພື່ອຊ່ວຍໃຫ້ອັດຕະໂນມັດສ້າງການສ້າງຊັບສິນຮູບພາບສໍາລັບການອອກແບບເວັບແລະຫນ້າຈໍຈາກໄຟລ໌ Photoshop ຂອງທ່ານ. ຄໍາສັ່ງການສະກັດຊັບສິນອະນຸຍາດໃຫ້ທ່ານກໍານົດຊັ້ນຫຼືຂັ້ນຕອນທີ່ທ່ານຕ້ອງການສ້າງຊັບສິນສໍາລັບຂະຫນາດທາງດ້ານຮ່າງກາຍ, ຮູບແບບໄຟລ໌ແລະສະຖານທີ່ບັນທຶກໄວ້ໃນແຜ່ນ. ຄຸນນະສົມບັດນີ້ບໍ່ໄດ້ຫມາຍຄວາມວ່າສໍາລັບຂໍ້ຄວາມເວັ້ນເສຍແຕ່ວ່າຈຸດປະສົງແມ່ນເພື່ອເຮັດໃຫ້ຂໍ້ຄວາມເປັນຮູບພາບ, ເຊິ່ງບໍ່ແມ່ນຄວາມຄິດທີ່ດີ.
ໃຫ້ເລີ່ມຕົ້ນ.
02 of 08
ເປີດໄຟລ໌ Photoshop .pd
ຕົວຢ່າງທີ່ຂ້ອຍໃຊ້ໃຊ້ວັດຖຸ Smart ຈາກ Illustrator, ຂໍ້ຄວາມບາງຢ່າງ, ຫນ່ວຍງານ hero ທີ່ມີຂໍ້ຄວາມ, ຮູບພາບແລະປຸ່ມແລະຮູບພາບພາຍນອກທີ່ເສີມຂະຫຍາຍຫົວຂໍ້ຂອງເວັບໄຊທ໌. ທີ່ສໍາຄັນຢູ່ທີ່ນີ້ແມ່ນການຈັດຕັ້ງຂັ້ນຕອນໃນກຸ່ມ. ນີ້ແມ່ນຈໍາເປັນເພາະວ່າວຽກງານແມ່ນເພື່ອດຶງທັງຫມົດຂອງລາຍການເຫຼົ່ານີ້ອອກຈາກ comp ເພື່ອໃຫ້ພວກເຂົາສາມາດໄດ້ຮັບການເພີ່ມໃນຮູບແບບເວັບທີ່ເຫມາະສົມກັບຄວາມແຕກຕ່າງຫນ້າຈໍແລະຂະຫນາດ.
03 of 08
ສອງວິທີໃນການສະກັດຊັບສິນ
ນອກເຫນືອຈາກການສ້າງ, ເຊິ່ງຍັງສາມາດສະກັດເອົາວັດຖຸໂດຍຜ່ານການເພີ່ມຂະຫຍາຍຮູບກາຟິກຊື່ຊື່, Extract Assets ໃຊ້ການໂຕ້ຕອບທີ່ສາມາດບັນລຸໄດ້ໂດຍ ການຄລິກຂວາ ເທິງ layer ຫຼືເລືອກ layer ແລະເລືອກ File> Extract Assets .
04 of 08
The Extract Assets Interface
ກ່ອງໂຕ້ຕອບຊັບສິນສະກັດກັ້ນແມ່ນງ່າຍດາຍ. ທ່ານໄດ້ສະແດງໃຫ້ເຫັນ layer ຫຼືການຄັດເລືອກທີ່ຈະສະກັດເອົາ. ຂ້າງເທິງນີ້ທ່ານໄດ້ສະແດງຂະຫນາດໄຟລ໌ແລະຂ້າງລຸ່ມນີ້ມັນແມ່ນການຄວບຄຸມທີ່ຊ່ວຍໃຫ້ທ່ານຊູມເຂົ້າແລະອອກໃນວັດຖຸ. ດ້ານຂວາຂອງກ່ອງໂຕ້ຕອບແມ່ນບ່ອນທີ່ magic ເກີດຂຶ້ນ. ປຸ່ມສີ່ຢູ່ດ້ານເທິງອະນຸຍາດໃຫ້ທ່ານເລືອກເອົາຄວາມລະອຽດ / ຂະຫນາດຂອງວັດຖຸ. ແຖບຕໍ່ໄປສະແດງໃຫ້ທ່ານເຫັນ layer ທີ່ເລືອກແລະການກົດ + sign ຈະເຮັດໃຫ້ທ່ານເອົາ layer ທີ່ເລືອກໄວ້ໃນຮູບແບບອື່ນເຊັ່ນກັນ. ຂີ້ເຫຍື້ອ Ca n ເອົາ layer ຈາກແຖວ. ໃນແຖບຖັດໄປ, ທ່ານສາມາດເລືອກປະເພດໄຟລ໌ແລະທ່ານສາມາດປັບຄວາມກວ້າງແລະຄວາມສູງຂອງຮູບພາບອອກ.
05 of 08
Extracting ຮູບ SVG
Photoshop ບໍ່ໄດ້ຈັດການຮູບພາບ svg ທັງຫມົດທີ່ດີແລະຕົວທ່ອງເວັບແລະອຸປະກອນບໍ່ສາມາດສະແດງຮູບພາບຕົວຢ່າງ. ນີ້ໄດ້ຜົນໃນການເພີ່ມຂຶ້ນຂອງໄຟລ໌ svg ຖືກນໍາໃຊ້ສໍາລັບວຽກງານ vector vector ເຊັ່ນສັນຍາລັກ Illustrator ສະແດງໃຫ້ເຫັນຢູ່ທີ່ນີ້. ເປັນ vectors ຄວາມລະອຽດຂອງພວກເຂົາແມ່ນອຸປະກອນທີ່ບໍ່ແມ່ນຄວາມຫມາຍຊຶ່ງພວກເຂົາສາມາດປັບຂະຫນາດໄດ້ໂດຍບໍ່ມີການສູນເສຍລາຍລະອຽດຫຼືຮູບພາບ. ເພື່ອແປງ Object Object Illustrator ໃຫ້ svg, ເລືອກ svg ຈາກ pop down ແລະຄລິກ Extract .
06 of 08
ຂະບວນການສະກັດຊັບສິນ
ບາງສິ່ງບາງຢ່າງຈະເກີດຂື້ນເມື່ອທ່ານກົດປຸ່ມ Extract. ທ່ານທໍາອິດຈະໄດ້ຮັບການເຕືອນວ່າຊື່ໄຟລ໌ອາດຈະມີການປ່ຽນແປງ. ນີ້ບໍ່ແມ່ນບັນຫາໃຫຍ່. ຫຼັງຈາກນັ້ນ, ທ່ານຈະໄດ້ຮັບການບອກວ່າໂຟເດີໃຫມ່ຈະຖືກສ້າງຂື້ນເພື່ອຖືຊັບສິນ. ເມື່ອຂະບວນການສິ້ນສຸດລົງແລ້ວໂຟເດີທີ່ຢູ່ໃນສະຖານທີ່ດຽວກັນກັບໄຟລ໌ .psd ເດີມເປີດແລະສະແດງໃຫ້ທ່ານເຫັນຄຸນສົມບັດໃຫມ່.
07 of 08
ປຸ່ມການຕັ້ງຄ່າເປັນເພື່ອນທີ່ດີທີ່ສຸດຂອງທ່ານ
ການ ກົດປຸ່ມ Settings ຈະເປີດ ກ່ອງໂຕ້ຕອບການຕັ້ງຄ່າ ທີ່ເປັນປະໂຫຍດຢ່າງຈິງຈັງ. ການຕັ້ງຄ່າຢູ່ເບື້ອງຊ້າຍແມ່ນປັດໄຈທີ່ມີການຂະຫຍາຍຕົວ. ສິ່ງທີ່ພວກເຂົາເຮັດແມ່ນສ້າງແບບສໍາເນົາຕ່າງໆຂອງຮູບພາບທີ່ນັກພັດທະນາຈະໃຊ້ໃນການ ສອບຖາມຂອງສື່ ເພື່ອເປົ້າຫມາຍການແກ້ໄຂຫນ້າຈໍຂອງອຸປະກອນສະເພາະໃດຫນຶ່ງ. ຕົວຢ່າງ, ຮຸ່ນ 3x ຈະຖືກເປົ້າຫມາຍໃສ່ການສະແດງ iPhone ຫຼື iPad Retina ຂະນະທີ່ 1,25 ປັດໄຈຈະຖືກຊີ້ຢູ່ໃນອຸປະກອນ Android. ນາມສະກຸນຈະຖືກເພີ່ມເຂົ້າໃນຕອນທ້າຍຂອງຊື່ໄຟລ໌ເພື່ອອະນຸຍາດໃຫ້ນັກພັດທະນາຂອງທ່ານສາມາດລະບຸຮູບພາບທີ່ຕ້ອງໃຊ້ໃນການຊອກຫາສື່. ເມື່ອທ່ານສິ້ນສຸດແລ້ວ, ໃຫ້ຄລິກໃສ່ປຸ່ມ OK ແລະການຄັດເລືອກຂອງທ່ານຈະສະຫວ່າງຂຶ້ນຢູ່ໃນເຂດອະທິບາຍຊັບສິນໃນກ່ອງໂຕ້ຕອບ. ນອກນັ້ນທ່ານຍັງສາມາດເຂົ້າເຖິງການຕັ້ງຄ່າໄດ້ໂດຍການຄລິກໃສ່ຮູບສັນຍາລັກເຄື່ອງມືໃນເຂດພື້ນທີ່ຊັບສົມບັດທີ່ຢູ່ດ້ານຂວາຂອງອິນເຕີເຟດ
08 of 08
Finishing Up
ເມື່ອທ່ານກົດປຸ່ມ Extract ທັງຫມົດຂອງຊັບສິນຈະຖືກສ້າງຂື້ນແລະເພີ່ມໃສ່ໂຟນເດີ. ໃນຈຸດນີ້ທັງຫມົດທີ່ທ່ານຕ້ອງການແມ່ນເພື່ອສົ່ງຜູ້ພັດທະນາຂອງທ່ານສໍາເນົາຂອງໂຟນເດີແລະຍ້າຍໄປຍັງໂຄງການຕໍ່ໄປຂອງທ່ານ.