วิธีการเตรียมกราฟิก Illustrator สำหรับ After Effects

Sep 11, 2025

วิธีการ

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

มันทำให้เกิดความสับสนและแรงเสียดทานระหว่างนักวาดภาพประกอบและอนิเมเตอร์จำนวนมากซึ่งไม่ใช่สถานที่ที่เหมาะสำหรับการเริ่มต้นโครงการ

รับ Adobe Creative Cloud

สิ่งที่น่าประหลาดใจที่สุดที่ฉันได้เรียนรู้คือนักออกแบบไม่ค่อยมีความคิดใด ๆ ที่ทำให้เกิดการทำงานพิเศษใด ๆ พวกเขายังไม่ได้รับการศึกษาเกี่ยวกับสิ่งที่อนิเมเตอร์ต้องการจากไฟล์ Illustrator เพื่อตั้งค่าเพื่อความสำเร็จ

เพื่อบรรเทาความเจ็บปวดฉันได้ทำรายการพื้นฐานที่นักวาดภาพประกอบทุกคนควรระวังเมื่อเตรียมกราฟิก Illustrator สำหรับ After Effects

01. สร้างหลายเลเยอร์

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

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

Click the target icon to identify which item is which — คลิกที่ไอคอนเป้าหมายเพื่อระบุรายการที่

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

Create new layers using the menu shown above — สร้างเลเยอร์ใหม่โดยใช้เมนูที่แสดงด้านบน

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

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

Make sure you label your layers appropriately — ตรวจสอบให้แน่ใจว่าคุณติดป้ายเลเยอร์ของคุณอย่างเหมาะสม

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

ช่วยอนิเมเตอร์ออกมาด้วยการทำให้แน่ใจว่าคุณตั้งชื่อแต่ละเลเยอร์อย่างเหมาะสม! เมื่อไฟล์ถูกย้ายไปสู่หลังจากเอฟเฟกต์ชื่อเลเยอร์จะถูกเก็บไว้ การเรียกแต่ละเลเยอร์สิ่งที่จริง ๆ แล้วจะทำให้การระบุแต่ละอันที่รวดเร็วและไม่เจ็บปวด

02. ปรับขนาดอาร์ตบอร์ดของคุณ

ขนาดของอาร์ตบอร์ดของคุณและกราฟิกภายในมีความสำคัญเมื่อนำเข้าสู่ผลกระทบ หากคุณมีอาร์ตบอร์ดขนาด 10x10px ที่มีกราฟิกเล็ก ๆ ที่นำเข้าเป็น 1920x1080 หลังจากองค์ประกอบผลกระทบมันจะต้องใช้งานที่ดีมากขึ้นเพื่อให้ได้ทุกอย่างเป็นขนาดที่ถูกต้องก่อนที่จะเคลื่อนไหว ตรวจสอบให้แน่ใจว่าอาร์ตบอร์ดของคุณใน Illustrator ถูกปรับขนาดดังนั้นจึงเป็นขนาดที่คล้ายกันหรือใหญ่กว่าองค์ประกอบ After Effects ของคุณ

Ensure your artboard is a similar scale to your After Effects composition — ตรวจสอบให้แน่ใจว่าอาร์ตบอร์ดของคุณเป็นสเกลที่คล้ายกันกับองค์ประกอบผลกระทบของคุณ

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

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

03. เปลี่ยนโหมดสีของเอกสาร

CMYK is only for print – set your colour mode to RGB — CMYK ใช้สำหรับพิมพ์เท่านั้น - ตั้งค่าโหมดสีของคุณเป็น RGB

