After Effect FAQ 常見問題開講:如何使用向量工具製作像 Animate (原名Flash) 的形狀漸變動畫?


一、前言

之前曾介紹過兩篇關於 Animate 中很方便的導引線功能,如何在 AE 中使用,這次來跟大家分享使用 AE 內建向量工具,如何製作出形狀與顏色漸變的向量動畫!




以下把 AE 向量工具在使用上的相關重點,概要列出,實際的操作方式請參閱下方的教學影片!


二、兩種在 AE 中建立向量圖層的方式

1.使用 AE 內建的預設形狀與鋼筆工具


如果使用 AE 預設的矩形、圓角矩形、圓形…等形狀時,會有該基本形狀特有的相關屬性,必須將它如下圖,轉換為標準的貝茲曲線路徑,才能進行形狀與顏色的漸變動畫。





2.從 Illustrator 匯入向量圖層後,轉換為 AE 向量圖層

比較複雜的圖形,可以在 Illustrator 中完成,但必須注意,一個物件必須由同一個路徑完成,才能進行該路徑的向量形狀漸變動畫。



匯入 AE 之後,在時間軸的該圖層上按右鍵 / Create / Create Shapes from Vector Layer



轉換完成後,原始的 Illustrator 圖層會自動關閉「眼睛」,讓圖層隱藏,並生成一個相同名稱的 AE 向量圖層。





三、在 AE 建立向量路徑動畫的方式

1.在第一個向量形狀的 Path 屬性,開啟碼錶,設定關鍵影格



2.依下面步驟,將要變形後的向量形狀 Path,複製到前一步驟向量圖層結束時間的 Path 上,就會自動增加一個關鍵影格,完成向量形狀漸變




如果想要加上 Stroke 線條或是 Fill 填色的顏色變化,則可以配合下方的 Stroke 與 Fill 屬性,加入關鍵影格。


四、教學影片




五、After Effect 向量形狀漸變動畫範例檔




※ 教學資料總整理:


※ Youtube 直播與研習記錄:


※ 延伸閱讀:


 



留言