วิธีสร้าง GIF ใน Illustrator — คำแนะนำเชิงลึก

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

Adobe Illustrator เป็นเครื่องมือที่ยอดเยี่ยมสำหรับการสร้างเฟรม (ภาพนิ่ง) ของ GIF ของคุณอย่างง่ายดาย แต่ Illustrator ไม่มีความสามารถในการแปลงเฟรมนิ่งเป็น GIF ดังนั้น คุณจะต้องส่งออกเฟรมจาก Illustrator และใช้พื้นที่ทำงานของ Motion เพื่อแปลงเป็น GIF

เพื่อความสะดวกของคุณ คู่มือนี้จะแสดงวิธีใช้ Illustrator และ Photoshop เพื่อสร้าง GIF

การสร้าง GIF ใน Illustrator – คู่มือฉบับย่อ

1. ติดตั้งเครื่องมือการเลือกและ 'Shift+click' แต่ละรายการที่เกี่ยวข้องในภาพของคุณ
2. กด “COMMAND+G” (MAC) หรือ “Ctrl+G” (Windows)
3. ไปที่ 'หน้าต่าง' และคลิกที่ 'อาร์ตบอร์ด' จากนั้นสร้างอาร์ตบอร์ดให้เพียงพอสำหรับ GIF ของคุณ
4. เปลี่ยนชื่ออาร์ตบอร์ดของคุณตามลำดับ
5. “คลิก+ลาก” เคอร์เซอร์ของคุณเหนือรูปภาพทั้งหมด จากนั้นกด “COMMAND+C” (MAC) หรือ “Ctrl+C” (Windows)
6. ไปที่อาร์ตบอร์ดถัดไปแล้วกด “COMMAND+V” (MAC) หรือ “Ctrl+V” (Windows)
7. ปรับภาพของคุณบนอาร์ตบอร์ดใหม่
8. ทำซ้ำขั้นตอนเหล่านี้จนกว่าเฟรมทั้งหมดของคุณจะเสร็จสมบูรณ์
9. กด “Alt+COMMAND+E” (MAC) หรือ “Alt+Ctrl+E” (Windows)
10. เลือกอาร์ตบอร์ดของคุณแล้วกด “ส่งออกอาร์ตบอร์ด”
11. ใน Photoshop ให้ไปที่ 'ไฟล์' จากนั้น 'เปิด' แล้วคลิกที่เฟรมแรกของคุณ เลือก 'ลำดับภาพ' จากนั้นคลิก 'เปิด'
12. กำหนดอัตราเฟรมของคุณ
13. ไปที่ 'หน้าต่าง' จากนั้น 'พื้นที่ทำงาน' และคลิกที่ 'การเคลื่อนไหว'
14. คลิกขวาที่พื้นที่ทำงานของคุณเพื่อแก้ไขความเร็วและระยะเวลาของ GIF
15. กด “Alt+Shift+COMMAND+S” (MAC) หรือ “Alt+Shift+Ctrl+S” (Windows) และส่งออก GIF ของคุณ

การสร้าง GIF ใน Illustrator – คำแนะนำโดยละเอียด

ขั้นตอนที่ 1:

เปิดไฟล์ Illustrator ของคุณ ในการเริ่มต้น ให้เปิดเอกสารของคุณโดยดับเบิลคลิกที่ไฟล์ Illustrator ที่เกี่ยวข้อง หรือหาก Illustrator เปิดอยู่แล้ว คุณสามารถไปที่ 'ไฟล์' ที่เมนูด้านบน จากนั้น 'เปิด' และเลือกไฟล์ที่คุณต้องการเปิด หากต้องการเร่งความเร็ว คุณสามารถใช้แป้นพิมพ์ลัด “COMMAND+O” (MAC) หรือ “Ctrl+O” (Windows)

ขั้นตอนที่ 2:

วางหรือวาดวัตถุของคุณ นำเข้าและวางวัตถุที่คุณต้องการทำให้เคลื่อนไหวบนอาร์ตบอร์ดของคุณ หรือวาดวัตถุใหม่โดยใช้เครื่องมือปากกา (แป้นพิมพ์ลัด “P”) หรือเครื่องมือพู่กัน (แป้นพิมพ์ลัด “B”)

ขั้นตอนที่ 3:

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

มาเรีย โอซาว่า และ โจเซ่ ซาราโซลา

ขั้นตอนที่ 4:

จัดกลุ่มวัตถุของคุณ จะทำให้ภาพของคุณเคลื่อนไหวได้ง่ายขึ้นหากวัตถุทั้งหมดที่ต้องย้ายถูกจัดกลุ่มไว้ด้วยกัน หากวัตถุที่คุณกำลังสร้างภาพเคลื่อนไหวประกอบด้วยวัตถุเวกเตอร์ขนาดเล็กหลายชิ้น ให้กดปุ่ม 'Shift' ค้างไว้ จากนั้นคลิกที่วัตถุแต่ละรายการเพื่อเลือกวัตถุนั้น จากนั้นกด “COMMAND+G” (MAC) หรือ “Ctrl+G” (Windows) เพื่อจัดกลุ่มเข้าด้วยกัน

ขั้นตอนที่ 5:

เปิดแผง Artboards ที่ด้านบนของหน้าจอ ไปที่ 'หน้าต่าง' แล้วคลิก 'อาร์ตบอร์ด' แผง Artboards ควรเปิดขึ้นทางด้านขวาของหน้าจอ

ขั้นตอนที่ 6:

หนึ่ง kapamilya ไป oracle arena

สร้างอาร์ตบอร์ดเพิ่มเติม คลิกที่ไอคอน “New Artboard” บนแผง Artboards เพื่อเพิ่ม Artboard ใหม่ ทำซ้ำขั้นตอนนี้หลาย ๆ ครั้งตามความจำเป็นเพื่อให้ได้จำนวนเฟรมที่คุณต้องการใน GIF ของคุณ

ขั้นตอนที่ 7:

จัดทำแบบแผนการตั้งชื่อ ดับเบิลคลิกที่ชื่ออาร์ตบอร์ดชื่อ “Artboard 1” มันจะเปลี่ยนเป็นกล่องข้อความ พิมพ์ชื่ออาร์ตบอร์ดของคุณอีกครั้ง ตามด้วยหมายเลขตามลำดับของคุณ (เช่น “Ball 01”) ลงในช่องข้อความนี้

การเขียนตัวเลขแต่ละตัวให้เข้ากับลำดับขั้นสุดท้ายของเฟรมเป็นสิ่งสำคัญ ดังนั้น หาก GIF ของคุณมี 10 เฟรม อาร์ตบอร์ดแรกของคุณควรเป็น '01' แต่ถ้า GIF ของคุณมี 100 เฟรม ควรมีหมายเลข '001'

ขั้นตอนที่ 8:

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

ขั้นตอนที่ 9:

ทำซ้ำภาพของคุณ ใช้แป้นพิมพ์ลัด “COMMAND+C” (MAC) หรือ “Ctrl+C” (Windows) เพื่อคัดลอกวัตถุที่เลือกบนอาร์ตบอร์ดแรกของคุณ ถัดไป ไปที่อาร์ตบอร์ดที่สองแล้วกด “COMMAND+V” (MAC) หรือ “Ctrl+V” (Windows) เพื่อวาง ทำซ้ำขั้นตอนนี้บนอาร์ตบอร์ดถัดไปเมื่อคุณเปลี่ยนตำแหน่งของวัตถุ เพื่อประหยัดเวลา คุณยังสามารถกดปุ่ม 'Alt' ค้างไว้แล้วคลิกและลากองค์ประกอบทั้งหมดของคุณเพื่อคัดลอก

ขั้นตอนที่ 10:

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

ขั้นตอนที่ 11:

เริ่มส่งออกเฟรมของคุณ เมื่อการปรับทั้งหมดของคุณเสร็จสิ้น ไปที่เมนูที่ด้านบนของหน้าจอและคลิกที่ 'ไฟล์' ตามด้วย 'ส่งออก' จากนั้น 'ส่งออกสำหรับหน้าจอ ... ' หากต้องการเร่งความเร็ว คุณยังสามารถกด “Alt+Ctrl+E”

ราคาข้าว 1 กระสอบ ฟิลิปปินส์ 2563

ขั้นตอนที่ 12:

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

ขั้นตอนที่ 13:

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

ขั้นตอนที่ 14:

กำหนดอัตราเฟรมของคุณ ในหน้าต่างอัตราเฟรม เลือกจำนวนเฟรมใน gif ต่อวินาทีผ่านเมนูแบบเลื่อนลง

ขั้นตอนที่ 15:

เปิดพื้นที่ทำงานของการเคลื่อนไหว ที่เมนูด้านบน ให้ไปที่ 'หน้าต่าง' จากนั้น 'พื้นที่ทำงาน' และคลิกที่ 'การเคลื่อนไหว'

ขั้นตอนที่ 16:

กำหนดระยะเวลาและความเร็วของคุณ คลิกขวาที่ GIF ของคุณในพื้นที่ทำงานเพื่อแก้ไขระยะเวลาและความเร็ว

ขั้นตอนที่ 17:

เปิดหน้าต่างบันทึกสำหรับเว็บ ไปที่ 'ไฟล์' จากนั้น 'ส่งออก' ตามด้วย 'บันทึกสำหรับเว็บ'

ขั้นตอนที่ 18:

กำหนดการตั้งค่า GIF ของคุณ ในหน้าต่างนี้ ตั้งค่า GIF ที่ตั้งไว้ล่วงหน้า และที่สำคัญที่สุดคือ ตัวเลือกการวนซ้ำ

ขั้นตอนที่ 19:

ส่งออก gif ของคุณ สุดท้าย ให้คลิกปุ่ม 'บันทึก' และเลือกปลายทางของ GIF เพื่อส่งออก GIF ของคุณ

คำถามที่พบบ่อยเกี่ยวกับ “วิธีทำ GIF ใน Illustrator”?

เป็นไปได้ไหมที่จะสร้าง GIF โดยใช้ Illustrator เพียงอย่างเดียว

ในการสร้าง GIF คุณจะต้องใช้ทั้ง Adobe Illustrator และ Adobe Photoshop (หรือซอฟต์แวร์ที่เทียบเท่ากัน) ไม่สามารถทำกระบวนการทั้งหมดใน Adobe Illustrator ให้เสร็จสิ้นได้

ฉันสามารถใช้ซอฟต์แวร์อื่นนอกเหนือจาก Illustrator และ Photoshop เพื่อสร้าง GIF ได้อย่างไร

หากคุณกำลังมองหาบางสิ่งที่เรียบง่าย คุณสามารถลองใช้ Canva (เครื่องมือออนไลน์) ได้ Canva ไม่ใช่เครื่องมือสร้าง GIF เป็นหลัก แต่มีความสามารถในการส่งออกโครงการเป็น GIF เครื่องมืออื่นจะเป็น EZGIF (ezgif.com)

ซานดาร่า ปาร์ค และ จี ดราก้อน คิส

GIF ของฉันควรมีขนาดเท่าใด

สิ่งนี้ขึ้นอยู่กับสิ่งที่คุณกำลังใช้ GIF ของคุณและบนแพลตฟอร์มที่คุณจะใช้ GIF ของคุณ ตัวอย่างเช่น หากคุณกำลังสร้าง GIF สำหรับ Discord ขนาดสูงสุดคือ 128 x 128 px