• นำการออกแบบ Affinity Designer ของคุณเข้าสู่ After Effects อย่างมืออาชีพด้วยเคล็ดลับ PSD ที่ช่วยประหยัดเวลาขั้นสูงเหล่านี้
  • เคล็ดลับ #1: ความโปร่งใส
  • เคล็ดลับ # 2: การรวมองค์ประกอบ
  • เคล็ดลับ#3: รวมเข้าด้วยกัน
  • เคล็ดลับ #4: การครอบตัดอัตโนมัติ
  • เคล็ดลับ #5: คงความสามารถในการแก้ไข
    • GRADIENTS
    • การปรับเปลี่ยน
    • เอฟเฟกต์ของเลเยอร์
    • LINES
  • ดูซีรี่ส์ฉบับเต็ม

นำการออกแบบ Affinity Designer ของคุณเข้าสู่ After Effects อย่างมืออาชีพด้วยเคล็ดลับ PSD ที่ช่วยประหยัดเวลาขั้นสูงเหล่านี้

ตอนนี้คุณติดใจการใช้แปรงไล่ระดับสี เกรน และพิกเซลใน Affinity Designer แล้ว มาดูกัน ที่เคล็ดลับขั้นสูงเมื่อส่งออกไฟล์ Photoshop (PSD) จาก Affinity Designer เพื่อใช้ใน After Effects ใส่ผ้ากันเปื้อนแล้วมาทำอาหารกัน

เคล็ดลับ #1: ความโปร่งใส

มีตำแหน่งสองตำแหน่งใน Affinity Designer เพื่อปรับความทึบของเลเยอร์ คุณสามารถใช้แถบเลื่อนความทึบในแผงสีหรือตั้งค่าความทึบของเลเยอร์ แถบเลื่อนความทึบสำหรับสีจะถูกละเว้นโดย After Effects ดังนั้น ใช้เฉพาะความทึบของเลเยอร์เท่านั้น

ข้อยกเว้นประการหนึ่งของกฎนี้คือเมื่อมีการสร้างการไล่ระดับสี เมื่อสร้างการไล่ระดับสีด้วยเครื่องมือไล่ระดับสี สามารถใช้แถบเลื่อนความทึบของสีได้โดยไม่มีผลกระทบด้านลบ

ใช้ค่าความทึบในแผงเลเยอร์ ไม่ใช่แถบเลื่อนในแผงสี

เคล็ดลับ # 2: การรวมองค์ประกอบ

ใน Affinity Designer แต่ละกลุ่ม/เลเยอร์จะกลายเป็นองค์ประกอบภายใน After Effects ดังนั้น เมื่อคุณเริ่มสร้างกลุ่ม/เลเยอร์หลายกลุ่มซ้อนกัน การเรียบเรียงล่วงหน้าใน After Effects อาจลึกลงไปเล็กน้อย ในโครงการที่มีเลเยอร์ซ้อนกันจำนวนมาก ประสิทธิภาพของ After Effects อาจลดลง

ซ้าย - เลเยอร์และกลุ่มในความสัมพันธ์ ขวา - Affinity PSD ที่นำเข้าใน After Effects

เคล็ดลับ#3: รวมเข้าด้วยกัน

คุณสามารถรวมกลุ่ม/ชั้นสำหรับองค์ประกอบที่ประกอบด้วยกลุ่ม/ชั้นต่างๆ ที่จะเคลื่อนไหวเป็นวัตถุชิ้นเดียวภายใน After Effects ในการรวมกลุ่ม/เลเยอร์เป็นเลเยอร์เดียวภายใน After Effects ให้เลือกกลุ่ม/เลเยอร์ที่สนใจแล้วคลิกช่องทำเครื่องหมายในแผงเอฟเฟกต์สำหรับ Gaussian Blur อย่าเพิ่มความพร่ามัวให้กับกลุ่ม/เลเยอร์ เพียงแค่คลิกที่ช่องทำเครื่องหมายจะบังคับให้ Affinity Designer สร้างเลเยอร์หนึ่งจากกลุ่ม/เลเยอร์เมื่อส่งออกไปยังไฟล์ PSD

