After Effects

Tutorial

วิธี Import เลเยอร์ Illustrator ลงใน After Effects สำหรับทำแอนิเมชั่น

ถ้าจะ 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
ภาพโดย Red Vector

ดังนั้นเพื่อไม่ให้เกิดความสับสนเราจึงอยากให้คุณทำตามขั้นตอนต่อไปนี้!

1.เปิดโปรแกรม Illustrator และเตรียมไฟล์เวกเตอร์ให้พร้อม

เริ่มจากการตั้งค่าหน้ากระดาษ ให้ตรงกับขนาดโปรเจกต์งานใน AE เพื่อให้การทำงานราบรื่นขึ้น ในกรณีนี้คือ 1920px คูณ 1080px

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

After Effects

2.Ungrouping เลเยอร์

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

ดังนั้นก่อนโอนย้ายไป AE คุณต้องแบ่งองค์ประกอบออกมาเป็นเลเยอร์เสียก่อน ซึ่งวิธีการมี 2 รูปแบบดังนี้

รูปแบบที่ 1

After Effects

เปิดหน้าต่าง Layer panel ถ้ายังไม่มีให้ไปที่ Window > Layers

After Effects

สร้างเลเยอร์ใหม่โดยการกด + ในปุ่มสีเหลี่ยมขวาล่างใน Layers panel การสร้างเลเยอร์จำนวนมากเป็นประโยชน์ในการวนกลับไปแก้ไขซ้ำ ๆ ได้ ไม่ต้องกดวนกลับหลายครั้งให้เสียเวลา จากนั้นแยกกลุ่มวัตถุทั้งหมดออกแล้วเลือกใช้งานได้ตามต้องการ

รูปแบบที่ 2

After Effects

ไปที่ Layers panel แล้วเลือก Camera layer แล้วคลิกที่ปุ่มความบน (สามขีดแนวนนอน) แล้วกด “Release to Layers (Sequence)” จะทำให้รูปทรงถูกแยกออกมาเป็นเลเยอร์

คุณสามารถโยกตำแหน่งเลเยอร์ได้ง่าย ๆ เพียงกดคลิกที่ปุ่มสีเหลี่ยมเล็ก ๆ ด้านขวาแล้วโยกขึ้นลง

หลังจากย้ายตำแหน่งแล้วอย่าลืมตั้งชื่อให้แต่ละช่อง จะได้แยกเลเยอร์ทุกอย่างออกได้ง่าย

ทำแบบนี้กับแต่ละเลเยอร์จนครบ เพราะเมื่อย้ายไป AE คุณจะได้ไม่งงกับเลเยอร์จำนวนมหาศาล

After Effects

3.Import ไปยัง After Effects

การนำไฟล์ Illustrator ไปยัง After Effects ขั้นตอนก็คือเปิดโปรแกรม AE จากนั้นไปที่ File > Import > File เลือกไฟล์ Illustrator ที่คุณทำไว้จากนั้นคลิก “Import Kind” เลือก “Composition – Layer Size”

After Effects

การตั้งค่านี้สำคัญมาก เพราะคุณต้องรักษาคุณภาพและขนาดของไฟล์แต่ละเลเยอร์จาก Illustrator ให้ได้สูงสุดจากตรงนี้

สร้าง Composition อันใหม่แล้วเริ่มทำแอนิเมชั่นกันเลย

After Effects

หวังว่าสิ่งนี้จะเป็นประโยชน์สำหรับทุกคนที่กำลังวุ่นวายกับการทำแอนิเมชั่นให้ง่ายขึ้น

บทความโดย : How to Import Illustrator Layers into After Effects for Animation

เรียบเรียงโดย : ทีมงานชัตเตอร์สต็อกประเทศไทย ดำเนินงานโดย นัมเบอร์ 24

Related Blog

 
ออกแบบโลโก้

วิธีออกแบบโลโก้ด้วยตัวเองแบบเข้าใจง่าย!

 
 
101 100

การผสมสีทั้ง 101 แบบ พร้อมโทนสีที่คุณควรรู้เพื่อเติมแรงบันดาลใจให้กับงานออกแบบ

 
 
งานออกแบบ

10 เทรนด์การออกแบบที่น่าสนใจ และกำลังถูกพูดถึงในสังคมครีเอทีฟ

 
 
เทรนด์

เทรนด์การออกแบบน่าจับตามองในปี 2024 ที่นักการตลาดห้ามพลาด!

 

Tell us about yourself





    Type: