哈囉!又到了快樂的教學時光。
這次的教學將分享3種在製作 Motion Design時非常常用到的效果。
分別關於設計的三大元素點、線、面。
那我們話不多說,直接開始!
點的動畫
首先我們先開啟一個 Comp ,大小的部分我習慣設定成正方形,通常是 400*400 或 600*600
因為這次要製作的東西通常會在運用到其他影片上,這樣設定在丟進其他 Comp 的時候會比較好做調整。
接下來我們要把參考線打開,方便我們等下對位置。
然後進入主題,雖然說我們要製作的是點的效果,不過實際上我們要拉出一個小的正方形
把內容打開,找到 Rectangle Path,並且設定關鍵影格,在開頭的地方設定 5.0,0.0,結尾的地方設定 0.0,0.10
在位置的地方開頭的地方設定-20 ,結尾的地方設定 -40
以上設定除了 Rectangle Path盡量要讓開頭的高度是 0 ,結尾的寬度是 0之外,其他都可以依照自己喜好調整。
接下來我們在加入 Repeater 的動畫功能,把 Copies 的數量調整成6
這個功能會在 Position 的地方預設 100,0.0 我們要把它完全歸零。
並且在旋轉的地方,打上360/6(Copies的數量),AE會自動幫你算除法,是非常好用的功能!
最後別忘了加上 ease in out,讓動畫看起來更流暢。
這樣基本的點動畫就完成了,當然你可以多複製幾層,做點微調,達到以下效果。
線的動畫
線的動畫十分簡單,但是卻是很萬用的效果
我們先用鋼筆工具拉一條線。
再加入 Trim Paths 的效果。
在設定裡面,一開始把 Start 跟 End都歸零,然後在第二個關鍵影格都弄到100%
然後做一點把 End 位移,加上 ease in out
跟點一樣多複製幾個圖層,做點微調。
就可以達到這樣的效果了!
面的動畫
我們首先先畫一個圓
在圖層設定中,在 Ellipse Path 上案右鍵,可以將它轉換成 Bezier Path
轉換後,設定一個關鍵影格
在同樣的圖層拉出一個正方形,並重複剛才的動作。
將圓型的關鍵影格案 Ctrl+C複製, Ctrl+V貼上到方形的影格,就大共告成了!別忘了一樣要加上 ease in out喔
最後多複製幾層,做點微調。
那這次的教學就到這為止~我們下次見!