สร้างตัวอย่างด้วยรูปภาพสี่รูปก่อน จากนั้นจึงปรับลำดับ ระยะเวลาเฟรม และผืนผ้าใบให้เข้ากับลำดับรูปภาพของคุณเอง เปิด เครื่องมือสร้าง GIF.
เลือกรูปภาพและจัดเรียงลำดับเฟรม
เปิด GIF Maker และเลือก Images อัปโหลดรูปภาพของคุณหรือเลือก Try an example อินพุตทั่วไปได้แก่ JPG, PNG, WebP และ GIF; แบบฟอร์มอัปโหลดจะแสดงรายการรูปแบบเพิ่มเติมที่รองรับ ชุดไฟล์สามารถมีได้สูงสุด 50 ไฟล์ โดยมีขีดจำกัด 25 MB ต่อรูปภาพและขีดจำกัดการประมวลผลโดยรวม
ตัวอย่างนี้ใช้ Try an example เพื่อโหลด gif-orbit-01.webp ถึง gif-orbit-04.webp ต้นฉบับแต่ละภาพมีขนาด 640 × 640 พิกเซล และรูปภาพทั้งสี่แสดงตำแหน่งที่แตกต่างกันในฉากวงโคจรเดียวกัน รักษาลำดับเดิมไว้เพื่อให้ได้ผลลัพธ์ตามที่ต้องการ
การ์ดเฟรมจะอยู่เหนือส่วนแสดงตัวอย่าง ลากการ์ดเพื่อเปลี่ยนตำแหน่ง หรือเลือกการ์ดแล้วใช้ ย้ายไปก่อนหน้า หรือ ย้ายไปถัดไป ในแผงการตั้งค่า ผู้ใช้คีย์บอร์ดสามารถเลือกการ์ดด้วยปุ่มลูกศรและจัดลำดับใหม่ด้วยปุ่ม Alt พร้อมปุ่มลูกศร ปุ่มเล่นเหนือส่วนแสดงตัวอย่างจะตรวจสอบลำดับปัจจุบัน
ทำซ้ำ จะเพิ่มสำเนาของเฟรมที่เลือก ลบ จะลบเฟรมออกจากลำดับโดยต้องเหลือไว้อย่างน้อยหนึ่งเฟรม เลิกทำ และ ทำซ้ำ จะกู้คืนการแก้ไขล่าสุด การเพิ่มหรือลบไฟล์ต้นฉบับจะเป็นการเริ่มชุดไฟล์ใหม่และรีเซ็ตประวัติการแก้ไขนั้น ใช้ เพิ่มรูปภาพ เมื่อลำดับต้องการรูปภาพเพิ่มเติม
ใช้รูปภาพที่เกี่ยวข้องกันซึ่งมีการดำเนินเรื่องที่ชัดเจน ลำดับที่เรียบง่ายจะติดตามได้ง่ายกว่ารูปภาพจำนวนมากที่ไม่เกี่ยวข้องกันซึ่งเปลี่ยนไปอย่างรวดเร็ว
ตั้งค่าระยะเวลาของแต่ละเฟรมและเลือกการเปลี่ยนภาพ
เลือกเฟรมและตั้งค่า ระยะเวลา เป็นวินาที ช่วงที่รองรับคือ 0.02 ถึง 10 วินาทีต่อเฟรมต้นฉบับ การใช้ระยะเวลานี้กับทุกเฟรมจะทำให้ทุกเฟรมมีระยะเวลาเท่ากัน สำหรับสไลด์โชว์ที่มีชื่อเรื่องหรือรูปภาพสุดท้ายที่มีรายละเอียด ให้ปล่อยเฟรมนั้นค้างไว้นานกว่าเฟรมอื่น
สำหรับตัวอย่างนี้ ให้คง ระยะเวลา ไว้ที่ 0.65 วินาที ลองใช้ตัวอย่าง จะตั้งค่านี้ไว้ให้แล้ว สำหรับรูปภาพของคุณเอง ให้ป้อน 0.65 สำหรับหนึ่งเฟรมแล้วเลือก ใช้ระยะเวลานี้กับทุกเฟรม เลือก ค่อยๆ จาง ภายใต้ การเปลี่ยนภาพ และตั้งค่า เวลาเปลี่ยนภาพ เป็น 0.20 วินาที หรือ 200 มิลลิวินาที
เปิด ข้อความและคุณภาพการส่งออก และคง ขั้นตอนการเปลี่ยนภาพ ไว้ที่ 4 การจางแต่ละครั้งจะเพิ่มเฟรมคั่นสี่เฟรม ด้วยเฟรมต้นฉบับสี่เฟรม การจางแบบวนซ้ำสี่ครั้ง การเล่นไปข้างหน้า และ ทำซ้ำตลอดไป ตัวอย่างนี้จึงมีเฟรมที่เรนเดอร์ทั้งหมด 20 เฟรม การค้างไว้ 0.65 วินาทีสี่ครั้งบวกกับการจาง 0.20 วินาทีสี่ครั้งทำให้ได้รอบเวลา 3.4 วินาที
ตัดฉับ จะสลับระหว่างรูปภาพโดยตรงโดยไม่เพิ่มเฟรมเปลี่ยนภาพ เลื่อนไปทางซ้าย จะเลื่อนรูปภาพถัดไปข้ามผืนผ้าใบ จำนวนขั้นตอนการเปลี่ยนภาพที่มากขึ้นอาจทำให้การเปลี่ยนภาพราบรื่นขึ้น แต่จะใช้ งบประมาณการส่งออก 200 เฟรม มากขึ้น โปรแกรมแก้ไขจะแจ้งเตือนเมื่อลำดับและเอฟเฟกต์ที่เลือกเกินขีดจำกัดนั้น
ไปข้างหน้า จะเล่นลำดับตามลำดับ ย้อนกลับ จะเล่นแบบถอยหลัง และ เด้ง จะเล่นย้อนกลับผ่านลำดับโดยไม่ทำซ้ำเฟรมปลายทางทั้งสอง วนซ้ำ จะเลือกการเล่นไม่สิ้นสุดหรือจำนวนครั้งที่กำหนด สำหรับตัวอย่างที่ทำนี้ ให้คง ไปข้างหน้า และ ทำซ้ำตลอดไป ไว้
ระยะเวลา คือการค้างไว้ก่อนการเปลี่ยนภาพ ส่วน เวลาเปลี่ยนภาพ จะถูกบวกเพิ่มเข้าไป รูปภาพสี่รูปที่ 0.65 วินาทีไม่ได้ทำให้เกิดรอบเวลา 2.6 วินาทีเมื่อเปิดใช้งานการจางด้วย
ตัวอย่างในคู่มือนี้
ภาพตัวอย่างสี่ภาพตามลำดับเดิม; 0.65 วินาทีต่อเฟรม; ไปข้างหน้า; ทำซ้ำตลอดไป; จางหายแบบนุ่มนวล; เวลาเปลี่ยนผ่าน 0.20 วินาที; ขั้นตอนการเปลี่ยนผ่าน 4; สี่เหลี่ยม 640 × 640 พิกเซล; แสดงภาพทั้งหมด; จัดกึ่งกลางที่ซูม 100%; คำบรรยายเฟรมแรก "Made to loop."; ด้านล่าง; 32 พิกเซล; สีขาว; 256 สี; เปิดใช้งานการไล่ระดับสีที่ราบรื่นและปรับขนาดไฟล์ให้เหมาะสม
- ภาพต้นฉบับ
- 4 WebPs · ขนาด 640 × 640 พิกเซลต่อภาพ
- ระยะเวลาเฟรม
- ค้าง 0.65 วินาที + จางหาย 0.20 วินาที
- GIF ที่ดาวน์โหลดแล้ว
- 640 × 640 พิกเซล · 20 เฟรม
- รอบการเคลื่อนไหว
- 3.4 วินาที · ทำซ้ำตลอดไป
เลือกผืนผ้าใบ ปรับกรอบรูปภาพ และเพิ่มคำบรรยาย
ภายใต้ ผืนผ้าใบและพื้นหลัง ให้เลือก สี่เหลี่ยม · 1:1 สำหรับตัวอย่างนี้ และคง ความกว้าง และ ความสูง ไว้ที่ 640 พิกเซล ค่าที่ตั้งไว้ล่วงหน้าอื่นๆ ได้แก่ แนวตั้ง, สตอรี่, แนวนอน และ จอไวด์สกรีน จับคู่รูปภาพแรก จะเริ่มจากรูปร่างของรูปภาพแรก ในขณะที่ ขนาดกำหนดเอง จะยอมรับขนาดตั้งแต่ 16 ถึง 1600 พิกเซลต่อด้าน ขึ้นอยู่กับขีดจำกัดการประมวลผลรวมของแอนิเมชัน
การปรับพอดีรูปภาพ มีตัวเลือก แสดงรูปภาพทั้งหมด และ เติมเต็มผืนผ้าใบ แสดงรูปภาพทั้งหมด ที่การซูม 100% จะคงขอบต้นฉบับทั้งหมดไว้และอาจเหลือพื้นหลังรอบรูปภาพที่มีรูปร่างต่างกัน เติมเต็มผืนผ้าใบ จะครอบคลุมพื้นที่ผลลัพธ์และอาจตัดขอบออก ตั้งค่า พื้นหลัง เป็นสีที่ต้องการหรือเปิดใช้งาน พื้นหลังโปร่งใส เมื่อปลายทางต้องการ
เลือกเฟรมเพื่อเปลี่ยนการจัดกรอบอย่างอิสระ ลากส่วนแสดงตัวอย่างหรือเปลี่ยน การซูม ใช้ ซ้าย หรือ ขวา สำหรับการหมุน 90 องศา หรือ พลิก เพื่อสะท้อนภาพ รีเซ็ตเฟรม จะคืนค่าเฟรมนั้นให้กลับมาอยู่ตรงกลาง ไม่หมุน และซูมที่ 100% ตัวอย่างนี้คงรูปภาพสี่เหลี่ยมต้นฉบับทั้งสี่ไว้ตรงกลางและใช้ แสดงรูปภาพทั้งหมด
เลือกเฟรมแรกและป้อน Made to loop. ใน คำบรรยาย ปล่อยคำบรรยายอีกสามช่องให้ว่างไว้ ภายใต้ ข้อความและคุณภาพการส่งออก ให้คง ตำแหน่งคำบรรยาย ไว้ที่ ด้านล่าง ขนาดคำบรรยาย ที่ 32 พิกเซล และ สีคำบรรยาย เป็นสีขาว คำบรรยายเป็นของแต่ละเฟรม การเลือกเฟรมอื่นจะช่วยให้คุณเขียนข้อความที่แตกต่างกันได้ คำบรรยายแรกของตัวอย่างจะค่อยๆ จางหายไปพร้อมกับเฟรมของมัน
คง สี GIF ไว้ที่ 256 · รายละเอียดเพิ่มเติม โดยเปิดใช้งาน การไล่ระดับสีที่ราบรื่น และ เพิ่มประสิทธิภาพขนาดไฟล์ สำหรับผลลัพธ์ที่ทำ จำนวนสีที่น้อยลงอาจทำให้ไฟล์เบาขึ้น แต่อาจเปลี่ยนเฉดสีที่ละเอียดอ่อนได้ การไล่ระดับสีที่ราบรื่น จะใช้การสั่น (dithering) ซึ่งสามารถทำให้แถบสีนุ่มนวลขึ้นในขณะที่เพิ่มรูปแบบละเอียดที่มองเห็นได้
ตรวจสอบทุกเฟรมหลังจากเปลี่ยนรูปร่างผืนผ้าใบ องค์ประกอบที่พอดีกับรูปภาพหนึ่งอาจตัดส่วนสำคัญในอีกรูปภาพหนึ่ง การเพิ่มขนาดผลลัพธ์ไม่สามารถกู้คืนรายละเอียดที่ขาดหายไปจากต้นฉบับขนาดเล็กได้
สร้าง GIF และตรวจสอบแอนิเมชันที่ดาวน์โหลดมา
เล่นส่วนแสดงตัวอย่างและดูรอบที่สมบูรณ์ รวมถึงการย้อนกลับจากเฟรมสุดท้ายไปยังเฟรมแรก ตรวจสอบว่าคำบรรยายยังคงมองเห็นได้นานพอ การตัดขอบมีความสม่ำเสมอ และไม่มีเฟรมใดที่ดูเร่งรีบ เลือก สร้าง GIF เมื่อลำดับพร้อมแล้ว เซิร์ฟเวอร์จะเรนเดอร์แอนิเมชันสุดท้ายจากต้นฉบับที่อัปโหลด
ตัวอย่างที่ทำนี้ดาวน์โหลด animation.gif ที่ 640 × 640 พิกเซล ผลลัพธ์จริงมี 20 เฟรม รอบเวลา 3.4 วินาที และการวนซ้ำไม่สิ้นสุด การเปรียบเทียบด้านบนแสดงรูปภาพต้นฉบับสี่รูปเป็นแผ่นรวมภาพและเฟรมแรกจริงของ GIF ที่ดาวน์โหลดมานั้น รวมถึงคำบรรยาย Made to loop. ที่เพิ่มเข้ามา
รูปภาพในบทความยังคงเป็นเพียงตัวอย่าง ไม่ใช่โปรแกรมเล่นแอนิเมชัน เปิด GIF ที่ดาวน์โหลดมาในแอปที่รองรับแอนิเมชันเพื่อตรวจสอบจังหวะและการวนซ้ำ ตัวอย่างที่ดูราบรื่นอาจมีการเปลี่ยนแปลงของสีหลังจากแปลงพาเลตต์ GIF ดังนั้นควรตรวจสอบผลลัพธ์ที่บันทึกไว้ก่อนแชร์
สำหรับผลลัพธ์ที่เล็กลง ให้ลองใช้เฟรมต้นฉบับน้อยลง การเปลี่ยนภาพสั้นลง ขั้นตอนการเปลี่ยนภาพน้อยลง ผืนผ้าใบขนาดเล็กลง หรือค่า สี GIF ที่ต่ำลง การลดเวลาค้างเพียงอย่างเดียวไม่ได้ลบเฟรมรูปภาพออก ดังนั้นจึงอาจเปลี่ยนจังหวะโดยไม่ลดขนาดไฟล์มากนัก
ดาวน์โหลดก่อนรีเฟรชหรือออกจากหน้า การรีเฟรชโปรแกรมแก้ไขหรือหน้าดาวน์โหลดจะกลับไปที่หน้าเครื่องมือหลัก เก็บรูปภาพต้นฉบับของคุณไว้เพราะ GIF ที่ส่งออกเป็นแอนิเมชันแบบแบน ไม่ใช่ไฟล์โปรเจกต์ที่มีตัวควบคุมต้นฉบับที่แก้ไขได้
โปรแกรมดูรูปภาพแบบคงที่อาจแสดงเฉพาะเฟรม GIF แรก ทดสอบไฟล์ในเบราว์เซอร์หรือโปรแกรมดูที่รองรับแอนิเมชันอื่นๆ ก่อนสรุปว่าแอนิเมชันหายไป
คำถามที่พบบ่อย
ฉันสามารถสร้าง GIF จากภาพ JPG และ PNG รวมกันได้หรือไม่?
ได้ โหมดรูปภาพสามารถรวมรูปแบบรูปภาพที่รองรับไว้ในลำดับเดียว อินพุตแต่ละรายการจะกลายเป็นเฟรมไทม์ไลน์หนึ่งเฟรมหรือมากกว่า เลือกขนาดผืนผ้าใบที่ใช้ร่วมกันและตรวจสอบความพอดีของแต่ละภาพ
แต่ละภาพสามารถอยู่บนหน้าจอได้นานต่างกันหรือไม่?
ได้ เลือกเฟรมและเปลี่ยนระยะเวลา การใช้ระยะเวลานี้กับทุกเฟรมเป็นทางเลือก; ปล่อยทิ้งไว้หากรูปภาพต้องการเวลาค้างที่แตกต่างกัน
ทำไม GIF ถึงมีจำนวนเฟรมมากกว่าจำนวนรูปภาพ?
การจางหายแบบนุ่มนวลและการเลื่อนไปทางซ้ายจะแทรกเฟรมเปลี่ยนผ่าน และการเด้งจะเพิ่มลำดับการย้อนกลับ ไฟล์แอนิเมชันที่อัปโหลดอาจมีหลายเฟรมเช่นกัน ขีดจำกัด 200 เฟรมใช้กับแอนิเมชันที่เรนเดอร์ ไม่ใช่แค่จำนวนรูปภาพที่อัปโหลด
ฉันสามารถใส่คำบรรยายที่แตกต่างกันในแต่ละภาพได้หรือไม่?
ได้ คำบรรยายจะใช้กับเฟรมที่เลือก เลือกแต่ละเฟรมเพื่อป้อนข้อความ ตำแหน่ง ขนาด และสีของคำบรรยายเป็นการควบคุมสไตล์ที่ใช้ร่วมกันสำหรับแอนิเมชัน
GIF สามารถมีพื้นหลังโปร่งใสได้หรือไม่?
ได้ เปิดใช้งานพื้นหลังโปร่งใสภายใต้ผืนผ้าใบและพื้นหลัง GIF รองรับพิกเซลที่โปร่งใสเต็มที่แทนที่จะเป็นความโปร่งใสบางส่วนที่ราบรื่นแบบ PNG ดังนั้นขอบที่นุ่มนวลอาจเปลี่ยนแปลงได้ ตรวจสอบผลลัพธ์ที่ดาวน์โหลดเทียบกับพื้นหลังที่ต้องการ
ทำไมขอบบางส่วนของรูปภาพถึงหายไป?
การเติมผืนผ้าใบและการซูมเพิ่มเติมอาจตัดขอบต้นฉบับ เพื่อรักษาภาพที่สมบูรณ์ ให้เลือกแสดงภาพทั้งหมด ตั้งค่าการซูมเป็น 100% และใช้การจัดเฟรมแบบกึ่งกลาง รูปร่างผืนผ้าใบที่แตกต่างกันอาจทิ้งพื้นหลังที่มองเห็นได้ไว้รอบๆ
การทำให้ GIF เล่นเร็วขึ้นช่วยให้ไฟล์มีขนาดเล็กลงหรือไม่?
ไม่จำเป็น การค้างที่สั้นลงจะเปลี่ยนจังหวะแต่ยังคงใช้เฟรมเดิม การลดขนาด จำนวนเฟรมที่เรนเดอร์ หรือจำนวนสีมักจะมีผลโดยตรงต่อขนาดไฟล์มากกว่า
รูปภาพทั้งหมดได้รับการประมวลผลในเบราว์เซอร์ของฉันหรือไม่?
ไม่ เบราว์เซอร์จะแสดงองค์ประกอบแบบโต้ตอบ แต่การแสดงตัวอย่างเฟรมและการเข้ารหัส GIF ขั้นสุดท้ายจะใช้การประมวลผลบนเซิร์ฟเวอร์ ไฟล์สุดท้ายจะถูกเรนเดอร์จากต้นฉบับที่อัปโหลดและการตั้งค่าที่เลือก
เปลี่ยนรูปภาพของคุณให้เป็นลูปที่มีจังหวะชัดเจน
ลองใช้ตัวอย่างหรือใช้ไฟล์ของคุณเอง และตรวจสอบผลลัพธ์ก่อนแชร์