หลังจากสร้างภาพเคลื่อนไหวใน Photoshop จะต้องบันทึกในหนึ่งในรูปแบบที่มีอยู่ซึ่งเป็นหนึ่งในนั้นคือ GIF คุณสมบัติของรูปแบบนี้คือมีวัตถุประสงค์เพื่อแสดง (เล่น) ในเบราว์เซอร์
หากคุณมีความสนใจในตัวเลือกอื่น ๆ สำหรับการบันทึกภาพเคลื่อนไหวเราขอแนะนำให้อ่านบทความนี้:
บทเรียน: วิธีการบันทึกวิดีโอใน Photoshop
กระบวนการสร้างอนิเมชั่น GIF ได้อธิบายไว้ในหนึ่งในบทเรียนก่อนหน้านี้และวันนี้เราจะพูดถึงวิธีการบันทึกไฟล์ในรูปแบบ GIF และการตั้งค่าการเพิ่มประสิทธิภาพ
บทเรียน: สร้างภาพเคลื่อนไหวที่เรียบง่ายใน Photoshop
ออมทรัพย์ GIF
ในการเริ่มต้นด้วยเราทำซ้ำวัสดุและอ่านหน้าต่างบันทึกการตั้งค่า มันเปิดขึ้นโดยคลิกที่รายการ "บันทึกสำหรับเว็บ" ในเมนูไฟล์
หน้าต่างประกอบด้วยสองส่วน: บล็อกตัวอย่าง
และบล็อกการตั้งค่า
ตัวอย่างบล็อก
เลือกจำนวนตัวเลือกมุมมองถูกเลือกที่ด้านบนของบล็อก คุณสามารถเลือกการตั้งค่าที่ต้องการได้ทั้งนี้ขึ้นอยู่กับความต้องการที่ต้องการ
ภาพในแต่ละหน้าต่างยกเว้นต้นฉบับแยกต่างหาก สิ่งนี้ทำเพื่อให้คุณสามารถเลือกตัวเลือกที่ดีที่สุด
ที่ด้านซ้ายของบล็อกมีชุดเครื่องมือเล็ก ๆ เราจะใช้ "มือ" และ "ขนาด" เท่านั้น
การใช้ "มือ" คุณสามารถย้ายภาพภายในหน้าต่างที่เลือก ตัวเลือกนี้ทำโดยเครื่องมือนี้ด้วย "สเกล" ดำเนินการเดียวกัน รูปภาพประมาณและลบสามารถเป็นปุ่มที่ด้านล่างของบล็อก
ต่ำด้านล่างเป็นปุ่มที่มีจารึก "ดู" เปิดตัวเลือกที่เลือกในเบราว์เซอร์เริ่มต้น
ในหน้าต่างเบราว์เซอร์ยกเว้นการตั้งค่าพารามิเตอร์เรายังสามารถรับรหัส HTML GIF ได้
การตั้งค่าบล็อก
ในบล็อกนี้พารามิเตอร์ภาพจะถูกกำหนดค่าให้พิจารณามากขึ้น
- โทนสี การตั้งค่านี้กำหนดตารางสีที่จัดทำดัชนีจะถูกนำไปใช้กับภาพเมื่อปรับให้เหมาะสม
- การรับรู้และ "รูปแบบการรับรู้" เมื่อใช้งาน Photoshop จะสร้างตารางสีนำทางด้วยเฉดสีปัจจุบันของภาพ ตามที่นักพัฒนาตารางนี้ใกล้เคียงที่สุดเท่าที่จะเป็นไปได้ที่ดวงตามนุษย์เห็นสี Plus - ภาพที่ใกล้เคียงที่สุดกับต้นฉบับมากที่สุดสีจะถูกบันทึกสูงสุด
- รูปแบบการเลือกนั้นคล้ายกับก่อนหน้านี้ แต่สีที่เกี่ยวข้องกับเว็บที่ปลอดภัยสำหรับเว็บที่ใช้ส่วนใหญ่ในนั้น นอกจากนี้ยังเน้นที่การแสดงเฉดสีโดยประมาณถึงต้นฉบับ
- ปรับตัว ในกรณีนี้ตารางถูกสร้างขึ้นจากสีที่พบได้บ่อยในภาพ
- ถูก จำกัด. ประกอบด้วย 77 สีตัวอย่างบางส่วนที่ถูกแทนที่ด้วยสีขาวในรูปแบบของจุด (ธัญพืช)
- กำหนดเอง. เมื่อเลือกรูปแบบนี้เป็นไปได้ที่จะสร้างจานสีของคุณเอง
- ดำและขาว. ตารางนี้ใช้เพียงสองสี (ขาวดำ) ด้วยการใช้ธัญพืชด้วย
- ในเกรดสีเทา มีเฉดสีเทา 84 ระดับต่างๆ
- macos และ windows ข้อมูลตารางถูกรวบรวมตามคุณสมบัติของภาพการทำแผนที่ในเบราว์เซอร์ที่ใช้ระบบปฏิบัติการเหล่านี้
นี่คือตัวอย่างบางส่วนของการใช้โครงร่าง
อย่างที่คุณเห็นตัวอย่างสามครั้งแรกมีคุณภาพที่ยอมรับได้ แม้จะมีความจริงที่ว่าพวกเขาคิดว่าพวกเขาเกือบจะไม่แตกต่างจากกันในภาพที่แตกต่างกันแผนการเหล่านี้จะทำงานต่างกัน
- จำนวนสีสูงสุดในตารางสี
จำนวนเฉดสีในภาพส่งผลโดยตรงต่อน้ำหนักของมันและตามความเร็วในการดาวน์โหลดในเบราว์เซอร์ ค่าของ 128 ส่วนใหญ่มักใช้เนื่องจากการตั้งค่านี้แทบจะไม่ส่งผลกระทบต่อคุณภาพในขณะที่ลดน้ำหนักของ GIF
- สีเว็บ การตั้งค่านี้สร้างความอดทนที่เฉดสีถูกแปลงเป็นเทียบเท่ากับ Palette เว็บที่ปลอดภัย ฟิลด์ของไฟล์ถูกกำหนดโดยค่าที่กำหนดโดย Slider: ค่าสูงกว่า - ไฟล์น้อย เมื่อตั้งค่า Web-Colors ไม่ควรลืมเกี่ยวกับคุณภาพ
ตัวอย่าง:
- Dysrying ช่วยให้คุณสามารถปรับเปลี่ยนระหว่างสีได้โดยผสมเฉดสีที่มีอยู่ในตารางการจัดทำดัชนีที่เลือก
นอกจากนี้การตั้งค่าจะช่วยวิธีการรักษาการไล่ระดับสีและความสมบูรณ์ของไซต์ monochromatic เมื่อใช้การจ่ายจะเพิ่มน้ำหนักของไฟล์
ตัวอย่าง:
- ความโปร่งใส รูปแบบ GIF รองรับเฉพาะโปร่งใสอย่างแน่นอนหรือพิกเซลทึบแสงอย่างแน่นอน
พารามิเตอร์นี้ไม่มีการปรับเพิ่มเติมแสดงเส้นโค้งเส้นที่ไม่ดีออกจากพิกเซลผู้หญิง
การปรับเรียกว่า "เคลือบ" (ในบรรณาธิการบางคน "Kaima") ด้วยมันได้รับการกำหนดค่าให้ผสมรูปภาพพิกเซลที่มีพื้นหลังของหน้าเว็บที่จะอยู่ สำหรับจอแสดงผลที่ดีที่สุดให้เลือกสีที่สอดคล้องกับสีของพื้นหลังของไซต์
- interlaced หนึ่งในสิ่งที่มีประโยชน์มากที่สุดสำหรับการตั้งค่าเว็บ ในกรณีที่ไฟล์มีน้ำหนักมากช่วยให้คุณสามารถแสดงภาพในหน้าได้ทันทีเนื่องจากโหลดคุณภาพที่ดีขึ้น
- SRGB Conversion ช่วยประหยัดสีของภาพต้นฉบับสูงสุดในขณะที่บันทึก
การตั้งค่า "ความโปร่งใสที่โหยหา" ทำให้คุณภาพของภาพแย่ลงอย่างมีนัยสำคัญและเราจะพูดถึงพารามิเตอร์ "การสูญเสีย" ในส่วนที่ใช้งานได้จริงของบทเรียน
เพื่อความเข้าใจที่ดีที่สุดของกระบวนการตั้งค่าการเก็บรักษา GIF ใน Photoshop คุณต้องฝึกฝน
ฝึกฝน
เป้าหมายของการเพิ่มประสิทธิภาพภาพสำหรับอินเทอร์เน็ตคือการลดน้ำหนักสูงสุดของไฟล์ในขณะที่รักษาคุณภาพ
- หลังจากประมวลผลรูปภาพให้ไปที่เมนู "บันทึกไฟล์สำหรับเว็บ"
- จัดแสดงโหมดดู "4 ตัวเลือก"
- ถัดไปคุณต้องมีหนึ่งในตัวเลือกที่จะทำให้คล้ายกับต้นฉบับมากที่สุด ปล่อยให้มันเป็นภาพทางด้านขวาของแหล่งที่มา สิ่งนี้ทำเพื่อประเมินขนาดของไฟล์ที่มีคุณภาพสูงสุด
การตั้งค่าการตั้งค่ามีดังนี้:
- โทนสี "เลือก"
- "สี" - 265
- "diazering" คือ "สุ่ม", 100%
- ลบ DAWs ตรงข้ามพารามิเตอร์ "interlaced" เนื่องจากภาพสุดท้ายของภาพจะค่อนข้างเล็ก
- "Web Colours" และ "Losses" - ศูนย์
เปรียบเทียบผลลัพธ์กับต้นฉบับ ที่ด้านล่างของหน้าต่างตัวอย่างเราสามารถดูขนาด GIF ปัจจุบันและความเร็วในการโหลดที่ความเร็วอินเทอร์เน็ตที่ระบุ
- ไปที่ภาพด้านล่างเพียงแค่กำหนดค่า ลองเพิ่มประสิทธิภาพให้มากขึ้น
- ออกจากโครงการไม่เปลี่ยนแปลง
- จำนวนสีลดสูงสุด 128
- ค่าการทำงานผิดปกติลดลงเหลือ 90%
- Web-colourt ไม่ได้สัมผัสเพราะในกรณีนี้มันจะไม่ช่วยให้เรารักษาคุณภาพ
ขนาด GIF ลดลงจาก 36.59 KB ถึง 26.85 KB
- เนื่องจากมีคลังแสงและข้อบกพร่องเล็ก ๆ อยู่ในภาพแล้วลองเพิ่ม "การสูญเสีย" พารามิเตอร์นี้กำหนดระดับการสูญหายของข้อมูลที่อนุญาตเมื่อบีบอัด GIF เปลี่ยนค่าเป็น 8
เรายังคงจัดการเพื่อลดขนาดของไฟล์ในขณะที่สูญเสียคุณภาพเล็กน้อย GIFs มีน้ำหนัก 25.9 กิโลไบต์
รวมเราสามารถลดขนาดของภาพประมาณ 10 KB ซึ่งมากกว่า 30% ผลลัพธ์ที่ดีมาก
- การกระทำเพิ่มเติมนั้นง่ายมาก คลิกที่ปุ่มบันทึก
เราเลือกสถานที่ในการบันทึกให้ชื่อของ GIF และกด "บันทึก" อีกครั้ง
โปรดทราบว่ามีโอกาสร่วมกับ GIF เพื่อสร้างเอกสาร HTML ซึ่งรูปภาพของเราจะถูกสร้างขึ้น ในการทำเช่นนี้จะดีกว่าที่จะเลือกโฟลเดอร์ว่าง
เป็นผลให้เราได้รับหน้าและโฟลเดอร์ที่มีภาพ
เคล็ดลับ: เมื่อกำหนดชื่อไฟล์ให้ลองใช้อักขระ Cyrillic เพราะเบราว์เซอร์ไม่สามารถอ่านได้
บทเรียนนี้สำหรับการบันทึกภาพในรูปแบบ GIF เสร็จสมบูรณ์ ในนั้นเราพบว่าคุณสามารถเพิ่มประสิทธิภาพไฟล์สำหรับการจัดวางบนอินเทอร์เน็ตได้อย่างไร