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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

บทสรุป

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

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

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

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

ฝากความเห็น

วิธีทำความสะอาดกล่องใส่รีเทนเนอร์: ขั้นตอนง่ายๆ ที่ปลอดภัยและช่วยให้แห้งสนิท

วิธีทำความสะอาดกล่องใส่รีเทนเนอร์: ขั้นตอนง่ายๆ ที่ปลอดภัยและช่วยให้แห้งสนิท

เรียนรู้วิธีทำความสะอาดกล่องใส่รีเทนเนอร์ด้วยสบู่เหลวอ่อนๆ และน้ำอุ่น เช็ดให้แห้งอย่างถูกต้อง หลีกเลี่ยงความร้อนที่อาจทำให้เสียหาย และรู้ว่าเมื่อใดควรเปลี่ยนกล่องใหม่

วิธีทำความสะอาดไส้กรองอากาศรถยนต์อย่างปลอดภัย: ควรทำความสะอาดเมื่อใด และควรเปลี่ยนเมื่อใด

วิธีทำความสะอาดไส้กรองอากาศรถยนต์อย่างปลอดภัย: ควรทำความสะอาดเมื่อใด และควรเปลี่ยนเมื่อใด

เรียนรู้วิธีการตรวจสอบและบำรุงรักษาไส้กรองอากาศเครื่องยนต์ เมื่อใดควรทำความสะอาด เมื่อใดที่การเปลี่ยนไส้กรองอากาศจะปลอดภัยกว่า และวิธีการตรวจสอบการติดตั้งกลับเข้าไปอย่างถูกต้อง

วิธีทำความสะอาดเครื่องทำน้ำแข็งในช่องแช่แข็ง: คู่มือสำหรับมือใหม่

วิธีทำความสะอาดเครื่องทำน้ำแข็งในช่องแช่แข็ง: คู่มือสำหรับมือใหม่

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

วิธีทำความสะอาดหัวฉีดชำระล้างอย่างปลอดภัย: วิธีไหนได้ผลและวิธีไหนควรหลีกเลี่ยง

วิธีทำความสะอาดหัวฉีดชำระล้างอย่างปลอดภัย: วิธีไหนได้ผลและวิธีไหนควรหลีกเลี่ยง

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

วิธีทำความสะอาดตัวกรองทรายสระว่ายน้ำ: การล้างย้อน การล้างน้ำ และรู้ว่าเมื่อใดควรทำความสะอาดลึกกว่าเดิม

วิธีทำความสะอาดตัวกรองทรายสระว่ายน้ำ: การล้างย้อน การล้างน้ำ และรู้ว่าเมื่อใดควรทำความสะอาดลึกกว่าเดิม

เรียนรู้วิธีทำความสะอาดตัวกรองทรายสระว่ายน้ำอย่างปลอดภัย ประเมินว่าการล้างย้อนได้ผลหรือไม่ และรู้ว่าเมื่อใดควรทำความสะอาดอย่างละเอียด ซ่อมแซม หรือเปลี่ยนวัสดุกรองใหม่

วิธีทำความสะอาดเครื่องบดกาแฟอย่างปลอดภัย: คู่มือ 8 ขั้นตอนสำหรับเครื่องบดแบบเฟืองและแบบใบมีด

วิธีทำความสะอาดเครื่องบดกาแฟอย่างปลอดภัย: คู่มือ 8 ขั้นตอนสำหรับเครื่องบดแบบเฟืองและแบบใบมีด

เรียนรู้วิธีทำความสะอาดเครื่องบดกาแฟอย่างปลอดภัย ตั้งแต่การใช้แปรงแห้งปัดใบมีด การล้างชิ้นส่วนที่ถอดได้ การประกอบกลับ การทดสอบ และการดูแลรักษาใบมีดบด

วิธีล้างคราบกาวทาเล็บออกจากเสื้อผ้าโดยไม่ทำลายเนื้อผ้า

วิธีล้างคราบกาวทาเล็บออกจากเสื้อผ้าโดยไม่ทำลายเนื้อผ้า

เรียนรู้วิธีการกำจัดกาวติดเล็บออกจากเสื้อผ้าอย่างปลอดภัย ตั้งแต่การขูดกาวที่แห้งแล้ว การใช้แอซีโทนอย่างระมัดระวัง การซัก และการตรวจสอบเนื้อผ้าก่อนตากให้แห้ง

วิธีขจัดคราบกาวจากสติ๊กเกอร์ออกจากเสื้อผ้าโดยไม่ทำลายเนื้อผ้า

วิธีขจัดคราบกาวจากสติ๊กเกอร์ออกจากเสื้อผ้าโดยไม่ทำลายเนื้อผ้า

เรียนรู้วิธีการกำจัดคราบกาวจากสติกเกอร์บนเสื้อผ้าอย่างปลอดภัย ตั้งแต่การใช้ความเย็นและการเตรียมการเบื้องต้น ไปจนถึงการใช้ตัวทำละลายอย่างระมัดระวัง การซัก และการตากให้แห้ง

วิธีทำความสะอาดคีย์บอร์ดเชิงกลอย่างปลอดภัย: คู่มือการทำความสะอาดอย่างล้ำลึก 4 ขั้นตอน

วิธีทำความสะอาดคีย์บอร์ดเชิงกลอย่างปลอดภัย: คู่มือการทำความสะอาดอย่างล้ำลึก 4 ขั้นตอน

เรียนรู้วิธีทำความสะอาดคีย์บอร์ดเชิงกลอย่างปลอดภัย รวมถึงการถอดปุ่มกด การกำจัดฝุ่น คราบสกปรก การเช็ดให้แห้ง การประกอบกลับ และเมื่อใดควรหยุดและตรวจสอบคู่มือ

วิธีล้างคราบกาวออกจากเสื้อผ้าโดยไม่ทำให้เนื้อผ้าเสียหาย

วิธีล้างคราบกาวออกจากเสื้อผ้าโดยไม่ทำให้เนื้อผ้าเสียหาย

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