วิธีสร้างภาพเคลื่อนไหว GIF จากรูปภาพโดยใช้ Photoshop CS6

เมื่อเร็ว ๆ นี้ฉันถ่ายรูปลูกพี่ลูกน้องตลก ๆ และต้องการสร้าง GIF แบบเคลื่อนไหวของตัวเองแทนการใช้ "โปรแกรมรูปเก๋อัตโนมัติ" ที่ Google+ สร้างขึ้นโดยอัตโนมัติ เนื่องจากฉันติดตั้ง Photoshop CS6 ไว้ ฉันจึงคิดว่าฉันจะลองดูว่าจะเกิดอะไรขึ้น ตอนแรกฉันคิดว่ามันจะค่อนข้างตรงไปตรงมา: นำเข้ารูปภาพไปยังเลเยอร์ที่แยกจากกัน จากนั้นบันทึกเป็นไฟล์ GIF พร้อมภาพเคลื่อนไหว ผิด!

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

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

ขั้นตอนที่ 1 – นำเข้ารูปภาพทั้งหมด

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

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

ขั้นตอนที่ 2 – สร้างเฟรมแอนิเมชั่น

ขั้นตอนที่สองคือการสร้างภาพเคลื่อนไหวจริงใน Photoshop เอง ในการทำเช่นนี้ คุณต้องเปิดหน้าต่างไทม์ไลน์ก่อน ไปที่Windowแล้วเลือกTimeline

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

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

แต่เราต้องการให้เลเยอร์ทั้งหมดรวมอยู่ในภาพเคลื่อนไหวแทน ในการทำเช่นนี้เราต้องคลิกที่ปุ่มลูกศรชี้ลงเล็ก ๆ ที่ด้านขวาสุดของหน้าต่างไทม์ไลน์ มันมีลูกศรชี้ลงเล็กๆ แล้วก็มีเส้นแนวนอนสองสามเส้นอยู่ข้างๆ เมื่อคุณคลิก คุณจะเห็นตัวเลือกที่เรียกว่าMake Frames From Layers

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

ดังที่คุณเห็นด้านบน เฟรมแรกคือ 5 วินาที จากนั้นเฟรมที่เหลือจะถูกตั้งค่าเป็น 0 คุณจะต้องปรับเปลี่ยนตามนั้น แต่คุณสามารถเลือกระยะเวลาที่กำหนดเองได้เช่นกัน

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

ขั้นตอนที่ 3 - บันทึกไฟล์ GIF

ตอนนี้ได้เวลาบันทึก GIF แบบเคลื่อนไหวของคุณแล้ว โดยไปที่File แล้วคลิกSave for Web ที่ด้านล่างสุดของกล่องโต้ตอบบันทึก คุณจะเห็นส่วนแอนิเมชัน ซึ่งไม่ควรเป็นสีเทาอีกต่อไป

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

บทสรุป

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

ประการที่สอง หากคุณมีวิดีโอ คุณสามารถนำเข้าเฟรมวิดีโอเป็นเลเยอร์ได้โดยอัตโนมัติโดยไปที่File จากนั้น คลิก Importและคลิกที่Video Frames to Layers

นั่นคือทั้งหมดที่มีไป อีกครั้ง เพื่อจัดการขนาด คุณอาจต้องลดคุณภาพของภาพเพื่อสร้างไฟล์ GIF ขนาดเล็ก สนุก!