ด้านบน - โลโก้ใน Affinity ที่สร้างขึ้น มากถึงห้ากลุ่ม ด้านล่าง - โลโก้ถูกย่อเหลือหนึ่งชั้นใน After Effects

เคล็ดลับ #4: การครอบตัดอัตโนมัติ

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

โปรดทราบว่ากล่องขอบเขตมีขนาดเท่ากับองค์ประกอบสำหรับดาวหาง

หากต้องการตัดส่วนพรีคอมทั้งหมดของคุณ ในครั้งเดียวกับขนาดของเนื้อหา precomp โดยไม่ส่งผลกระทบต่อตำแหน่งของเลเยอร์ภายใน comp หลัก ใช้สคริปต์ที่เรียกว่า “pt_CropPrecomps” จาก aescripts.com รันบนคอมพ์หลักของคุณเพื่อตัดแต่งพรีคอมทั้งหมดภายในคอมพ์หลัก หากคุณต้องการให้ comps ที่ตัดแต่งแล้วมีขนาดใหญ่กว่าสินทรัพย์ precomp ก็มีตัวเลือกในการเพิ่มเส้นขอบเช่นกัน

ด้านบน - พรีคอมพ์มีขนาดเท่ากับคอมพ์หลักด้านล่าง - พรีคอมได้รับการปรับขนาดเป็นเนื้อหาพรีคอมแล้ว

เคล็ดลับ #5: คงความสามารถในการแก้ไข

ในบทความก่อนหน้านี้ มีการใช้ PSD ที่ตั้งไว้ล่วงหน้า “PSD (Final Cut Pro X)” เมื่อใช้ค่าที่ตั้งไว้ล่วงหน้านี้ จะมีการเลือก "Rasterize All Layers" ซึ่งบังคับให้ Affinity Designer รักษาความแม่นยำของเลเยอร์ สำหรับการควบคุมเพิ่มเติมใน After Effects ผู้ใช้สามารถเลือกคุณสมบัติต่างๆ เพื่อรักษาความสามารถในการแก้ไข

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

ขั้นตอนการส่งออกไฟล์ PSD สำหรับ After Effects

มาดูตัวเลือกที่ใช้กับการทำงานใน After Effects

GRADIENTS

โดยปกติแล้ว การไล่ระดับสีควรปล่อยให้ "รักษาความแม่นยำ" ไว้ดีที่สุด เนื่องจากไม่สามารถแก้ไขการไล่ระดับสีใน After Effects ได้ นอกจากนี้ ในบางกรณี การไล่ระดับสีจะไม่ได้รับการเก็บรักษาไว้อย่างสมบูรณ์ในระหว่างการเปลี่ยนระหว่าง Affinity Designer และ After Effects ในอีกสักครู่ เราจะพิจารณากรณีพิเศษที่การเปลี่ยนตัวเลือกเป็น "รักษาความสามารถในการแก้ไข" จะเป็นประโยชน์

การปรับเปลี่ยน

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

เลเยอร์การปรับ Affinity Designer ที่ได้รับการสนับสนุนใน After Effects ได้แก่:

• ระดับ
• HSL Shift
• เปลี่ยนสี
• ขาวดำ
• ความสว่างและคอนทราสต์
• Posterize
• Vibrance
• Exposure
• เกณฑ์
• เส้นโค้ง
• เลือกสี
• ความสมดุลของสี
• กลับด้าน
• โฟโต้ฟิลเตอร์

ซ้าย - เลเยอร์การปรับเส้นโค้งใน Affinity Designer ขวา - เส้นโค้งที่นำเข้าไปยัง After Effects จาก Affinity Designer PSD

