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

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

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

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

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

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

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

ขั้นตอนที่ 2 - สร้างเฟรมภาพเคลื่อนไหว

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

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

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

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

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

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

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

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

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

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

ข้อสรุป

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

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

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