After Effect, Multimedia

After Effect 練習 – 路徑動畫：Masks > Path

Posted by JA Anything on

製作動畫時，利用路徑就可以輕鬆地控製物件移動的位置，這一篇來練習路徑動畫
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-30-%e4%b8%8a%e5%8d%8810-23-49

首先把要移動的物件置入到場景
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-30-%e4%b8%8a%e5%8d%889-57-43
利用圖層 > Transform > Scale的-100數值可以調整物件水平/垂直翻轉
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-30-%e4%b8%8a%e5%8d%889-58-04
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-30-%e4%b8%8a%e5%8d%889-58-15

製作路徑

先新增一個調整圖層Adjustment Layer
圖層面板 > 右鍵 > New > Adjustment Layer
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-30-%e4%b8%8a%e5%8d%889-59-27
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-30-%e4%b8%8a%e5%8d%889-59-41
工具列 > 鋼筆工具
在調整圖層Adjustment Layer上繪製路徑
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-30-%e4%b8%8a%e5%8d%8810-01-29
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-30-%e4%b8%8a%e5%8d%8810-01-38
工具列 > 選取工具
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-30-%e4%b8%8a%e5%8d%8810-01-53
點選圖曾面板 > 調整圖層Adjustment Layer > Masks > Mask 1 > Mask Path
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-30-%e4%b8%8a%e5%8d%8810-02-21
複製路徑Mask Path
控制列 > 編輯Edit > 拷貝Copy
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-30-%e4%b8%8a%e5%8d%8810-02-38
點選”物件圖層” > Transform > Position
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-30-%e4%b8%8a%e5%8d%8810-03-05
貼上路徑Mask Path
控制列 > 編輯Edit > 貼上Paste
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-30-%e4%b8%8a%e5%8d%8810-03-23
這時候就可以看到物件貼合在路徑上了
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-30-%e4%b8%8a%e5%8d%8810-04-09

依路徑旋轉 / 沿向路徑

移動播放軸%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%883-58-25預覽動畫，這時候看到物件雖然順著路徑移動，但方向卻沒有自動旋轉
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-30-%e4%b8%8a%e5%8d%8810-04-28
控制列 > 圖層Layer > 變形Transform > 自動轉向Auto-Orient
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-30-%e4%b8%8a%e5%8d%8810-04-43
點選沿向路徑Orient Along Path
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-30-%e4%b8%8a%e5%8d%8810-04-53
這時候就可以看到物件移動時同時沿著路徑的方向旋轉了
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-30-%e4%b8%8a%e5%8d%8810-05-04
以下附上完成影片：

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *