วิธีสร้าง GIF ใน Adobe Photoshop

วิธีสร้าง GIF ใน Adobe Photoshop

GIF มีอยู่ทุกที่ ภาพเคลื่อนไหวที่ครั้งหนึ่งเคยต่ำต้อยกลายเป็นภาษาที่ไม่เป็นทางการของเว็บแล้ว GIF เป็นวิธีที่รวดเร็วที่สุดในการแสดงอารมณ์บน Twitter และคุณสามารถเสียเวลาดูพวกเขาบน Reddit และ Facebook ได้





มีสถานที่มากมายให้ค้นหา GIF แต่ไม่มีอะไรจะดีไปกว่าการทำ GIF ของคุณเอง คุณสามารถสร้าง GIF แบบเคลื่อนไหวได้ใน Photoshop โดยการแปลงวิดีโอหรือใช้ภาพนิ่งเป็นชุด เรามาดูวิธีการทำทั้งสองอย่างกัน





สร้าง GIF ใน Photoshop จากวิดีโอ

มีหลายวิธีที่จะ แปลงวิดีโอเป็น GIF และสร้าง GIF ใน Photoshop ได้ง่ายมากโดยใช้ภาพยนตร์ของคุณเอง





เริ่มต้นด้วยการไปที่ ไฟล์ > นำเข้า > เฟรมวิดีโอไปยังเลเยอร์ . คุณไม่จำเป็นต้องสร้างไฟล์ใหม่ก่อน เลือกวิดีโอของคุณและคลิก เปิด .

ในกล่องโต้ตอบที่ตามมา คุณสามารถเลือกว่าจะนำเข้าวิดีโอทั้งหมดหรือเฉพาะบางส่วน หากคุณเลือกใช้อันหลัง ให้ลากแฮนเดิลการตัดแต่งใต้หน้าต่างแสดงตัวอย่างเข้าด้านในเพื่อตั้งค่าจุดเริ่มต้นและจุดสิ้นสุดใหม่ ทุกอย่างระหว่างแฮนเดิลเหล่านี้จะถูกนำเข้า ทุกอย่างภายนอกทิ้ง



โปรดทราบว่ายิ่งคุณนำเข้าวิดีโอมากเท่าไร ผลลัพธ์ GIF ของคุณก็จะยิ่งมากขึ้นเท่านั้น

หากคุณกำลังนำเข้าคลิปขนาดใหญ่ ให้เลือก จำกัดทุก 2 เฟรม (หรือมากกว่า) เป็นวิธีการง่ายๆ ในการลดขนาดโดยไม่กระทบต่อคุณภาพมากเกินไป อย่าตัดเฟรมมากเกินไป มิฉะนั้น คุณจะไม่จบลงด้วย GIF ที่ราบรื่น





มั่นใจ ทำอนิเมชั่นเฟรม ถูกตรวจสอบแล้วคลิก ตกลง . วิดีโอจะเริ่มนำเข้า อาจใช้เวลาสักครู่ขึ้นอยู่กับขนาดของมัน เมื่อเสร็จแล้ว คุณจะมีไฟล์ภาพใหม่ ซึ่งแต่ละเฟรมของวิดีโอจะวางอยู่บนเลเยอร์ของตัวเอง

ที่ด้านล่างของหน้าจอคือ เส้นเวลา จานสี นี่แสดงเฟรมทั้งหมดที่จะประกอบเป็น GIF ของคุณ ซึ่งแต่ละเฟรมสอดคล้องกับเลเยอร์ต่างๆ ในภาพ





คุณสามารถเพิ่มหรือลบเฟรม หรือแก้ไขเลเยอร์ที่มีอยู่ได้ เช่นเดียวกับที่คุณทำกับเลเยอร์ปกติบนรูปภาพอื่นๆ แต่สำหรับการส่งออกวิดีโอโดยตรงไปยัง GIF ให้กด เล่น ปุ่มที่ด้านล่างเพื่อดูตัวอย่าง เมื่อคุณมีความสุข คุณก็พร้อมที่จะบันทึก GIF แล้ว

วิธีการส่งออก GIF ใน Photoshop

ไปที่ ไฟล์ > ส่งออก > บันทึกสำหรับเว็บ (ดั้งเดิม) . ในกล่องที่เปิดขึ้น ตั้งค่ารูปแบบเป็น GIF สี เป็น 256 และลด ขนาดรูปภาพ ให้มีขนาดเล็กลงเพื่อลดขนาดไฟล์โดยรวม

คุณสามารถดูขนาดไฟล์ผลลัพธ์ของคุณได้ที่ด้านล่างซ้ายของหน้าต่างแสดงตัวอย่าง ถ้ามันใหญ่เกินไป ให้ลาก Lossy ตัวเลื่อนไปทางขวา ซึ่งจะส่งผลต่อคุณภาพ แต่ยังลดขนาดไฟล์ลงอย่างมาก

สุดท้ายตี บันทึก เพื่อส่งออก GIF แบบเคลื่อนไหวของคุณ

สร้าง GIF ใน Photoshop โดยใช้ภาพนิ่ง

หากคุณไม่มีวิดีโอให้ใช้ คุณสามารถสร้าง GIF ด้วยตนเองจากชุดภาพนิ่ง มีแอพที่จะช่วยคุณ ภาพเคลื่อนไหวในโทรศัพท์ของคุณ และคุณสามารถทำได้ใน Photoshop

คุณสร้าง GIF จากไฟล์ภาพเดียวที่มีหลายเลเยอร์ และเลเยอร์จะใช้เพื่อให้เนื้อหาสำหรับแต่ละเฟรมของแอนิเมชั่นของคุณ มีสองวิธีในการเริ่มต้น

หากคุณสร้างภาพสำหรับแอนิเมชั่นแล้ว ให้นำเข้าโดยไปที่ ไฟล์ > สคริปต์ > โหลดไฟล์ลงใน Stack .

โอน Google ไดรฟ์จากบัญชีหนึ่งไปยังอีกบัญชีหนึ่ง

คลิก เรียกดู เลือกรูปภาพทั้งหมดที่คุณต้องการ แล้วกด ตกลง . จากนั้นแต่ละภาพจะถูกวางบนเลเยอร์ของตัวเองภายในไฟล์เดียวกัน

หรือถ้าคุณยังไม่ได้สร้างภาพ ให้ทำตอนนี้เลย โปรดจำไว้ว่าแต่ละส่วนของแอนิเมชั่นควรอยู่ในเลเยอร์ของตัวเอง

แก้ไข GIF แบบเคลื่อนไหวใน Photoshop

นี่คือวิธีการทำงาน:

  • เมื่อคุณสร้างเฟรมในภาพเคลื่อนไหวด้วยตนเอง ทุกเลเยอร์ในภาพของคุณที่ตั้งค่าเป็น มองเห็นได้ จะรวมอยู่ในกรอบนั้น
  • เลเยอร์ตั้งเป็น ที่ซ่อนอยู่ จะไม่รวมอยู่ในเฟรม

คุณสร้างแอนิเมชั่นด้วยการแสดงหรือซ่อนเลเยอร์ต่างๆ ภายในรูปภาพสำหรับแต่ละเฟรม

ดังนั้น สำหรับเฟรมแรก คุณอาจต้องการตั้งค่าเลเยอร์พื้นหลังเป็น มองเห็นได้ และชั้นอื่นๆ ทั้งหมดเพื่อ ที่ซ่อนอยู่ . จากนั้นในเฟรมที่สอง คุณอาจต้องการทำให้เลเยอร์ที่สองมองเห็นได้ จากนั้นจึงมองเห็นเลเยอร์ที่สามในเฟรมที่สาม เป็นต้น มันจะชัดเจนเมื่อคุณเริ่มต้น

ก่อนอื่น ไปที่ หน้าต่าง > ไทม์ไลน์ . ที่ตรงกลางของแผงที่เปิดขึ้น ให้คลิก สร้างแอนิเมชั่นเฟรม . สิ่งนี้จะสร้างเฟรมแรกของแอนิเมชั่นของคุณ ใน เลเยอร์ จานสี ซ่อนเลเยอร์ที่คุณไม่ต้องการเป็นส่วนหนึ่งของเฟรมนี้โดยยกเลิกการเลือก ดวงตา ไอคอน

ตอนนี้คลิกที่ เฟรมใหม่ ปุ่มซึ่งจะทำซ้ำเฟรมก่อนหน้า อีกครั้ง ให้ซ่อนเลเยอร์ที่คุณไม่ต้องการรวมไว้ในเฟรมใหม่นี้ และทำให้มองเห็นเลเยอร์ที่คุณทำ

