วิธีสร้างภาพเคลื่อนไหว GIF (พร้อมรูปภาพ)

สารบัญ:

วิธีสร้างภาพเคลื่อนไหว GIF (พร้อมรูปภาพ)
วิธีสร้างภาพเคลื่อนไหว GIF (พร้อมรูปภาพ)
Anonim

ขั้นตอน

วิธีที่ 1 จาก 2: การสร้าง-g.webp" />
สร้างภาพเคลื่อนไหว ขั้นตอนที่ 1
สร้างภาพเคลื่อนไหว ขั้นตอนที่ 1

ขั้นตอนที่ 1. เลือกชุดรูปภาพหรือวิดีโอ

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

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

ขั้นตอนที่ 2 เยี่ยมชมตัวสร้าง-g.webp" />

มีโปรแกรมสร้าง-g.webp

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

ขั้นตอนที่ 3 ตัดส่วนวิดีโอออก (ไม่บังคับ)

หากคุณกำลังสร้าง-g.webp

  • เปิด VLC จากนั้นใช้ไฟล์ → เปิดไฟล์… เพื่อเปิดไฟล์วิดีโอ
  • ค้นหาจุดเริ่มต้นของกลุ่มที่คุณต้องการเปลี่ยนเป็น GIF
  • เลือก เล่น → บันทึก ในเมนูด้านบน
  • เล่นวิดีโอจนกว่าส่วนที่คุณต้องการ "GIF-ify" จะจบลง กดบันทึกอีกครั้งเพื่อหยุดการบันทึก ไฟล์ใหม่ที่เล็กกว่าตอนนี้ถูกบันทึกในโฟลเดอร์เดียวกับวิดีโอต้นฉบับ
สร้างภาพเคลื่อนไหว ขั้นตอนที่4
สร้างภาพเคลื่อนไหว ขั้นตอนที่4

ขั้นตอนที่ 4. อัปโหลดรูปภาพหรือวิดีโอ

มองหาลิงก์อัปโหลดรูปภาพ หากคุณกำลังแปลงวิดีโอ ให้มองหาลิงก์อัปโหลดวิดีโอแทน

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

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

ขั้นตอนที่ 5. แก้ไข GIF

เครื่องมือออนไลน์เหล่านี้มักจะให้คุณเปลี่ยนลำดับของรูปภาพใน-g.webp

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

ขั้นตอนที่ 6 สร้าง-g.webp" />

มองหา Generate GIF, สร้าง-g.webp

วิธีที่ 2 จาก 2: การสร้าง-g.webp" />
สร้างภาพเคลื่อนไหว ขั้นตอนที่7
สร้างภาพเคลื่อนไหว ขั้นตอนที่7

ขั้นตอนที่ 1. ดาวน์โหลด GIMP

GIMP ย่อมาจาก GNU Image Manipulation Program ซึ่งเป็นโปรแกรมแก้ไขภาพโอเพนซอร์ส ดาวน์โหลดได้ฟรีที่ gimp.org/downloads เมื่อใช้ GIMP คุณสามารถแก้ไขแต่ละเฟรมของ-g.webp

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

ขั้นตอนที่ 2 เปิดภาพที่คุณต้องการทำให้เคลื่อนไหว

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

หากคุณกำลังใช้ไฟล์ GIMP ที่มีอยู่ซึ่งมีหลายเลเยอร์ ให้ใช้คำสั่ง Image → Flatten Image เพื่อรวมทั้งหมดไว้ในเลเยอร์เดียว เลเยอร์นี้จะเป็นหนึ่งเฟรมของภาพเคลื่อนไหว

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

ขั้นตอนที่ 3 เพิ่มรูปภาพเพิ่มเติม

หากคุณมีรูปภาพหลายรูปที่จะเปลี่ยนเป็น-g.webp

  • แต่ละเลเยอร์จะเป็นหนึ่งเฟรมของ-g.webp" />
  • ทุกภาพต้องมีขนาดเท่ากัน ไม่เช่นนั้นภาพที่มีขนาดใหญ่กว่าจะถูกครอบตัดเมื่อบันทึก GIF
สร้างภาพเคลื่อนไหว ขั้นตอนที่ 10
สร้างภาพเคลื่อนไหว ขั้นตอนที่ 10

ขั้นตอนที่ 4 ซ่อนเลเยอร์เพื่อให้คุณสามารถแก้ไขเลเยอร์ด้านล่าง (ไม่บังคับ)

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

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

ขั้นตอนที่ 5. แก้ไขรูปภาพ (ไม่บังคับ)

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

  • ในหน้าต่าง "Toolbar" ทางซ้าย ให้เลือก "Scale Tool" (สี่เหลี่ยมเล็กๆ สี่เหลี่ยมที่มีลูกศรชี้ไปที่สี่เหลี่ยมขนาดใหญ่) เพื่อปรับขนาดรูปภาพ ทำให้เลเยอร์ทั้งหมดของคุณมีขนาดเท่ากัน
  • ในหน้าต่าง Toolbar เลือกไอคอน "A" แล้วคลิกรูปภาพเพื่อเพิ่มข้อความ พิมพ์ข้อความและใช้เครื่องมือป๊อปอัปเพื่อปรับขนาด แบบอักษร และสี เมื่อเสร็จแล้ว ใช้คำสั่ง Layer → Merge Down เพื่อรวมข้อความกับเลเยอร์ด้านล่าง