หากคุณวางเลเยอร์การปรับแต่งหรือเลเยอร์ที่มีโหมดการถ่ายโอนในกลุ่ม/เลเยอร์ อย่าลืมเปิดการแปลงการยุบสำหรับ Comp ใน After Effects หากคุณไม่ทำ เลเยอร์การปรับแต่งและโหมดการถ่ายโอนจะถูกละเว้นในองค์ประกอบหลัก ซึ่งสามารถเปลี่ยนรูปลักษณ์ของงานศิลปะของคุณได้อย่างมาก

ยอดนิยม - PSD Affinity Designer ที่นำเข้าพร้อมเลเยอร์ที่มีโหมดการถ่ายโอนในพรีคอม ด้านล่าง - เลเยอร์เดียวกันกับที่ทำเครื่องหมายปุ่มการแปลงยุบไว้

เอฟเฟกต์ของเลเยอร์

เช่นเดียวกับที่ Photoshop มีสไตล์ของเลเยอร์ Affinity Designer ก็เช่นกัน สไตล์เลเยอร์สามารถรักษาไว้ได้ ดังนั้นเมื่อคุณนำเข้า PSD ของคุณจาก Affinity Designer จะสามารถเคลื่อนไหวได้ตามสไตล์เลเยอร์ After Effects แบบดั้งเดิม เพื่อให้มีความยืดหยุ่นมากขึ้นขณะทำงานกับเนื้อหาของคุณ

กล่องโต้ตอบ After Effects สำหรับไฟล์ PSDสไตล์เลเยอร์เก็บรักษาไว้ใน After Effects เมื่อนำเข้า Affinity Designer PSD

เมื่อใช้สไตล์เลเยอร์ ให้ใช้สไตล์กับวัตถุ ไม่ใช่กลุ่ม/เลเยอร์ สไตล์เลเยอร์ที่ใช้กับกลุ่ม/เลเยอร์จะถูกละเว้นโดย After Effects เนื่องจากไม่สามารถใช้สไตล์เลเยอร์กับองค์ประกอบได้

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

ปรับความทึบของการเติมของเลเยอร์ที่มีการใช้สไตล์เลเยอร์

LINES

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

หมายเหตุ: หากคุณใช้การไล่ระดับสีกับงานศิลปะของคุณ คุณต้องเปลี่ยนการไล่ระดับสีเพื่อรักษาความสามารถในการแก้ไขเป็น ดีสำหรับการสร้างหน้ากาก

สุดท้าย อย่าลืมเกี่ยวกับ Export Persona ที่กล่าวถึงก่อนหน้านี้ในซีรีส์ คุณไม่จำเป็นต้องส่งออกเลเยอร์ทั้งหมดเป็นไฟล์ PSD คุณอาจต้องการผสมและจับคู่การตั้งค่าการส่งออกของคุณสำหรับไฟล์แรสเตอร์และเวกเตอร์รวมกัน

เวิร์กโฟลว์ระหว่าง Affinity Designer และAfter Effects ไม่ได้สมบูรณ์แบบ และในที่สุด Affinity Designer ก็เป็นอีกหนึ่งเครื่องมือที่จะทำให้จินตนาการของคุณมีชีวิตขึ้นมา หวังว่าเมื่อเวลาผ่านไป เวิร์กโฟลว์ระหว่าง Affinity Designer และ After Effects จะมีความโปร่งใสมากขึ้น

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

ดูซีรี่ส์ฉบับเต็ม

ต้องการดูซีรี่ส์ Affinity Designer ทั้งหมดสำหรับ After Effects หรือไม่ ต่อไปนี้เป็นบทความอีก 4 บทความที่เหลือเกี่ยวกับเวิร์กโฟลว์ระหว่าง Affinity Designer และ After Effects

• เหตุใดฉันจึงใช้ Affinity Designer แทน Illustrator สำหรับ Motion Design
• วิธีบันทึกไฟล์เวกเตอร์ Affinity Designer สำหรับ After Effects
• 5 เคล็ดลับในการส่งไฟล์ Affinity Designer ไปยัง After Effects
• การบันทึกไฟล์ PSD จาก Affinity Designer ไปยัง After Effects

‍