fbpx

《AE教學》超簡單心電圖動畫!Stroke線條MG教學!

首先,

先來看看這個簡易的動畫是什麼樣子。

 

 

 

Heartbeat

 

其實這個心電圖的線條效果,應該要用粒子特效做的…不過這邊先以最簡易的遮罩線條為主。

 

影像規格為1920*1080。

先新增一個黑色背景,

01

 

再新增一個白色的色板,取名為Grid,

 

02

然後在這個GIRD圖層上新增效果Gird,並把效果數值設定成如圖,

 

03

 

新增一個圖層,取名beat,

04

這個圖層要用遮罩來畫心電圖的動畫路徑,

05

 

先關閉圖層顯示,白色的底不好識別。

然後用鋼筆工具,水平置中的畫出一條心電圖的路徑樣式,

在畫水平線的時候,可以按住Shift哦!

 

06

 

畫的時候沒有讓心電圖波動的部分置中,

可以點一下鋼筆路徑的節點,再用游標框選中間部分的節點。

07

08

大致置中一下就好了啦~

接著,

這個鋼筆路徑要被轉換成線條,並且製作動畫,

加入Stroke效果,

09

 

並將效果屬性設置成如圖:

10

 

然後將END調整至0,然後在影片一開始的地方設定關鍵影格,

END指的是鋼筆路徑的最後一筆,

11

速率不用太慢,在影片15幀的地方讓END到100%,

不過這個速率仍然有點慢,所以後續會再做更動。

12

 

Start的部分也設定關鍵影格,不過是在10幀的地方,

要讓心電圖有收尾的動畫,Start必須比End慢一些。

13

 

Start的動畫長度和End一樣,

現在可以簡易的看到心電圖的效果,

不過實際播放起來的速率有點慢,再做調整。

14

 

由於心電圖的每一下跳動都有間隔,在心電圖收尾之後25幀的地方再設定全部屬性的關鍵影格。

 

15

等等要打個簡易的循環表達式,所以開頭部分也要設定一個。

16

按住Alt點擊小時鐘開啟表達式控制,

並輸入:

loopOut("Cycle")

17

如此一來,就會一直循環關鍵影格頭到尾的部分。

 

處理完心電圖動畫後,

來弄弄其他部分,新增一個圖層,取名為FN。

18

加入FN效果…呃,個人簡稱。

19

 

並把數值調到如下圖:

20

 

然後加入曝光這個效果,

21

 

並把數值調整成如圖,然後把FN圖層的混合模式設定成Lighten。

22

這能簡易的製作出一種雜訊的效果,

 

接著,選擇Grid圖層,並加入Roughen Edges效果,

23

 

數值調整如下,

這個效果可以將邊緣粗糙化,

24

 

Beat圖層亦然,數值有所變動。

26

 

重新選擇剛才的Grid,按CTRL+D複製一個,並打其中Grid的數值調整如下,

其實就是將寬和高的數值承以2,

可以直接選擇數值並加上*2即可。

例如:192*2,它會自動轉換成384。

27

 

CTRL+ALT+Y可以快速新增一個調整層,

在這個圖層上加入Glow效果,

顧名思義,就是會有光暈的效果。

28

 

再新增一個調整層,

29

加入曝光效果,這裡的目的是讓畫面周圍暗暗的罷了,

也可以用黑色色板來製作,也有外掛專門製作這種效果(會有些微的差異)。

30

 

再新增一個調整層,取名為Distort──其實名字隨便取,讓自己清楚識別即可,

加入Optics Compensation效果,

這個光學補償效果的原理是光線的波動受到影響,這裡指的是鏡頭邊緣的曲折,

能夠使用這個效果補償看看。

其實我只是想做做魚眼效果啦,哈哈哈,

也可以用CC Lens做,不過我比較喜歡…嗯…

 

31

於是效果如下啦!

32

Heartbeat

 

至於為什麼成品的顏色會有點偏綠,是因為我單純將陰影區域的紅色降低了。

 

THANKS!

 

 

 

分享在 facebook
分享至FB
分享在 telegram
分享至TG

解鎖站內所有需密碼的內容

時事特效教學 | 讓你學會最新特效

隨機文章