นำเข้าไฟล์ SVG

ดับเบิลคลิกภายในแผง Project หรือใช้ File > Import > File เพื่อเรียกดูและนำเข้าไฟล์ SVG

ลากและปล่อยไฟล์ SVG ที่นำเข้าแล้วไปยังแผง Timeline

เลือกเลเยอร์เพื่อใช้ส่วน Layer Contents ในแผง Properties เพื่อดูโครงสร้างของ SVG

คุณยังสามารถเลือกลูกศรถัดจากเลเยอร์เพื่อแผ่ออก แล้วขยายส่วน Contentsคุณจะเห็นองค์ประกอบแต่ละตัวและคุณสมบัติของมัน เช่น Path, Fill, และ Transform

คุณสามารถใช้คุณสมบัติเหล่านี้สร้างแอนิเมชันเช่นเดียวกับเลเยอร์รูปร่างอื่นๆตัวอย่าง:

• สร้างแอนิเมชัน Path เพื่อสร้างเอฟเฟกต์การแปลงรูป
• เปลี่ยนสีพื้นตามเวลาเพื่อการเปลี่ยนผ่านแบบไดนามิก
• ใช้คุณสมบัติ Transform เพื่อปรับขนาด หมุน หรือเคลื่อนย้ายองค์ประกอบแยกกัน

หากเลเยอร์มีการไล่ระดับสีและการลากเส้น คุณสามารถใช้คุณสมบัติ Scale และ Rotation เพื่อสร้างแอนิเมชันการไล่ระดับสี

ดับเบิลคลิกภายในแผง Project หรือใช้ File > Import > File เพื่อเรียกดูและนำเข้าไฟล์ SVG

ใช้เมนูดรอปดาวน์ Import As ในกล่องโต้ตอบ Import file เพื่อเลือกอย่างใดอย่างหนึ่งต่อไปนี้:

• ฟุตเทจ
• องค์ประกอบ - คงขนาดเลเยอร์ไว้

การเลือก Footage จะนำเข้าไฟล์เป็นเลเยอร์แบบแบนรวมชั้นเดียวโดยไม่สามารถเข้าถึงแต่ละองค์ประกอบได้ จึงเหมาะสำหรับการใช้งานแบบคงที่หรือเมื่อไม่ต้องทำภาพเคลื่อนไหวการเลือก Composition – Retain Layer Sizes จะสร้างองค์ประกอบใหม่ โดยนำเข้าแต่ละเลเยอร์ต้นฉบับแยกกัน และกำหนดขนาดตามเนื้อหาจริง ทำให้จุดยึดเป็นระเบียบมากขึ้นและการแปลงทำได้ง่ายขึ้นสำหรับการทำภาพเคลื่อนไหว

เลือกตัวเลือกต่อไปนี้ตามต้องการ:

• Create Composition: สร้างองค์ประกอบใหม่โดยใช้การตั้งค่าเริ่มต้น และวาง SVG ที่นำเข้าโดยอัตโนมัติลงในไทม์ไลน์ ไม่ว่าจะนำเข้าเป็นฟุตเทจหรือเป็นองค์ประกอบที่มีเลเยอร์รูปร่าง ช่วยลดขั้นตอนการสร้างองค์ประกอบด้วยตัวเองและลากไฟล์ SVG เข้าไป
• Scalable Vector Graphics Sequence: นำเข้าไฟล์ SVG ที่มีหมายเลขกำกับหลายไฟล์ และจัดการเป็นลำดับรูปภาพเวกเตอร์แบบทีละเฟรม

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

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

เมื่อนำเข้า SVG เป็นฟุตเทจ After Effects จะคงลิงก์แบบสดกับไฟล์ต้นฉบับไว้ ดังนั้นการเปลี่ยนแปลงใดๆ ที่ทำกับ SVG นั้นนอกแอปจะอัปเดตในโปรเจคโดยอัตโนมัติ

เลือก ไฟล์ > นำเข้า > ไฟล์ แล้วเลือกไฟล์ Illustrator ที่ต้องการนำเข้า

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

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

ลากไฟล์ที่นำเข้าไปยังแผง ไทม์ไลน์

คลิกขวาที่เลเยอร์ Illustrator แล้วเลือก สร้าง > สร้างรูปร่างและข้อความจากเลเยอร์เวกเตอร์ หรือใช้ เลเยอร์ > สร้าง > สร้างรูปร่างและข้อความจากเลเยอร์เวกเตอร์

ข้อความจะถูกแปลงเป็นเลเยอร์ข้อความที่แก้ไขได้ โดยใกล้เคียงกับแบบอักษร ขนาด การเติม และตำแหน่งของไฟล์ต้นฉบับ จากนั้นก็แก้ไขและปรับข้อความได้โดยตรงใน After Effects

เปิดงานศิลปะใน Adobe Illustrator

ยืนยันว่าได้เลือกการกำหนดลักษณะ รวม SVG Code แล้ว

• macOS: เลือก Illustrator > การตั้งค่า > การจัดการคลิปบอร์ด และเลือก รวม SVG Code
• Windows: เลือก การแก้ไข > การกำหนดลักษณะ > การจัดการคลิปบอร์ด และเลือก รวม SVG Code

เลือกงานศิลปะที่ต้องการคัดลอก

เลือก การแก้ไข > คัดลอก

สลับไปที่ After Effects และทำอย่างใดอย่างหนึ่งต่อไปนี้ขึ้นอยู่กับสถานะโปรเจคของคุณ:

• หากไม่มีโปรเจคเปิดอยู่ เลือก การแก้ไข > วาง เพื่อสร้างโปรเจคใหม่พร้อมคอมโพสิชันที่มีเนื้อหา SVG เป็นเลเยอร์รูปร่าง
• หากมีโปรเจคเปิดอยู่แต่ไม่ได้เลือกคอมโพสิชัน ให้เลือก การแก้ไข > วาง เพื่อสร้างคอมโพสิชันใหม่ในโปรเจคปัจจุบันที่มีเนื้อหาที่วาง

หากเลือกคอมโพสิชันใน After Effects แล้ว ให้เลือก แก้ไข > วาง เพื่อเพิ่มเนื้อหา SVG เป็นเลเยอร์รูปร่างใหม่ในคอมโพสิชันนั้น