การสร้าง GIF แบบเคลื่อนไหวกับ GIMP

How to Create an Animated GIF in Photoshop CC (อาจ 2025)

:

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

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

เปิดเอกสารใหม่

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

ตั้งกรอบหนึ่ง

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

ตั้งค่ากรอบสอง

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

ตั้งเฟรมสาม, สี่และห้า

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

ตั้งกรอบหก

เฟรมนี้เป็นกรอบเปล่าที่เต็มไปด้วยสีขาวซึ่งจะทำให้รอยเท้าสุดท้ายหายไปก่อนที่เฟรมสุดท้ายจะปรากฏขึ้น เราตั้งชื่อช่วง Interval นี้ไว้และเลือกให้แสดงผลในเวลาเพียง 250 มิลลิวินาที คุณไม่จำเป็นต้องตั้งชื่อเลเยอร์ แต่สามารถทำให้ไฟล์เลเยอร์ทำงานได้ง่ายขึ้น

ตั้งกรอบเจ็ด

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

ดูตัวอย่างภาพเคลื่อนไหว

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

บันทึกภาพเคลื่อนไหว GIF

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

ข้อสรุป

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