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 直播與研習記錄：


※ 延伸閱讀：


 



留言

張貼留言