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

สารบัญ:

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

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

วีดีโอ: วิธีสร้างภาพเคลื่อนไหว GIF ด้วย GIMP (พร้อมรูปภาพ)
วีดีโอ: Apple Pay — How to send and receive money on iPhone — Apple 2024, เมษายน
Anonim

ภาพเคลื่อนไหว-g.webp

ขั้นตอน

ส่วนที่ 1 จาก 2: การสร้างเฟรมสำหรับแอนิเมชั่นของคุณใน GIMP

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

ขั้นตอนที่ 1 เปิด GIMP

GIMP เป็นโปรแกรมแก้ไขรูปภาพโอเพ่นซอร์สฟรีที่มีเครื่องมือคล้ายกับ Photoshop GIMP มีไอคอนที่คล้ายกับสุนัขจิ้งจอกที่มีพู่กันอยู่ในปาก คลิกไอคอนในเมนู Start ของ Windows หรือโฟลเดอร์ Applications บน Mac และ Linux

คุณสามารถดาวน์โหลดและติดตั้ง GIMP ได้ฟรีจาก gimp.org

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

ขั้นตอนที่ 2. สร้างไฟล์ใหม่

ขนาดของไฟล์ที่คุณสร้างขึ้นอยู่กับวัตถุประสงค์ในการใช้งาน โฆษณาแบนเนอร์โดยทั่วไปจะมีความสูงระหว่าง 60 ถึง 120 พิกเซล และกว้าง 400 ถึง 800 พิกเซล ปุ่มต่างๆ มักจะสูงประมาณ 40 พิกเซลและกว้าง 300 พิกเซล ซอฟต์แวร์เว็บไซต์และระบบแลกเปลี่ยนแบนเนอร์ที่แตกต่างกันจะแสดงความต้องการของตนเอง ใช้ขั้นตอนต่อไปนี้เพื่อสร้างไฟล์รูปภาพใหม่:

  • คลิก ไฟล์.
  • คลิก ใหม่
  • พิมพ์ความกว้างเป็นพิกเซลข้าง "ความกว้าง"
  • พิมพ์ความสูงเป็นพิกเซลข้าง "ความสูง"
  • คลิก ตกลง.
สร้างภาพ แบบเคลื่อนไหวด้วย GIMP ขั้นตอนที่ 3
สร้างภาพ แบบเคลื่อนไหวด้วย GIMP ขั้นตอนที่ 3

ขั้นตอนที่ 3 เลือกสีพื้นหลังสำหรับรูปภาพของคุณ

สีพื้นหน้าและพื้นหลังที่ใช้งานอยู่จะแสดงเป็นสี่เหลี่ยมทับซ้อนกันด้านล่างแถบเครื่องมือทางด้านซ้าย หากต้องการเลือกสี ให้คลิกสี่เหลี่ยมด้านบน คลิกสีในแถบสีรุ้งเพื่อเลือกสี ใช้กล่องทางด้านซ้ายของแถบสีรุ้งเพื่อเลือกเฉดสีสำหรับสี ซึ่งจะเลือกสีพื้นหน้าที่ใช้งานอยู่

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

ขั้นตอนที่ 4 ใช้เครื่องมือถังสีเพื่อเพิ่มสีพื้นหลังให้กับรูปภาพของคุณ

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

คุณยังสามารถใช้เครื่องมืออื่นๆ เช่น เครื่องมือแปรง เพื่อวาดวัตถุที่ไม่เคลื่อนไหวอื่นๆ บนเลเยอร์พื้นหลัง

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

ขั้นตอนที่ 5. เพิ่มเลเยอร์ใหม่

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

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

ขั้นตอนที่ 6 เพิ่มวัตถุที่เคลื่อนไหวให้กับรูปภาพ

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

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

ขั้นตอนที่ 7 สร้างเฟรมแรกของภาพของคุณ

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

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

ขั้นตอนที่ 8. บันทึกเฟรมแรกของรูปภาพของคุณเป็นภาพนิ่ง

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

  • คลิก ไฟล์
  • คลิก ส่งออกเป็น.
  • พิมพ์ "[ชื่อไฟล์ภาพเคลื่อนไหว] เฟรม 1" ข้างชื่อ
  • คลิก เลือกประเภทไฟล์.
  • คลิก ภาพ JPEG.
  • คลิก ส่งออก
  • คลิก ส่งออก อีกครั้ง.
สร้างภาพเคลื่อนไหว ด้วย GIMP ขั้นตอนที่ 9
สร้างภาพเคลื่อนไหว ด้วย GIMP ขั้นตอนที่ 9

ขั้นตอนที่ 9 ใช้เครื่องมือย้ายเพื่อย้ายวัตถุในเฟรมเล็กน้อย

เครื่องมือย้ายมีไอคอนที่คล้ายกับลูกศรชี้ขึ้น ลง ซ้าย และขวา ใช้เครื่องมือย้ายเพื่อย้ายวัตถุที่เคลื่อนไหวในรูปภาพของคุณไปยังตำแหน่งเฟรม 2 ของวัตถุนั้นเล็กน้อย อัตราเฟรมที่แนะนำสำหรับภาพเคลื่อนไหว-g.webp