ก่อนที่คุณจะบันทึกไฟล์ของคุณเพื่อนำเข้าสู่ After Effects ตรวจสอบให้แน่ใจว่าคุณทำงานใน RGB CMYK เหมาะสำหรับการพิมพ์ แต่ถ้าคุณย้ายไปที่ After Effects Chances คุณจะไม่พิมพ์กราฟิกรุ่นนี้และคุณต้องการให้แน่ใจว่าสีแสดงให้เห็นอย่างถูกต้องในภาพเคลื่อนไหวสุดท้ายของคุณ คุณสามารถทำได้โดยไปที่ 'File & GT; โหมดสีของเอกสาร & GT; สี RGB '

04. เลือกประเภทไฟล์ที่ถูกต้อง

Save your work out as an ai file — บันทึกการทำงานของคุณเป็นไฟล์ AI

รูปแบบไฟล์ที่เหมาะสำหรับ After Effects เป็นไฟล์ Adobe Illustrator (AI) หลีกเลี่ยงไฟล์ EPS หรือ SVG เนื่องจากจะไม่นำเข้าเป็นองค์ประกอบที่มีหลายเลเยอร์ บันทึกภาพเวกเตอร์ของคุณโดยไปที่ 'ไฟล์ & gt; บันทึกเป็น & GT; รูปแบบ: Adobe Illustrator (AI) '

Make sure you have ‘Create PDF Compatible File’ checked — ตรวจสอบให้แน่ใจว่าคุณได้ตรวจสอบ 'สร้างไฟล์ที่รองรับ PDF'

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

05. นำเข้าสู่ผลกระทบหลังจากผลกระทบ

หลังจากที่คุณฟอร์แมตไฟล์ Illustrator ของคุณแล้วถึงเวลาที่จะนำเข้าสำหรับภาพเคลื่อนไหว ใน After Effects เลือก 'ไฟล์ & GT; นำเข้าและ GT; ไฟล์ 'และเลือกไฟล์ Illustrator ของคุณ คุณจะได้รับแจ้งว่าคุณต้องการ After Effects อย่างไรให้แน่ใจว่า 'ชนิดนำเข้า' ถูกตั้งค่าเป็น 'องค์ประกอบ' หรือเลเยอร์ทั้งหมดที่คุณเพิ่งใช้ไปกับการแยกออกจากกันจะรวมกันกลับเข้าด้วยกัน

Set to 'Composition' to preserve your layers — ตั้งค่าเป็น 'องค์ประกอบ' เพื่อรักษาเลเยอร์ของคุณ

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

Your layers should all appear within your Timeline — เลเยอร์ของคุณควรปรากฏในไทม์ไลน์ของคุณทั้งหมด

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

เกี่ยวกับการพหูพจน์

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

บทความที่เกี่ยวข้อง:

วิธีการย้ายจาก Photoshop ไปที่ After Effects
43 บทเรียนที่น่าตื่นตาตื่นใจหลังจากเอฟเฟกต์
เคล็ดลับยอดนิยมสำหรับการสร้างภาพเคลื่อนไหวใน After Effects

วิธีการเตรียมกราฟิก Illustrator สำหรับ After Effects

01. สร้างหลายเลเยอร์

02. ปรับขนาดอาร์ตบอร์ดของคุณ

03. เปลี่ยนโหมดสีของเอกสาร

04. เลือกประเภทไฟล์ที่ถูกต้อง

05. นำเข้าสู่ผลกระทบหลังจากผลกระทบ

เกี่ยวกับการพหูพจน์

วิธีการ - บทความยอดนิยม

วิธีการวาดสัตว์: 15 เคล็ดลับยอดนิยม

สร้างเอฟเฟกต์ความคลาดเคลื่อนสี

วิธีการวาดช้าง

วิธีการสร้างเลย์เอาต์ที่ซับซ้อนโดยใช้ CSS

วิธีการทาสีเพชรประดับที่น่ารื่นรมย์

15 เคล็ดลับแนวหน้าแฟนตาซี

ทาสีแนวตั้งสไตล์เคี้ยวใน Photoshop CC

ต้นแบบปุ่มการกระทำที่ลอยอยู่ในพิกเซล

หมวดหมู่