เคยสงสัยไหมว่า GIF ขนาดยาวที่คุณเห็นบนเว็บไซต์อย่าง Imgur นั้นถูกสร้างขึ้นมาได้อย่างไร หลายครั้งที่ผู้สร้างใช้วิดีโอ แปลงสิ่งทั้งหมดให้เป็น GIF แบบเคลื่อนไหว แล้วใส่ข้อความทับลงไปเพื่อให้มันสนุกสนาน
โพสต์นี้จะไม่สอนวิธีสร้าง GIF แฟนซีตั้งแต่ต้นจนจบ แต่จะสอนวิธีถ่ายวิดีโอและแปลงเป็น GIF แบบเคลื่อนไหวเป็นอย่างน้อย ฉันจะเขียนอีกโพสต์เกี่ยวกับวิธีเพิ่มข้อความและกราฟิกลงใน GIF ของคุณ
ฉันจะใช้ Photoshop CC สำหรับบทช่วยสอนนี้ เพราะมันช่วยให้คุณควบคุมผลิตภัณฑ์ขั้นสุดท้ายได้มากขึ้นในแง่ของขนาด คุณภาพ เฟรม ฯลฯ
แปลงวิดีโอก่อนนำเข้า
ก่อนที่คุณจะเริ่ม คุณอาจต้องแปลงวิดีโอเป็นรูปแบบไฟล์ที่ Adobe Photoshop รองรับ ตัวอย่างเช่น ฉันถ่ายวิดีโอจาก iPhone และดาวน์โหลดลงในคอมพิวเตอร์ ฉันพยายามนำเข้าวิดีโอไปยัง Photoshop แต่ได้รับข้อผิดพลาดดังต่อไปนี้:

ไม่สามารถทำตามคำสั่ง Video Frames to Layers ได้เนื่องจากไฟล์ไม่มีเฟรมวิดีโอ
วิดีโอเป็นไฟล์ MOV แต่ Photoshop ไม่รองรับตัวแปลงสัญญาณที่ Apple ใช้ ในการแก้ไขปัญหาประเภทนี้ คุณต้องดาวน์โหลดโปรแกรมเช่นHandBrakeเพื่อแปลงวิดีโอ
![วิธีสร้าง GIF จากวิดีโอโดยใช้ Photoshop CC วิธีสร้าง GIF จากวิดีโอโดยใช้ Photoshop CC]()
การใช้เบรกมือทำได้ง่ายมาก เพียงคลิกที่ไฟล์ - เลือกแหล่งที่มาและเลือกไฟล์วิดีโอของคุณ ณ จุดนี้ สิ่งที่คุณต้องทำคือคลิกปุ่มเริ่มเข้ารหัส โดยค่าเริ่มต้น จะใช้ การตั้งค่าล่วงหน้า Fast 1080p30ที่คุณเห็นในรายการทางด้านขวา มีสถานีที่ตั้งไว้ล่วงหน้ามากมาย ดังนั้นเลือกสถานีที่เหมาะกับคุณ โปรดทราบว่าคุณสามารถลดความละเอียดของ GIF ใน Photoshop ได้ในภายหลัง ดังนั้นคุณไม่จำเป็นต้องทำใน HandBrake
เมื่อแปลงเป็นไฟล์ MP4 โดยใช้ตัวแปลงสัญญาณวิดีโอ H.264 แล้ว เราก็สามารถนำเข้าสู่ Photoshop ได้แล้ว
นำเข้าวิดีโอและสร้าง GIF ใน Photoshop
เปิด Photoshop CC แล้วคลิกที่File จาก นั้นคลิกImportจากนั้นคลิกVideo Frames to Layers
![วิธีสร้าง GIF จากวิดีโอโดยใช้ Photoshop CC วิธีสร้าง GIF จากวิดีโอโดยใช้ Photoshop CC]()
เลือกไฟล์วิดีโอของคุณแล้วคลิกเปิด การดำเนินการนี้จะแสดงกล่องโต้ตอบพร้อมตัวอย่างวิดีโอขนาดเล็กและตัวเลือกสองสามตัวเลือก
![วิธีสร้าง GIF จากวิดีโอโดยใช้ Photoshop CC วิธีสร้าง GIF จากวิดีโอโดยใช้ Photoshop CC]()
ตอนนี้หากคุณต้องการให้วิดีโอทั้งหมดเป็น GIF แบบเคลื่อนไหว ให้ดำเนินการต่อและปล่อยให้ปุ่มตัวเลือกเป็นFrom Beginning to End หากคุณต้องการเพียงบางส่วน ให้เลือกช่วงที่เลือกเท่านั้นจากนั้นใช้ตัวควบคุมการตัดแต่งด้านล่างวิดีโอเพื่อเลือกช่วง
นอกจากนี้ หากต้องการลดขนาดของ GIF สุดท้ายให้ได้มากที่สุด คุณสามารถจำกัดจำนวนเฟรมได้ด้วย ตัวอย่างเช่น หากคุณทำเครื่องหมายที่ช่องนี้และปล่อยไว้ 2 เฟรม นั่นหมายความว่า Photoshop จะลบเฟรมอื่นๆ ทั้งหมดออกจากวิดีโอ
สุดท้าย คุณต้องแน่ใจว่าได้เลือกช่องMake Frame Animation แล้ว คลิก ตกลง และวิดีโอของคุณควรนำเข้าเป็นกลุ่มของเฟรมใน Photoshop หากโปรแกรมขัดข้อง คุณอาจต้องลดคุณภาพของวิดีโอลงอีกก่อนที่จะพยายามนำเข้า
![วิธีสร้าง GIF จากวิดีโอโดยใช้ Photoshop CC วิธีสร้าง GIF จากวิดีโอโดยใช้ Photoshop CC]()
ตอนนี้สิ่งที่เราต้องทำคือบันทึกเฟรมเป็น GIF แบบเคลื่อนไหว ในการทำเช่นนี้ใน Photoshop CC คุณต้องคลิกที่ไฟล์ – ส่งออก – บันทึกสำหรับเว็บ (ดั้งเดิม ) โปรดทราบว่าก่อนที่จะบันทึกเป็น GIF คุณสามารถแก้ไขและลบเฟรมได้ตามต้องการ
![วิธีสร้าง GIF จากวิดีโอโดยใช้ Photoshop CC วิธีสร้าง GIF จากวิดีโอโดยใช้ Photoshop CC]()
ในกล่องโต้ตอบนี้มีตัวเลือกมากมายที่คุณจะต้องเล่นด้วย ส่วนใหญ่จะส่งผลต่อคุณภาพของ GIF ซึ่งคุณจะเห็นได้ในพื้นที่แสดงตัวอย่างทางด้านซ้าย บานหน้าต่างด้านขวาคือตำแหน่งที่คุณจะทำการปรับเปลี่ยนส่วนใหญ่
![วิธีสร้าง GIF จากวิดีโอโดยใช้ Photoshop CC วิธีสร้าง GIF จากวิดีโอโดยใช้ Photoshop CC]()
ที่ด้าน บนสุด คุณจะเห็นเมนูแบบเลื่อนลงชื่อPreset คุณสามารถคลิกที่มันแล้วเลือกหนึ่งในค่าที่ตั้งไว้ล่วงหน้า หรือคุณสามารถปรับค่าด้วยตัวเอง การเลือกค่าที่ตั้งไว้ล่วงหน้าอย่างใดอย่างหนึ่งจะลดคุณภาพของ GIF แต่จะทำให้ขนาดเล็กลงด้วย ตรวจสอบให้แน่ใจว่าได้เลือกGIF ใน เมนูแบบ เลื่อนลงด้านล่าง ค่า ที่ ตั้งไว้
ที่ด้านล่างใต้Image Sizeคุณสามารถปรับความละเอียดเอาต์พุตสุดท้ายสำหรับ GIF ของคุณได้ ดังนั้น หากวิดีโอของคุณมีขนาด 1920×1080 หรือ 4K คุณอาจต้องการลดขนาดลงอย่างมากที่นี่ ภายใต้แอนิเมชัน คุณสามารถเลือกตลอดไปครั้งเดียวหรือกำหนดเองสำหรับตัวเลือกการวนซ้ำ ตามค่าเริ่มต้น GIF จะวนซ้ำอย่างต่อเนื่อง คุณสามารถใช้ตัวควบคุมที่ด้านล่างเพื่อเล่น GIF เพื่อดูว่ามีลักษณะอย่างไร
คลิก บันทึก และเลือกตำแหน่งที่จะบันทึก GIF ของคุณ เกี่ยวกับมัน. Photoshop ทำให้การสร้าง GIF แบบเคลื่อนไหวจากวิดีโอเป็นเรื่องง่ายมาก และให้คุณปรับแต่งการตั้งค่าให้ถูกต้อง อ่านโพสต์ของฉันเกี่ยวกับวิธีสร้าง GIF แบบเคลื่อนไหวจากรูปภาพโดยใช้ Photosho p สนุก!