ในโลกดิจิทัล มีเครื่องมือมากมายที่ทำให้ชีวิตเราง่ายขึ้น ในช่วง 10 ปีที่ผ่านมา ตั้งแต่เริ่มใช้กล้องดิจิทัล มีคำถามเกิดขึ้นในการประมวลผลภาพโดยใช้คอมพิวเตอร์ และพื้นฐานหลักคือการเก็บรักษาภาพและการประมวลผล การปรับแต่งภาพทั้งหมดนี้ดำเนินการในโปรแกรม Photoshop ยอดนิยม สำหรับหลายๆ คน มันอาจจะดูซับซ้อนและเข้าใจยาก แต่เราได้ทำให้กระบวนการนี้ง่ายและชัดเจนที่สุด
จะบันทึกรูปภาพใน Photoshop ได้อย่างไร?
ในคู่มือนี้ เราจะพิจารณาสามตัวเลือกสำหรับการบันทึกรูปภาพโดยใช้ Photoshop:
1. ปกติบันทึกเป็น png, jpg, ฯลฯ.
2. การบันทึกในรูปแบบ PSD (รูปแบบการบันทึกโครงการซึ่งเราสามารถทำงานต่อไปได้ในอนาคต)
3. การบันทึกสำหรับอุปกรณ์เว็บ (วิธีที่ช่วยให้คุณลดขนาดของภาพ)
ก่อนตัวเลือกสำหรับการบันทึกรูปภาพ ฉันจะบอกข้อมูลสำคัญเล็กๆ น้อยๆ ที่จะเป็นประโยชน์กับคุณในอนาคต:
ความแตกต่างระหว่าง png และ jpg คือ png อนุญาตให้คุณบันทึกรูปภาพด้วยพื้นหลังโปร่งใส รูปแบบ Jpg ทำให้พื้นหลังโปร่งใสเป็นสีขาว ตัวอย่าง. หากคุณต้องการบันทึกภาพโดยไม่มีพื้นหลัง รูปแบบ Jpg จะไม่ทำงาน
PSD เป็นรูปแบบที่เราสามารถทำงานกับเลเยอร์ ข้อความ ฯลฯ หากคุณกำลังทำงานกับโครงการ (PSD) คุณสามารถบันทึกภาพในรูปแบบใดก็ได้
การบันทึกภาพสำหรับอุปกรณ์เว็บควรพิจารณาอย่างรอบคอบ คุณภาพที่ลดลงจะสะท้อนให้เห็นในภาพ เว้นแต่จำเป็น ฉันไม่แนะนำให้คุณใช้ตัวเลือกการบันทึกนี้
เริ่มต้นด้วยการบันทึกภาพ
1 . เปิดโปรแกรม Photoshop
2. คลิกไฟล์ (ไฟล์) -> เปิด (เปิด) เราเลือกภาพที่เราต้องการบนคอมพิวเตอร์และคลิกเปิด
(เปิด)
ตัวเลือกที่ 1 การบันทึกปกติเป็น jpg, png เป็นต้น
1. คลิกไฟล์ (ไฟล์) -> บันทึกเป็น .. (บันทึกเป็น) เราเลือกสถานที่ที่เราต้องการบันทึกภาพ เขียนชื่อ เลือกรูปแบบจากรายการแบบเลื่อนลง (JPEG - สะดวกที่สุดหรือแบบอื่นที่คุณต้องการ) คลิกบันทึก
2. เราเลือกคุณภาพด้วยตัวเลื่อน ยิ่งคุณภาพสูง ขนาดยิ่งใหญ่ และคลิก "ตกลง"
ตัวเลือก 2 บันทึกโครงการในรูปแบบ PSD
ตอนนี้ เราสามารถทำงานกับโครงการต่อไปได้ทุกเมื่อที่เราสะดวก
ตัวเลือก 3: บันทึกสำหรับอุปกรณ์เว็บ
1. คลิกไฟล์ (ไฟล์) -> บันทึกสำหรับเว็บและอุปกรณ์ (บันทึกสำหรับอุปกรณ์เว็บ) จากรายการดรอปดาวน์ เลือกรูปแบบ JPEG, GIF หรือ PNG เลือกคุณภาพ (ระดับคุณภาพ) โดยใช้ตัวเลื่อน
09.11.2018 09.11.2018
เมื่องานใน Photoshop พร้อมแล้วก็ต้องบันทึก
คุณต้องเลือกรูปแบบ ทั้งนี้ขึ้นอยู่กับงานที่คุณบันทึกไฟล์ ในบทความนี้เราจะมาดูวิธีการบันทึกและเลือกรูปแบบไฟล์
ไฟล์ควรบันทึกในรูปแบบใด?
PSD. นี่คือรูปแบบไฟล์ Photoshop มาตรฐาน ในนั้น คุณจะบันทึกไฟล์ของคุณเพื่อให้คุณทำงานต่อได้ทุกเมื่อ ในรูปแบบ PSD คุณจะไม่สามารถแสดงรูปภาพหรือกราฟิกที่คุณวาดให้กับเพื่อน (พ่อแม่ แฟน ฯลฯ) รูปแบบนี้สามารถเปิดได้ด้วย Photoshop เท่านั้น
JPG. รูปแบบนี้เหมาะสำหรับภาพถ่ายและกราฟิกอื่นๆ ก่อนบันทึกใน Photoshop คุณสามารถปรับไฟล์ JPG ที่บันทึกไว้ให้เหมาะสม ซึ่งหมายความว่าคุณสามารถปรับคุณภาพของภาพเพื่อให้ขนาดไฟล์เหมาะสมกับคุณ รูปแบบจะเปิดขึ้นบนคอมพิวเตอร์และโทรศัพท์ทุกเครื่อง ทางออกที่ดีในการแสดงรูปถ่ายให้ญาติ ๆ ส่งกราฟิกไปทำงาน บันทึกพื้นหลังสำหรับเว็บไซต์ ฯลฯ
PNG. ส่วนใหญ่ใช้โดยนักออกแบบสำหรับกราฟิกบนเว็บไซต์ โฆษณาออนไลน์ (แบนเนอร์) กราฟิกสำหรับแอปพลิเคชันมือถือ ฯลฯ รูปแบบมีความโดดเด่นในการรองรับความโปร่งใสในภาพ หากคุณต้องการบันทึกวัตถุบนพื้นหลังโปร่งใส ให้บันทึกเป็น PNG
กิ๊ฟ. รูปแบบนี้ใช้หากคุณต้องการบันทึกภาพเคลื่อนไหว ตัวอย่างเช่น แบนเนอร์เคลื่อนไหว อีโมติคอน วิดีโอสั้นหรือสติกเกอร์ จำ GIF ที่รู้จักทั้งหมดที่กำลังเดินอยู่บนอินเทอร์เน็ต - นี่เป็นเพียงรูปแบบนั้น
วิธีบันทึกลงใน PSD
ตั้งชื่อไฟล์และเลือกรูปแบบ PSD (ปกติจะถูกเลือกตามค่าเริ่มต้น)
อย่าลืมทำเครื่องหมายที่ช่อง เลเยอร์. มิฉะนั้น ทุกอย่างจะไม่ถูกบันทึกและจะไม่มีประโยชน์ใด ๆ จากการบันทึกไฟล์ดังกล่าว
วิธีบันทึกเป็น JPG
- ดำเนินการคำสั่ง ไฟล์ - บันทึก.
- เลือกรูปแบบ JPG.
หลังจากนั้นจะมีหน้าต่างปรากฏขึ้นซึ่งคุณสามารถกำหนดค่าพารามิเตอร์ของไฟล์ที่บันทึกไว้ได้
ที่นี่คุณสามารถปรับคุณภาพของภาพถ่ายโดยการตั้งค่า คุณภาพตั้งแต่ 1 ถึง 12
ทำเครื่องหมายที่ช่องทำเครื่องหมายของตัวเลือกการแสดงตัวอย่าง แล้วคุณจะเห็นว่าคุณภาพของภาพถ่ายเปลี่ยนไปอย่างไรเมื่อคุณเปลี่ยนตัวเลือก คุณภาพ.
นอกจากนี้ คุณสามารถดูได้ทันทีว่าไฟล์จะมีน้ำหนักเท่าใดเมื่อคุณบันทึก ยิ่งไฟล์มีขนาดเล็กเท่าไร คุณก็ยิ่งส่งไฟล์ทางอินเทอร์เน็ตได้เร็วเท่านั้น ผู้ใช้รายอื่นจะโหลดไฟล์ได้เร็วขึ้น จำไว้ว่าไม่มีใครชอบรอเวลานานในการอัพโหลดรูปภาพบนอินเทอร์เน็ต โดยเฉพาะผ่านโทรศัพท์มือถือ
รูปแบบของรูปแบบที่เหลือดีที่สุด ความก้าวหน้า. ตอนนี้เราจะไม่ลงรายละเอียดทางเทคนิค แต่ตัวเลือกนี้ดีที่สุด
คุณต้องปรับคุณภาพเมื่อบันทึกเพื่อให้ภาพไม่ได้รับผลกระทบมากนักในขณะที่ขนาดไฟล์ลดลงอย่างมาก
วิธีบันทึกเป็น PNG
ไม่จำเป็นต้องบันทึกรูปภาพเป็น PNG ใช้รูปแบบนี้หากคุณต้องการบันทึกรูปภาพคุณภาพสูงที่มีพื้นหลังโปร่งใส
หน้าต่างที่มีการตั้งค่าสำหรับภาพที่บันทึกไว้จะปรากฏขึ้น
เลือกรูปแบบ PNG-24 - นี่จะเป็นภาพคุณภาพสูงที่มีน้ำหนักไฟล์ที่เล็กที่สุดและมีสีทั้งหมด
ทำเครื่องหมายที่ช่อง ความโปร่งใสเพื่อให้ภาพมีพื้นหลังโปร่งใส
พารามิเตอร์ - อินเทอร์เลซและ โปรไฟล์แบบฝังต้องลบออกเพราะว่า นี่เป็นภาระเพิ่มเติมและไม่จำเป็นในไฟล์
วิธีบันทึกเป็น GIF
เลือกรูปแบบ GIF
รูปแบบ GIF จะบีบอัดรูปภาพเป็นสีอย่างจริงจังและตามน้ำหนักไฟล์ มีสูงสุด 256 สีให้เลือกที่นี่
อย่าลืมทำเครื่องหมายที่ช่องถัดจาก ความโปร่งใสให้มีพื้นหลังโปร่งใสหากจำเป็น
ปรับตัวได้โมเดลสีจะดีที่สุดเมื่อคุณต้องการบันทึกด้วยคุณภาพสูงสุด
ditheringฉันตั้งค่าเป็น 100% ซึ่งในกรณีนี้การไล่ระดับสีจะราบรื่นขึ้น
หากคุณมีแอนิเมชั่นใน GIF คุณสามารถปรับจำนวนการทำซ้ำได้ มักจะใส่ หลายครั้งเพื่อทำให้แอนิเมชั่นสามารถทำซ้ำได้ไม่สิ้นสุด
ตอนนี้คุณรู้วิธีบันทึกใน Photoshop โดยใช้รูปแบบยอดนิยมแล้ว คุณมีคำถามใด ๆ หรือไม่? ผมขอเชิญคุณแสดงความคิดเห็น
ทำงานกับโปรแกรมแก้ไขกราฟิก Adobe Photoshopเป็นเวลา 5 ปีแล้วที่ฉันรู้สึกประหลาดใจที่รู้ว่าไม่ใช่ทุกคนที่รู้ถึงความสำคัญและความจำเป็นของการบันทึกภาพอย่างถูกต้อง หาในเน็ตไม่เจอจริงๆ ข้อมูลที่ทันสมัยและถูกต้องในหัวข้อนี้ ด้วยเหตุนี้ฉันจึงคิดออกและอยากจะบอกคุณ วิธีการบันทึกภาพอย่างถูกต้อง
ใครบ้างที่ต้องรู้และทำไม?
ทุกคน - ผู้ที่ทำงานกับโปรแกรมแก้ไขกราฟิก ไม่จำเป็นต้องเป็น Adobe Photoshop นักวาดภาพประกอบ, ศิลปิน, นักออกแบบกราฟิก, นักออกแบบเว็บไซต์, นักออกแบบอินเทอร์เฟซ, ช่างภาพ, นักเรียน, เด็กนักเรียน - โดยการเรียนรู้วิธีบันทึกภาพอย่างถูกต้อง ลดขนาดไฟล์ ไม่เพียงช่วยประหยัดเวลาของคุณเอง แต่ยังรวมถึงเวลาของผู้อื่นด้วย
เรากำลังพูดถึงเวลาไหน?
ก่อนอื่น ขอชี้แจงสิ่งหนึ่ง:
การใช้อินเทอร์เน็ตทำให้คุณเสียเวลา - เสียเวลามาก
การโหลดหน้าเว็บบนอินเทอร์เน็ตไม่ได้เกิดขึ้นทันทีและต้องใช้เวลา แต่ในช่วงหลายปีที่อยู่บนอินเทอร์เน็ต คุณมักจะไม่สังเกตเห็นสิ่งนี้ เอาเป็นว่า ความเร็วในการโหลดหน้าเฉลี่ย 3 วินาทีโดยที่ 2 รายการสำหรับอัปโหลดรูปภาพ ภาพประกอบ องค์ประกอบอินเทอร์เฟซ รูปถ่าย โฆษณาแบนเนอร์ การนำเสนอ PDF หรือแม้แต่รูปแมวน่ารัก ขึ้นอยู่กับขนาดไฟล์ เบราว์เซอร์จะต้องใช้เวลาในการแสดงภาพบนหน้าจอ
อย่าหลงกลโดย "เมกะไบต์ต่อวินาที"
โอกาสที่ ISP ของคุณสัญญากับคุณ 100 Mbps- นี่เป็นวิธีการโฆษณาที่ยอดเยี่ยม (อ่านว่า: การหลอกลวง) ที่ก่อให้เกิดความเข้าใจผิดมากมาย รวมถึงในหัวข้อความเร็วในการโหลดไซต์ ฉันวัดความเร็วในการเชื่อมต่อกับเซิร์ฟเวอร์ที่ตั้งอยู่ในมอสโก ผลลัพธ์คือ:
แต่ความเร็วในการโหลดหน้าจากเว็บไซต์ต่ำกว่ามาก:
คุณดูภาพวันละกี่ภาพ?
หลายสิบ? ร้อย? ในฐานะผู้ใช้อินเทอร์เน็ต ฉันดูภาพหลายร้อยภาพต่อวัน ซึ่งส่วนใหญ่มีความละเอียดสูง หากคุณลดน้ำหนักของรูปภาพเหล่านี้และเพิ่มความเร็วในการดาวน์โหลดตามลำดับ อย่างน้อยโดย 1 วินาที,คูณด้วย 500 ภาพต่อวันเราได้รับประมาณ 8 นาทีต่อวันและ เดือนละ 4 ชม.
4 ชั่วโมงต่อเดือนฉันรอโหลดรูปภาพ
ทุกสิ่งที่คุณจำเป็นต้องรู้เกี่ยวกับการบันทึกภาพ
ด้วยข้อยกเว้นที่หายาก ไม่จำเป็นต้องบันทึกผลลัพธ์สุดท้ายในลักษณะเดียวกับ PSD,ในกรณีนี้เพิ่มเติมและ ข้อมูลเพิ่มเติมตั้งแต่วันที่สร้างและชื่อโปรแกรมแก้ไขกราฟิกจนถึงสภาพอากาศและรุ่นกล้อง
นิสัยไม่ดีที่จะกำหนดคุณภาพให้มีค่า 100 แต่เมื่อเทียบกับ 80 แตกต่าง คุณภาพที่มองเห็นได้เกือบเป็นศูนย์ แต่น้ำหนักต่างกัน ชัดเจน.
ในการวางรูปภาพบนเว็บไซต์, ส่งทางไปรษณีย์, บันทึกไว้ในคลาวด์, ส่งใน Messenger, ฯลฯ - คุณต้องใช้ บันทึกสำหรับเว็บ
JPEG หรือ PNG?
JPEG - สำหรับรูปภาพที่มีสีจำนวนมากและรูปร่างที่ซับซ้อน เช่น ภาพประกอบ ภาพวาด ภาพถ่าย
PNG - สำหรับภาพเวกเตอร์หรือรูปภาพที่มีข้อความ รูปทรงเรขาคณิตที่เรียบง่ายพร้อมความโปร่งใสและสีจำนวนเล็กน้อย: โลโก้ ภาพหน้าจอ สติ๊กเกอร์ ไอคอน
คุณภาพ (Quality) แบบไหนให้เลือก?
สำหรับรูปภาพส่วนใหญ่ ค่าที่เหมาะสมจะเป็น 80 สำหรับภาพธรรมดาบางภาพซึ่งการเปลี่ยนสีที่ชัดเจนนั้นไม่สำคัญ คุณสามารถตั้งค่า 60 .
การเพิ่มประสิทธิภาพ
แนะนำให้ใช้ฟังก์ชันนี้รวมถึงอัลกอริธึมการแปลงสีเพิ่มเติม รวมเสมอยกเว้นเมื่อรายละเอียดที่เล็กที่สุดมีความสำคัญ (เช่น Pixel Art)
แปลงเป็น sRGB (แปลงเป็น sRGB)
การแปลงสีของภาพเป็นตาราง sRGB ที่เหมาะสม
sRGB เป็นมาตรฐานสำหรับอินเทอร์เน็ต
ความละเอียด (ขนาดภาพ)
ความละเอียดหน้าจอที่พบบ่อยที่สุดคือ: 1366×768- สำหรับคอมพิวเตอร์และ 720×1280- สำหรับสมาร์ทโฟน จำสิ่งนี้ไว้และอย่าบันทึกภาพไว้นานกว่า 1920 ในความกว้าง
ข้อมูลเมตา
ข้อมูลเพิ่มเติมที่ฉันได้กล่าวไปแล้ว ไม่จำเป็นต้องระบุข้อมูลเพิ่มเติมเกี่ยวกับรูปภาพซึ่งจะเป็นการเพิ่มขนาดของไฟล์เท่านั้น
ครั้งสุดท้ายที่คุณดูรายละเอียดของภาพที่ดาวน์โหลดคือเมื่อใด
ด้วยวิธีนี้ ฉันสามารถลดน้ำหนักของรูปภาพได้ครึ่งหนึ่ง
แน่นอนว่า มีข้อยกเว้นบางประการที่คุณอาจต้องการข้อมูลโดยละเอียดหรือรายละเอียดที่เพิ่มขึ้น แต่ในกรณีส่วนใหญ่ กฎเหล่านี้จะมีความเกี่ยวข้องและช่วยประหยัดเวลาได้หลายร้อยชั่วโมง
ขอบคุณวลาดิสลาฟ
หลังจากเสร็จสิ้นการดำเนินการทั้งหมดบนรูปภาพ (ภาพถ่าย) คุณต้องบันทึกลงในฮาร์ดไดรฟ์ของคุณ เลือกตำแหน่ง จัดรูปแบบ และตั้งชื่อ
วันนี้เราจะมาพูดถึงวิธีการบันทึกงานที่ทำเสร็จแล้วใน Photoshop
สิ่งแรกที่คุณต้องตัดสินใจก่อนเริ่มขั้นตอนการบันทึกคือรูปแบบ
มีเพียงสามรูปแบบทั่วไป นี้ JPEG, PNGและ กิ๊ฟ.
มาเริ่มกันที่ JPEG. รูปแบบนี้เป็นสากลและเหมาะสำหรับการบันทึกภาพถ่ายและภาพที่ไม่มีพื้นหลังโปร่งใส
ลักษณะของรูปแบบคือในระหว่างการเปิดและแก้ไขในภายหลังเรียกว่า "สิ่งประดิษฐ์ JPEG"สาเหตุคือการสูญเสียพิกเซลของเฉดสีกลางจำนวนหนึ่ง
จากนี้ไป รูปแบบนี้เหมาะสำหรับภาพที่จะใช้ "ตามที่เป็น" กล่าวคือจะไม่ถูกแก้ไขโดยคุณอีกต่อไป
ต่างจากรูปแบบเดิม PNGเมื่อแก้ไขใหม่ (ใช้ในงานอื่น) ก็ไม่เสียคุณภาพ (เกือบ)
ตัวแทนสุดท้ายของรูปแบบสำหรับวันนี้ - กิ๊ฟ. ในแง่ของคุณภาพ นี่เป็นรูปแบบที่แย่ที่สุด เนื่องจากมีสีจำนวนจำกัด
มาฝึกกันบ้าง
หากต้องการเรียกใช้ฟังก์ชันบันทึก ให้ไปที่เมนู "ไฟล์"และพบกับรายการ "บันทึกเป็น"หรือใช้แป้นลัด CTRL+SHIFT+S.
นี่เป็นขั้นตอนสากลสำหรับทุกรูปแบบยกเว้น กิ๊ฟ.
พื้นผิว
อย่างที่เราทราบกันดีอยู่แล้วว่ารูปแบบ JPEGไม่รองรับความโปร่งใส ดังนั้นเมื่อบันทึกวัตถุบนพื้นหลังโปร่งใส Photoshop เสนอให้แทนที่ความโปร่งใสด้วยสีบางสี ค่าเริ่มต้นคือสีขาว
ตัวเลือกรูปภาพ
นี่คือการตั้งค่าคุณภาพของภาพ
รูปแบบรูปแบบ
พื้นฐาน (มาตรฐาน)แสดงภาพบนหน้าจอทีละบรรทัด นั่นคือ ตามปกติ
ปรับให้เหมาะสมขั้นพื้นฐานใช้อัลกอริทึม Huffman สำหรับการบีบอัด ฉันจะไม่อธิบายว่ามันคืออะไร ค้นหาตัวเองในเน็ต สิ่งนี้ใช้ไม่ได้กับบทเรียน ฉันสามารถพูดได้ว่าในกรณีของเราสิ่งนี้จะลดขนาดไฟล์เล็กน้อยซึ่งไม่เกี่ยวข้องในวันนี้
ความก้าวหน้าช่วยให้คุณปรับปรุงคุณภาพของภาพทีละขั้นตอนเมื่อโหลดบนหน้าเว็บ
ในทางปฏิบัติมักใช้พันธุ์ที่หนึ่งและสาม หากยังไม่ชัดเจนว่าห้องครัวนี้มีไว้เพื่ออะไร ให้เลือก พื้นฐาน ("มาตรฐาน").
กำลังบันทึกเป็น PNG
เมื่อบันทึกเป็นรูปแบบนี้ หน้าต่างพร้อมการตั้งค่าจะปรากฏขึ้นด้วย
การบีบอัด
การตั้งค่านี้ช่วยให้คุณบีบอัดไฟล์สุดท้ายได้อย่างมาก PNGไฟล์โดยไม่สูญเสียคุณภาพ ภาพหน้าจอแสดงการบีบอัด
ในภาพด้านล่าง คุณสามารถดูระดับการบีบอัดได้ หน้าจอแรกเป็นแบบบีบอัดภาพ ส่วนที่สองเป็นแบบที่ไม่มีการบีบอัด
อย่างที่คุณเห็น ความแตกต่างมีนัยสำคัญ ดังนั้นจึงควรทำเครื่องหมายที่ช่องถัดจาก "เล็กที่สุด/ช้าที่สุด".
อินเทอร์เลซ
การตั้งค่า "ลบการเลือก"ให้คุณแสดงไฟล์บนหน้าเว็บได้ก็ต่อเมื่อดาวน์โหลดเสร็จแล้วเท่านั้น และ "อินเทอร์เลซ"ให้ภาพที่มีการปรับปรุงคุณภาพอย่างค่อยเป็นค่อยไป
ฉันใช้การตั้งค่าเหมือนในภาพหน้าจอแรก
บันทึกไปที่ GIF
เพื่อบันทึกไฟล์ (แอนิเมชั่น) ในรูปแบบ กิ๊ฟที่จำเป็นในเมนู "ไฟล์"เลือกรายการ "บันทึกสำหรับเว็บ".
ในหน้าต่างการตั้งค่าที่เปิดขึ้น คุณไม่จำเป็นต้องเปลี่ยนแปลงอะไรเลย เนื่องจากจะเหมาะสมที่สุด จุดเดียว - เมื่อบันทึกภาพเคลื่อนไหว คุณต้องกำหนดจำนวนการเล่นซ้ำ
ฉันหวังว่าหลังจากเรียนบทเรียนนี้ คุณมีแนวคิดที่สมบูรณ์ที่สุดในการบันทึกภาพใน Photoshop
สวัสดีผู้อ่านที่รักของบล็อก Start-Luck! ติดต่อ Andrey Zenkov และคำแนะนำเชิงปฏิบัติของฉันเกี่ยวกับการออกแบบเว็บ วันนี้เราจะพูดถึงคีย์เดียวกันโดยที่เว็บไซต์ของคุณจะไม่เปิดประตูสู่โลกของบุ๊กมาร์กของเบราว์เซอร์ (และเป็นสิ่งสำคัญมากสำหรับผู้ใช้ในการทำเครื่องหมายหน้าโปรดด้วยเครื่องหมายดอกจัน)
มันจะเป็นอย่างที่คุณอาจเดาเกี่ยวกับรูปภาพ การเก็บภาพที่สว่างสดใสมีชัยไปกว่าครึ่ง หลังจากการประมวลผล, การปรับสี, การซ้อนทับข้อความและการปรับแต่งอื่น ๆ ปัญหาใหม่กำลังก่อตัวขึ้นบนขอบฟ้า: จะบันทึกภาพใน Photoshop ได้อย่างไร?
สมมติว่าคุณได้สร้างเว็บไซต์เกี่ยวกับสัตว์เลี้ยงและต้องการเพิ่มแกลเลอรีรูปภาพที่กว้างขวาง Bach - และคุณไม่สามารถจินตนาการถึงการออกแบบได้หากไม่มีไอคอนเมนูที่มีเสน่ห์ในรูปแบบของลายอุ้งเท้า แล้วส่วนที่มีแอนิเมชั่นตลก ๆ ที่จะเป็นกำลังใจให้แขกของเว็บไซต์ล่ะ?
ด้วยความกระตือรือร้น คุณปรับรูปภาพทั้งหมดให้พอดี บันทึก และ ... เห็นว่าความพยายามนั้นไร้ประโยชน์ พิกเซลฆ่า "อุ้งเท้า" ที่สร้างขึ้นอย่างระมัดระวังอย่างสมบูรณ์ และคุณไม่สามารถดูภาพที่เคลื่อนไหวได้โดยไม่มีน้ำตา Photoshop จะย้ายไปยังรายการโปรแกรมถอนการติดตั้งโดยอัตโนมัติ และคุณให้คำมั่นสัญญากับตัวเองว่าจะหาช่างฝีมือตัวจริง เพื่ออะไร? คุณสามารถทำทุกอย่างด้วยตัวเองโดยได้เรียนรู้เคล็ดลับสำคัญที่ฉันใช้อยู่เสมอ
อัลกอริทึมสำหรับการบันทึกรูปภาพในคุณภาพที่เหมาะสมที่สุดนั้นขึ้นอยู่กับรูปแบบ ฉันไม่ต้องการลงรายละเอียดโดยพูดถึงว่าตัวไหนเป็นแรสเตอร์และตัวไหนเป็นเวกเตอร์ นอกจากนี้ คุณสามารถเปลี่ยนได้ด้วยการคลิกเพียงไม่กี่ครั้ง ฉันได้เขียนเกี่ยวกับสิ่งนี้ในบทความของฉันแล้ว โดยแบ่งปันกับผู้อ่านถึงวิธีการเปลี่ยนรูปแบบรูปภาพ
จากการวิเคราะห์ไซต์ต่างๆ ที่มีอินเทอร์เน็ตมากมาย ฉันสังเกตเห็นรายละเอียดที่น่าสนใจอย่างหนึ่ง: องค์ประกอบกราฟิกทั้งหมดแสดงด้วยรูปแบบสากลเพียงไม่กี่รูปแบบ ในขณะที่รูปแบบอื่นๆ นั้นถูกลืมไปโดยสิ้นเชิง พวกเขาคืออะไร?
กลุ่มรูปภาพหลักในการออกแบบเว็บ
เนื้อหากราฟิกของเว็บไซต์แบ่งออกเป็นสามประเภทตามเงื่อนไข
คอลลาจและภาพถ่าย
พวกมันมีลักษณะเฉพาะด้วยรูปแบบ JPG ซึ่งเป็นรูปแบบที่พบได้บ่อยที่สุดบนเว็บ ภาพเหล่านี้มีขนาดเล็ก ซึ่งช่วยให้คุณสามารถใช้ภาพเหล่านี้ในการออกแบบเว็บไซต์โดยไม่ต้องกลัวว่าหน้าจะโหลดช้า ตัวอย่างเช่น ภูมิทัศน์เดียวกันที่บันทึกใน JPG และ PNG จะมีน้ำหนักแตกต่างกันอย่างมาก:
ไอคอน ปุ่ม และแบนเนอร์
PNG เป็นที่ต้องการสำหรับองค์ประกอบการออกแบบเหล่านี้ ช่วยให้คุณสามารถตัดวัตถุและบันทึกภาพโดยไม่มีพื้นหลัง โดยใช้ "พื้นหลัง" ของไซต์แทน ฉันยังจะแนะนำรูปแบบนี้สำหรับรูปภาพที่ไม่มีจานสีขนาดใหญ่ ตัวอย่างเช่น สร้างเอกสารใน Photoshop และ - ชื่อของไซต์:
เราบันทึกภาพในสองรูปแบบและเปรียบเทียบผลลัพธ์:
แอนิเมชั่น
GIF ออกแบบมาเพื่อสร้างภาพเคลื่อนไหวที่ประกอบด้วยเลเยอร์ตั้งแต่ 2 ชั้นขึ้นไป ซึ่งสามารถทำได้ไม่เฉพาะกับ Photoshop เท่านั้น แต่ยังทำได้ ฉันจะเรียกรูปแบบนี้ว่าตามอำเภอใจที่สุดเนื่องจากเป็นการยากที่จะได้คุณภาพที่ดีเมื่อบันทึก โชคดีที่ฉันมีแฮ็คที่จะให้แอนิเมชั่นพิกเซลน้อยที่สุดแก่คุณ ทึ่ง? อ่านต่อ!
คำแนะนำทีละขั้นตอนสำหรับการบันทึกภาพ
มาเริ่มกันที่ JPG: ง่ายมากที่จะได้ภาพถ่ายโดยไม่สูญเสียคุณภาพ ในการดำเนินการนี้ ให้คลิก "ไฟล์" - "บันทึกเป็น" หากต้องการ คุณสามารถใช้คีย์ผสม Shift + Ctrl + S:
ในหน้าต่างที่ปรากฏขึ้น ให้มองหารายการแบบเลื่อนลง "ประเภทไฟล์" และเลือกบรรทัด JPEG โดยปกติแล้วจะเป็นค่าเริ่มต้น:
ในรายการดรอปดาวน์เดียวกัน คุณยังสามารถเลือกบรรทัด PNG ซึ่งจะทำให้งานของคุณง่ายขึ้น อย่างไรก็ตาม ฉันแนะนำให้บันทึกรูปภาพที่มีพื้นหลังโปร่งใสต่างกัน
ตรวจสอบหน้าต่างที่เปิดขึ้น งานของคุณคือตรวจสอบให้แน่ใจว่าได้เลือกรายการ PNG-24 ในรายการดรอปดาวน์ และมีการทำเครื่องหมายถัดจากบรรทัด "ความโปร่งใส" และ "อินเทอร์เลซ":
โปรดทราบ: เครื่องหมายถูกสุดท้ายช่วยลดเวลาที่ใช้ในการโหลดรูปภาพบนไซต์ แต่ในขณะเดียวกันก็เพิ่มน้ำหนัก หากสิ่งนี้ไม่รบกวนคุณ ให้คลิกบันทึก ในหน้าต่างแบบเลื่อนลง ให้เลือกเส้นทางของไฟล์แล้วกดปุ่มสมบัติอีกครั้งเพื่อรับภาพ PNG และวางไว้บนไซต์โดยเร็วที่สุด!
ภาพเคลื่อนไหวจะถูกบันทึกผ่านรายการเมนูเดียวกัน แต่ตอนนี้ คุณต้องเลือกตัวเลือก GIF ในรายการดรอปดาวน์ พารามิเตอร์จำนวนมากและคำพูดที่ไม่สามารถเข้าใจได้อาจทำให้เกิดความสับสนหรือกลัวได้ ไม่คุ้ม! เพียงตั้งค่าตัวเลือกที่ฉันใช้:
สรุป
การทำงานกับกราฟิกจำเป็นต้องมีการพัฒนาทักษะอย่างต่อเนื่อง โดยไม่เน้นที่หนึ่งหรือสองทิศทาง จะเป็นอย่างไร? มีอยู่ครั้งหนึ่ง สิ่งที่ฉันค้นพบคือ ชุดมินิคอร์ส 5 คอร์สจากโครงการ Photoshop Master จากพวกเขา ฉันได้เรียนรู้ข้อมูลที่เป็นประโยชน์มากกว่าหนึ่งไบต์
เอกสารนำเสนอในรูปแบบที่เข้าถึงได้และไม่เสียค่าใช้จ่าย นี่เป็นทางเลือกที่ดีสำหรับการเรียนที่สถาบันคอมพิวเตอร์และใช้เวลาหลายชั่วโมงในการค้นหาบทเรียนที่เหมาะสมบนอินเทอร์เน็ต
นั่นคือทั้งหมดที่ อย่าลืมกดติดตาม กลุ่ม VKontakteและการอัปเดตบล็อกสำหรับบทความที่สดใหม่และมีประโยชน์ทุกสัปดาห์
Andrei Zenkov อยู่กับคุณ พบกันเร็ว ๆ นี้!