After Effect FAQ 常見問題開講：使用 Create Nulls From Paths 建立路徑動畫


之前曾經介紹過在 After Effect 中從 Photoshop 或 Illustrator 複製的路徑或內建的鋼筆工具繪製的路徑後，貼到指定圖層的 Position 屬性，就能成為該圖層的導引線動畫依據。

這次要跟大家分享的是在 After Effect 2018 新增的另一種路徑動畫方式：Create Nulls From Paths.jsx 中的 Trace Path，使用方式與之前介紹的導引線略有不同，而且有些操作上需要特別注意的地方，不然可能會沒辦法成功！

※ AE 練習檔下載：Create Nulls From Paths 路徑動畫 folder.zip

​

一、使用 Create Nulls From Paths 的優點

  • 透過程式自動建立的 Null Object 虛擬物件，已具備 Position 位移與 Rotation 旋轉動畫，可以使用 Parent 父層方式連結其他圖層，即可將動畫套用成功。



  • Null Object 虛擬物件動畫具備 Loop 循環選項設定，可自行決定是否讓動畫不斷重複。



二、開啟 Create Nulls From Paths 面板

選按 Window / Create Nulls From Paths.jsx 開啟 Create Nulls From Paths 面板。




三、使用 Create Nulls From Paths.jsx 注意事項

  1. 建議圖層名稱只使用「英文和數字」，如果使用中文名稱，第一次套用會成功，但後續圖層名稱若有修改，則會造成程式出錯，無法正確擷取路徑。


  2. 使用 Create Nulls From Paths 面板中的三個功能時，不論是 AE 內建的向量圖層，或是來自 Photoshop、Illustrator 貼上的路徑、或是使用 AE 鋼筆工具繪製的路徑，一定要如下圖，點選到「Path」或是「Mask Path」屬性，再選按 Window / Create Nulls From Paths.jsx，否則將出現錯誤訊息！




四、使用 AE 內建向量圖層製作地圖動畫

以下先簡要說明如何使用 AE 內建向量圖層製作地圖動畫的步驟，完整的操作請參閱教學影片。


在這個範例使用 AE 鋼筆工具建立一條紅色虛線貝茲曲線的向量圖層，再透過 Create Nulls From Paths.jsx 中的 Trace Path 來完成車子沿此貝茲曲線移動的動畫。



  1. 選按向量圖層的 Path 屬性
  2. 選按 Create Nulls From Paths 面板的 Trace Path
  3. 設定 Null Object 圖層的 Loop 選項為 Off
  4. 將車子圖層的 Parent 父層連結至 Null Object 圖層

五、使用 Photoshop 或 Illustrator 或內建的鋼筆工具繪製的路徑製作熱汽球動畫

以下先簡要說明如何使用 AE 內建的鋼筆工具繪製的路徑製作熱汽球動畫的步驟，完整的操作請參閱教學影片。


在這個範例使用 AE 鋼筆工具在點陣圖層上，建立一條熱汽球移動路線的 Mask 貝茲曲線，再透過 Create Nulls From Paths.jsx 中的 Trace Path 來完成熱汽球沿此 Mask 貝茲曲線移動的動畫。



  1. 選按點陣圖圖層的 Mask Path 屬性
  2. 選按 Create Nulls From Paths 面板的 Trace Path
  3. 設定 Null Object 圖層的 Loop 選項為 Off
  4. 將熱汽球圖層的 Parent 父層連結至 Null Object 圖層


※以上兩個範例的圖庫分別來自 Pexels 與 Pixabay CC0 圖庫：




六、使用 Create Nulls From Paths 建立路徑動畫教學影片




※ 教學資料總整理：


※ Youtube 直播與研習記錄：


※ 延伸閱讀：


留言

張貼留言