ถ้าจะ Import งานจาก Illustrator (Ai) ไปทำต่อใน After Effects (AE) ต้องทำอย่างไร? เราจะมาแนะนำ 2 วิธีเตรียมไฟล์ Illustrator ก่อนนำไปใส่ After Effects เพื่อทำแอนิเมชั่นต่อให้คุณทราบกันวันนี้
การจัดการเลเยอร์ใน After Effects คืออาวุธลับที่จะทำให้การทำงานของคุณไหลลื่น แม้ว่าจะยากสักหน่อยสำหรับมือใหม่แต่นี่คือสิ่งจำเป็นที่จะช่วยคุณให้ก้าวเป็นมืออาชีพ
ข่าวดีก็คือโปรแกรม Illustrator สามารถ Import ไฟล์เข้า After Effects ได้ง่ายขึ้นในทุก ๆ การอัปเดต แต่แม้จะง่ายขึ้นเพียงใดการเตรียมไฟล์ให้เรียบร้อยก็คือขั้นตอนแรก ๆ ที่คุณต้องทำ
ทำไมเราต้องรู้วิธี Import ไฟล์เลเยอร์จาก Illustrator สู่ After Effects?
การสร้างไฟล์ภาพจาก Illustator ง่ายกว่าการทำใน After Effects มาก ๆ ทำให้หลายคนนิยมทำสลับไปมาระหว่างสองโปแกรมดังกล่าว
Illustrator ถูกออกแบบมาให้มีเครื่องมือสร้างงานออกแบบที่ซับซ้อนได้ง่าย ควบคุมเวกเตอร์ได้ดั่งใจนึกและแม่นยำ
เมื่อถูกนำ Import เข้าโปรแกรม After Effects คุณภาพของไฟล์จึงไม่ลดลง ทำให้ง่ายต่อการสร้างภาพแอนิเมชั่นเคลื่อนไหว การใช้โปรแกรมทั้งสองอย่างนี้ควบคู่กันจะทำให้ผลงานของคุณออกมาดียิ่งขึ้นและประณีตยิ่งขึ้น
วิธีนำเลเยอร์จาก Illustrator ไปสู่ After Effects
โดยปกติเลเยอร์จากโปรแกรม Illustrator มักจะอยู่แยกกันไม่ได้รวมเป็นกลุ่มก้อน ทำให้เมื่อนำมาใส่ใน After Effects จะจัดการได้ยาก
แต่ก็ขึ้นอยู่กับการตั้งค่าเช่นกัน เพราะคุณอาจจะพบว่าภาพจากไฟล์ Illustrator ถูก Import มาเป็นไฟล์รูปเดียวเลยก็เป็นได้
![After Effects After Effects](https://number24.co.th/wp-content/uploads/2024/02/shutterstock_2309943089-1024x788.jpg)
ดังนั้นเพื่อไม่ให้เกิดความสับสนเราจึงอยากให้คุณทำตามขั้นตอนต่อไปนี้!
1.เปิดโปรแกรม Illustrator และเตรียมไฟล์เวกเตอร์ให้พร้อม
เริ่มจากการตั้งค่าหน้ากระดาษ ให้ตรงกับขนาดโปรเจกต์งานใน AE เพื่อให้การทำงานราบรื่นขึ้น ในกรณีนี้คือ 1920px คูณ 1080px
จากนั้นคัดลอกรูปภาพที่คุณเลือกลงในหน้ากระดาษ ปรับขนาดให้พอดีและนำพื้นหลังสีน้ำเงินออกไป
![After Effects After Effects](https://number24.co.th/wp-content/uploads/2024/02/Screenshot-2024-02-12-at-4.26.46-PM-1024x560.png)
2.Ungrouping เลเยอร์
ถ้าเรานำภาพนี้เข้าไปใน AE ตอนนี้ ตัวกล้องจะถูกมองว่าคือวัตถุก้อนเดียว ทำให้แต่ละชิ้นส่วนเคลื่อนไหวไม่ได้ ทำให้แอนิเมชั่นดูน่าเบื่อ
ดังนั้นก่อนโอนย้ายไป AE คุณต้องแบ่งองค์ประกอบออกมาเป็นเลเยอร์เสียก่อน ซึ่งวิธีการมี 2 รูปแบบดังนี้
รูปแบบที่ 1
![After Effects After Effects](https://number24.co.th/wp-content/uploads/2024/02/Screenshot-2024-02-12-at-4.26.51-PM-1024x558.png)
เปิดหน้าต่าง Layer panel ถ้ายังไม่มีให้ไปที่ Window > Layers
![After Effects After Effects](https://number24.co.th/wp-content/uploads/2024/02/Screenshot-2024-02-12-at-4.26.57-PM-1024x558.png)
สร้างเลเยอร์ใหม่โดยการกด + ในปุ่มสีเหลี่ยมขวาล่างใน Layers panel การสร้างเลเยอร์จำนวนมากเป็นประโยชน์ในการวนกลับไปแก้ไขซ้ำ ๆ ได้ ไม่ต้องกดวนกลับหลายครั้งให้เสียเวลา จากนั้นแยกกลุ่มวัตถุทั้งหมดออกแล้วเลือกใช้งานได้ตามต้องการ
รูปแบบที่ 2
![After Effects After Effects](https://number24.co.th/wp-content/uploads/2024/02/Screenshot-2024-02-12-at-4.27.05-PM-1024x560.jpg)
ไปที่ Layers panel แล้วเลือก Camera layer แล้วคลิกที่ปุ่มความบน (สามขีดแนวนนอน) แล้วกด “Release to Layers (Sequence)” จะทำให้รูปทรงถูกแยกออกมาเป็นเลเยอร์
คุณสามารถโยกตำแหน่งเลเยอร์ได้ง่าย ๆ เพียงกดคลิกที่ปุ่มสีเหลี่ยมเล็ก ๆ ด้านขวาแล้วโยกขึ้นลง
หลังจากย้ายตำแหน่งแล้วอย่าลืมตั้งชื่อให้แต่ละช่อง จะได้แยกเลเยอร์ทุกอย่างออกได้ง่าย
ทำแบบนี้กับแต่ละเลเยอร์จนครบ เพราะเมื่อย้ายไป AE คุณจะได้ไม่งงกับเลเยอร์จำนวนมหาศาล
![After Effects After Effects](https://number24.co.th/wp-content/uploads/2024/02/Screenshot-2024-02-12-at-4.27.11-PM-1024x555.jpg)
3.Import ไปยัง After Effects
การนำไฟล์ Illustrator ไปยัง After Effects ขั้นตอนก็คือเปิดโปรแกรม AE จากนั้นไปที่ File > Import > File เลือกไฟล์ Illustrator ที่คุณทำไว้จากนั้นคลิก “Import Kind” เลือก “Composition – Layer Size”
![After Effects After Effects](https://number24.co.th/wp-content/uploads/2024/02/Screenshot-2024-02-12-at-4.27.17-PM-1024x562.png)
การตั้งค่านี้สำคัญมาก เพราะคุณต้องรักษาคุณภาพและขนาดของไฟล์แต่ละเลเยอร์จาก Illustrator ให้ได้สูงสุดจากตรงนี้
สร้าง Composition อันใหม่แล้วเริ่มทำแอนิเมชั่นกันเลย
![After Effects After Effects](https://number24.co.th/wp-content/uploads/2024/02/Screenshot-2024-02-12-at-4.27.24-PM-1024x559.jpg)
หวังว่าสิ่งนี้จะเป็นประโยชน์สำหรับทุกคนที่กำลังวุ่นวายกับการทำแอนิเมชั่นให้ง่ายขึ้น
บทความโดย : How to Import Illustrator Layers into After Effects for Animation
เรียบเรียงโดย : ทีมงานชัตเตอร์สต็อกประเทศไทย ดำเนินงานโดย นัมเบอร์ 24