สร้างภาพเคลื่อนไหว ขั้นตอนที่ 12
สร้างภาพเคลื่อนไหว ขั้นตอนที่ 12

ขั้นตอนที่ 6 ดูภาพเคลื่อนไหว

เมื่อคุณแก้ไขเสร็จแล้ว ให้เลือกคำสั่ง Filters → Animation → Playback… จากเมนูด้านบน คลิกไอคอนเล่นในหน้าต่างที่ปรากฏขึ้นเพื่อดูภาพเคลื่อนไหวของคุณ

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

ขั้นตอนที่ 7. ปรับเวลา

ไปที่หน้าต่าง "Layers" และคลิกขวา (หรือกดปุ่ม Control แล้วคลิกบน Mac บางเครื่อง) ที่เลเยอร์ เลือกแก้ไขแอตทริบิวต์ของเลเยอร์ หลังชื่อพิมพ์ (XXXXms) โดยแทนที่ Xs ด้วยจำนวนมิลลิวินาทีที่คุณต้องการให้แสดงเลเยอร์นั้น ทำเช่นนี้กับแต่ละชั้น เปิดการเล่นอีกครั้งเพื่อดูภาพเคลื่อนไหวที่มีการเปลี่ยนแปลงใหม่ของคุณ และดำเนินการปรับต่อไปจนกว่าคุณจะพอใจ

  • คุณสามารถข้ามขั้นตอนนี้และเลือกความเร็วเริ่มต้นในภายหลังเมื่อคุณส่งออกไฟล์
สร้างภาพเคลื่อนไหว ขั้นตอนที่ 14
สร้างภาพเคลื่อนไหว ขั้นตอนที่ 14

ขั้นตอนที่ 8 ปรับแต่งแอนิเมชั่นให้โหลดเร็วขึ้น

ใช้เมนูด้านบนเพื่อเลือกตัวกรอง → แอนิเมชัน → ปรับให้เหมาะสม (สำหรับ GIF) สิ่งนี้จะสร้างสำเนาที่มีขนาดไฟล์ที่เล็กกว่ามาก ทำสำเนาต่อสำหรับขั้นตอนที่เหลือ

  • ก่อนการปรับให้เหมาะสม แต่ละเฟรมจะถูกโหลดอย่างสมบูรณ์ ("ถูกแทนที่") หลังจากการเพิ่มประสิทธิภาพ จะโหลดเฉพาะพื้นที่ของภาพที่เปลี่ยนแปลงเท่านั้น ("รวมกัน")
  • คุณสามารถข้ามขั้นตอนนี้และเพิ่มประสิทธิภาพระหว่างการส่งออกได้ในขั้นตอนด้านล่าง
สร้างภาพเคลื่อนไหว ขั้นตอนที่ 15
สร้างภาพเคลื่อนไหว ขั้นตอนที่ 15

ขั้นตอนที่ 9 ส่งออกไฟล์ของคุณเป็น GIF

เลือกไฟล์ → ส่งออกเป็น…. คลิก Select File Type ที่ด้านล่างของหน้าต่างที่ปรากฏขึ้นเพื่อดูตัวเลือกเพิ่มเติม จากนั้นเลื่อนลงและเลือก "GIF" คลิกส่งออกและหน้าต่างใหม่จะปรากฏขึ้นตามที่อธิบายไว้ด้านล่าง

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

ขั้นตอนที่ 10. ตั้งค่าตัวเลือกของคุณและส่งออกให้เสร็จสิ้น

ในหน้าต่างใหม่ชื่อ ส่งออกรูปภาพเป็น-g.webp

  • ยกเลิกการเลือก "วนซ้ำตลอดไป" หากคุณต้องการให้แอนิเมชั่นเล่นเพียงครั้งเดียว
  • หากคุณข้ามขั้นตอนการปรับเวลา ให้ตั้งค่าการหน่วงเวลาที่นี่ โดยค่าเริ่มต้น ค่านี้จะตั้งไว้ที่ 100 ms หรือ 10 เฟรมต่อวินาที ลดจำนวนนี้สำหรับ-g.webp" />
  • หากคุณข้ามขั้นตอนการปรับให้เหมาะสมด้านบน ให้มองหาตัวเลือก "การกำจัดเฟรม" ขณะส่งออกและเลือก "เลเยอร์สะสม (รวม)"

เคล็ดลับ

  • Adobe Photoshop เวอร์ชันเก่ามาพร้อมกับโปรแกรมอื่นที่เรียกว่า Adobe ImageReady หากคุณมีมัน ให้สร้างแต่ละเฟรมใน Photoshop เป็นเลเยอร์แยก จากนั้นใช้ ImageReady เพื่อสร้างแอนิเมชั่น คล้ายกับวิธีการด้านบน
  • GIMP มีเอฟเฟกต์แอนิเมชั่นบางส่วนภายใต้ตัวกรอง → แอนิเมชั่น สิ่งเหล่านี้จะเพิ่มเอฟเฟกต์การซีดจางระหว่างเลเยอร์ เช่น ระลอกคลื่นหรือการผสมผสาน
  • สำหรับคุณสมบัติแอนิเมชั่นขั้นสูงเพิ่มเติม ให้ติดตั้ง ปลั๊กอินแอนิเมชั่น Gimp (GAP) และอ่านบทช่วยสอน GAP ใช้งานไม่ได้กับ GIMP 2.8 เวอร์ชัน 64 บิต ดังนั้นคุณอาจต้องดาวน์โหลด GIMP 2.6 แทน

คำเตือน

แนะนำ: