iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 17
0
自我挑戰組

After Effect自學30天系列 第 17

AE自學(17)線條/虛線動畫

How to animate a line/dashes
如何製作虛線的動態呢?
範例影片

1.首先用鋼筆工具畫線
https://ithelp.ithome.com.tw/upload/images/20200917/20129768Zc0Jf47307.png

  • 若是要在同一個圖層裡面,記得要選到圖層,再繼續用鋼筆,這樣未來才有辦法一起做淡入淡出,如果分開就要一條一條加功能,依照需求
    https://ithelp.ithome.com.tw/upload/images/20200917/20129768LiMNn8h0Gb.png

2.增加虛線

把剛剛新增的線段Shape展開–>Stroke/Dashes/+
+號第一下:新增線段(數值為線段長度)
+號第二下:新增Gap(數值為線段間距)

如果你要在一條線段有不一樣的寬度跟間距,就在往下+可以調整
目前的示範只要加2次
https://ithelp.ithome.com.tw/upload/images/20200917/20129768y3lkAyPGoe.png

另外Line Cap 的部分我會選擇Round Cap讓每個線段不很硬的角度,而是有弧度的
依照你動畫風格去做調整
https://ithelp.ithome.com.tw/upload/images/20200917/201297681FqlrhPZEM.png
(有加Round Cap跟沒加的差別)

3.增加動畫

Stroke/Dashes/Offset地方加關鍵影格,調整自己要的時間及速度即可,
虛線就會不斷的往前走。

若是要如同動畫中有線段開始或結束的表現
https://ithelp.ithome.com.tw/upload/images/20200917/20129768BiQjO9jg7d.png

Add/Trim Path/Start or End 去設定要的動態效果
Trim Path在很多Motion裡面非常的常用,
只要調整速度的變化就會有不一樣的效果。


上一篇
AE自學(16)動畫Loop循環模式
下一篇
AE自學(18)遮罩的三種方法(一)
系列文
After Effect自學30天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言