ทำขั้นตอนนี้ซ้ำจนกว่าคุณจะเพิ่มเฟรมทั้งหมดที่คุณต้องการใน GIF ของคุณ

ตั้งค่าอัตราเฟรมและสร้าง GIF วนรอบ

ในการสิ้นสุด ให้ตั้งค่า ความล่าช้าของเฟรม —อันที่จริงนี่คืออัตราเฟรม คลิกเฟรมแรก จากนั้น Shift-คลิก กรอบสุดท้าย

ตอนนี้ คลิกลูกศรแบบเลื่อนลงใต้เฟรมใดเฟรมหนึ่งและเลือกการหน่วงเวลา ไม่ล่าช้า หมายความว่าภาพเคลื่อนไหวจะดำเนินไปอย่างรวดเร็ว ในขณะที่จำนวนวินาทีที่ระบุหมายความว่าแต่ละเฟรมจะอยู่บนหน้าจอเป็นระยะเวลาดังกล่าว

สุดท้ายตั้งค่า ตัวเลือกการวนซ้ำ ซึ่งอยู่ที่ด้านล่างของแผงไทม์ไลน์ กำหนดจำนวนครั้งที่เล่น GIF ในกรณีส่วนใหญ่ คุณจะต้องการตั้งค่าเป็น ตลอดไป .

ตอนนี้ตี เล่น ปุ่มที่ด้านล่างของหน้าจอเพื่อดูตัวอย่าง GIF ของคุณ ตอนนี้คุณควรเห็น GIF แบบเคลื่อนไหวของคุณทำงาน

คุณสามารถแก้ไขเฟรมได้โดยการเลือกเฟรมและปรับเลเยอร์ที่มองเห็นได้ (คุณยังสามารถปรับความทึบหรือปรับแต่งขั้นสูงอื่นๆ ได้) เพิ่มเลเยอร์เพิ่มเติมหากต้องการหรือกด ถังขยะ ไอคอนเพื่อลบ

เมื่อคุณพอใจแล้ว คุณสามารถข้ามไปยังส่วนส่งออก GIF ได้ หรืออ่านเพื่อปรับแต่งแอนิเมชั่นและสร้าง GIF ที่ราบรื่น

แอนิเมชั่นขั้นสูงด้วย Tweening

Photoshop รองรับคุณสมบัติแอนิเมชั่นที่ทรงพลังที่เรียกว่า tweening สิ่งนี้ช่วยให้คุณสร้างภาพเคลื่อนไหว GIF ที่ราบรื่นโดยการสร้างเฟรมเฉพาะกาลระหว่างสองเฟรมที่มีอยู่โดยอัตโนมัติ

ตัวอย่างเช่น สมมติว่าคุณต้องการให้เลเยอร์จาง คุณจะสร้างหนึ่งเฟรมโดยตั้งค่าเลเยอร์นั้นเป็น ที่ซ่อนอยู่ และอีกอันโดยตั้งเป็น มองเห็นได้ . จากนั้นคุณจะต้อง 'ปรับแต่ง' ระหว่างสองเฟรมนั้น และ Photoshop จะจัดการที่เหลือเอง

ในตัวอย่างของเรา เราจะปรับแต่งระหว่างเฟรมทั้งหมดเพื่อให้ท้องฟ้าที่เต็มไปด้วยดวงดาวของเรามีประกายระยิบระยับมากขึ้น

ขั้นแรก เลือกเฟรมแรกแล้วคลิก ทวีน บนแถบเครื่องมือที่ด้านล่างของแผงไทม์ไลน์

ในกล่องโต้ตอบที่เปิดขึ้น ให้ตั้งค่า ทวีด้วย ถึง เฟรมถัดไป , และ เฟรมที่จะเพิ่ม ถึงจำนวนเฟรมช่วงเปลี่ยนผ่านที่คุณต้องการ ตัวเลขที่สูงกว่าหมายถึงเอฟเฟกต์ที่นุ่มนวลแต่ช้ากว่า คลิก ตกลง เพื่อสร้างเฟรมใหม่

วิธีดาวน์โหลด Google หนังสือเป็น pdf

ทำซ้ำขั้นตอนสำหรับเฟรมดั้งเดิมอื่นๆ ที่คุณสร้างขึ้น เมื่อคุณได้อันสุดท้ายคุณอาจต้องการตั้งค่า ทวีด้วย ถึง เฟรมแรก . ซึ่งจะช่วยสร้างการเปลี่ยนผ่านที่ราบรื่นกลับไปยังจุดเริ่มต้นของ GIF แบบวนซ้ำ

ตี เล่น ปุ่มเพื่อดูตัวอย่างผล

ส่งออก GIF ใน Photoshop

เมื่อเสร็จแล้ว คุณควรบันทึกไฟล์ของคุณในรูปแบบ PSD ก่อน การดำเนินการนี้จะบันทึกข้อมูลเลเยอร์และภาพเคลื่อนไหวทั้งหมด เพื่อให้คุณสามารถกลับมาแก้ไขในภายหลังได้หากต้องการ หลังจากนั้น คุณสามารถส่งออกเป็น GIF ได้

ไปที่ ไฟล์ > ส่งออก > บันทึกสำหรับเว็บ (ดั้งเดิม) . ในกล่องโต้ตอบที่เปิดขึ้น ตรวจสอบให้แน่ใจว่าได้ตั้งค่ารูปแบบเป็น GIF และ สี ตัวเลือกถูกตั้งค่าเป็น 256 (เพื่อให้มั่นใจในคุณภาพสูงสุด)

การตั้งค่าอื่น ๆ ที่คุณอาจต้องการเปลี่ยน ได้แก่ ขนาดรูปภาพ และ ตัวเลือกการวนซ้ำ ถ้าคุณไม่ทำมาก่อน

หน้าต่างแสดงตัวอย่างจะแสดงขนาดไฟล์เมื่อคุณบันทึก นอกจากนี้คุณยังสามารถคลิก ดูตัวอย่าง ปุ่มเพื่อทดสอบภาพเคลื่อนไหวในหน้าต่างเบราว์เซอร์ สุดท้ายคลิก บันทึก เพื่อบันทึกและส่งออก GIF ของคุณ

สร้างและแก้ไข GIF ใน Photoshop

การสร้าง GIF ใน Photoshop นั้นค่อนข้างง่าย และคุ้มค่าที่จะทำเพราะช่วยให้คุณควบคุมผลลัพธ์ได้อย่างสมบูรณ์

และถ้าคุณไม่มี Photoshop ก็ไม่ต้องกังวล มีโปรแกรมแก้ไขราคาไม่แพงมากมายที่มีฟังก์ชันการสร้าง GIF เช่นกัน

แบ่งปัน แบ่งปัน ทวีต อีเมล แอพ GIF Maker ที่ดีที่สุด 5 อันดับสำหรับสมาร์ทโฟนของคุณ

บางครั้ง GIF ที่ตรงกับความต้องการของคุณอาจไม่มีให้บริการทางออนไลน์ นั่นเป็นเหตุผลที่คุณต้องการหนึ่งในแอพตัวสร้าง GIF เหล่านี้

อ่านต่อไป
หัวข้อที่เกี่ยวข้อง
  • ความคิดสร้างสรรค์
  • Adobe Photoshop
  • GIF
  • กวดวิชา Photoshop
เกี่ยวกับผู้เขียน Andy Betts(221 บทความเผยแพร่)

Andy เป็นอดีตนักข่าวสิ่งพิมพ์และบรรณาธิการนิตยสารที่เขียนเกี่ยวกับเทคโนโลยีมา 15 ปีแล้ว ในช่วงเวลานั้น เขาได้มีส่วนร่วมในการตีพิมพ์และผลิตงานเขียนคำโฆษณาให้กับบริษัทเทคโนโลยีขนาดใหญ่จำนวนนับไม่ถ้วน เขายังให้ความเห็นจากผู้เชี่ยวชาญสำหรับสื่อและจัดแผงในงานอุตสาหกรรม

เพิ่มเติมจาก Andy Betts

สมัครรับจดหมายข่าวของเรา

เข้าร่วมจดหมายข่าวของเราสำหรับเคล็ดลับทางเทคนิค บทวิจารณ์ eBook ฟรี และดีลพิเศษ!

คลิกที่นี่เพื่อสมัครสมาชิก