เพื่อช่วยให้การเคลื่อนไหวระหว่างแต่ละเฟรมราบรื่นและสม่ำเสมอ คุณอาจต้องการเปิดตาราง หากต้องการเปิดกริด ให้คลิก ดู, ติดตามโดย แสดงกริด.

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

ขั้นตอนที่ 10. บันทึกเฟรมที่สองของแอนิเมชั่นของคุณ

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

  • คลิก ไฟล์
  • คลิก ส่งออกเป็น.
  • พิมพ์ "[ชื่อไฟล์ GIF] เฟรม 2" ข้าง "ชื่อ"
  • คลิก เลือกประเภทไฟล์.
  • คลิก ภาพ JPEG.
  • คลิก ส่งออก
  • คลิก ส่งออก อีกครั้ง.
สร้างภาพเคลื่อนไหว ด้วย GIMP ขั้นตอนที่ 11
สร้างภาพเคลื่อนไหว ด้วย GIMP ขั้นตอนที่ 11

ขั้นตอนที่ 11 ทำซ้ำสำหรับเฟรมเพิ่มเติมทั้งหมด

ดำเนินไปในลักษณะนี้ ใช้เครื่องมือย้ายเพื่อวางแต่ละวัตถุที่เคลื่อนไหวในแอนิเมชั่นของคุณเล็กน้อย แล้วบันทึกรูปภาพเป็นเฟรม ตรวจสอบให้แน่ใจว่ารูปภาพแต่ละรูปมีหมายเลขเฟรมในชื่อไฟล์ (เช่น Text Scroll Frame 1, Text Scroll Frame 2, Text Scroll Frame 3 เป็นต้น)

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

ขั้นตอนที่ 12 บันทึกงานของคุณเป็นไฟล์ GIMP

เป็นความคิดที่ดีที่จะบันทึกงานของคุณเป็นไฟล์ GIMP (.xcf) ในกรณีที่คุณจำเป็นต้องทำซ้ำหรือเปลี่ยนเฟรมในภายหลัง ตั้งชื่อไฟล์ว่า "[ชื่อภาพเคลื่อนไหว] artboard.xcf" ใช้ขั้นตอนต่อไปนี้เพื่อบันทึกงานของคุณ:

  • คลิก ไฟล์
  • คลิก บันทึกเป็น.
  • พิมพ์ชื่อไฟล์ข้าง "ชื่อ"
  • คลิก บันทึก.

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

ขั้นตอนที่ 1 สร้างไฟล์ใหม่ใน GIMP

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

  • คลิก ไฟล์.
  • คลิก ใหม่
  • พิมพ์ความกว้างเป็นพิกเซลข้าง "ความกว้าง"
  • พิมพ์ความสูงเป็นพิกเซลข้าง "ความสูง"
  • คลิก ตกลง.
สร้างภาพเคลื่อนไหว ด้วย GIMP ขั้นตอนที่ 14
สร้างภาพเคลื่อนไหว ด้วย GIMP ขั้นตอนที่ 14

ขั้นตอนที่ 2 เปิดแต่ละเฟรมของแอนิเมชั่นเป็นเลเยอร์ใหม่

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

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

ขั้นตอนที่ 3 เพิ่มอัตราเฟรมเป็นมิลลิวินาทีให้กับชื่อแต่ละเลเยอร์

ตามค่าเริ่มต้น GIMP จะส่งออกภาพเคลื่อนไหว-g.webp

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

ขั้นตอนที่ 4. ดูตัวอย่างภาพเคลื่อนไหวของคุณ

ก่อนที่คุณจะส่งออกแอนิเมชั่นของคุณเป็น-g.webp

  • คลิก กรอง.
  • คลิก การเล่น.
  • ใช้เมนูแบบเลื่อนลง "fps" เพื่อเลือกเฟรมต่อวินาที
  • คลิกปุ่มเล่นที่มุมบนขวา
สร้างภาพเคลื่อนไหว ด้วย GIMP ขั้นตอนที่ 17
สร้างภาพเคลื่อนไหว ด้วย GIMP ขั้นตอนที่ 17

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

หากคุณพอใจกับรูปลักษณ์ของภาพเคลื่อนไหว-g.webp

  • คลิก ไฟล์
  • คลิก ส่งออกเป็น.
  • พิมพ์ชื่อไฟล์ข้าง "ชื่อ"
  • คลิก เลือกประเภทไฟล์.
  • คลิก ภาพ GIF.
  • คลิก ส่งออก
  • คลิก ส่งออก อีกครั้ง.
  • คลิก เป็นแอนิเมชั่น.
  • พิมพ์อัตราเฟรม (เช่น 30) ข้าง "Delay between frames where unspecified:"
  • คลิก ส่งออก

วิดีโอ - การใช้บริการนี้ อาจมีการแบ่งปันข้อมูลบางอย่างกับ YouTube

เคล็ดลับ

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

แนะนำ: