2D lightning /卡通閃電效果

2D-Lighting

今天跟大家分享如何利用AE製作出2D卡通閃電效果。只要善用Shape Layer與變形技巧就可以輕鬆辦到!

1.建立閃電

1.1 
請在新的Compsition中使用鋼筆工具,在Compsition Window中建立一條直線,填色請用淺色系。

lightning11

1.2
接著點開Add選單,選取Wiggle Paths特效。

lightning12

1.3
如圖調整Wiggle Paths特效的參數,使亂數域值更大。

lightning13

1.4 
再點開Add選單,增加 Trim Paths 特效。

lightning14

1.5 
在0秒處按下Trim Paths特效的Start與End的小時鐘,設下關鍵影格。

lightning15

1.6
展開Stroke 1,調整Stroke Width參數,並在0秒處設下關鍵影格。

lightning16

1.7
最後按一下快捷鍵U,就只會顯示有設關鍵影格的屬性,其它都被隱藏起來了。

lightning17

2.設立閃電動態

2.1 接下來請照圖示設立關鍵影格,參數如下:
Stroke Width: 5→25→25→5
Start: 0.0%→100.0%
End: 0.0%→100.0%

lightning21

2.2
選取Shape Layer 1按Ctrl+D複製圖層:Shape Layer 2,按快捷鍵U顯示有設關鍵影格的屬性,按下Stroke Width小時鐘清除其關鍵影格,並改變參數為 2。

lightning22

2.3
按P展開Position屬性,改變X軸數值讓Shape Layer 2稍微橫移。

lightning23

2.4
再選取Shape Layer 2按Ctrl+D複製圖層:Shape Layer 3,同2.3與其它圖層稍微錯開位置。

lightning24

2.5
在特效庫搜尋:Turbulent Displace特效,並套至Shape Layer 1圖層。

lightning25

2.6
如圖調整Turbulent Displace特效參數,增加形狀抖動效果。

lightning26

2.7
將調整好的特效按Ctrl+C複製,選取Shape Layer 2,在其Effect Controls視窗貼上,再調整參數。

lightning27

2.8 
如上述方法將Shape Layer 2的特效複製到Shape Layer 3,在其特效的Random Seed參數加大,抖動更加誇張。

lightning28

3.新增閃光點

3.1 
新增一Shape Layer。

lightning31

3.2 
為此Shape Layer套用圓形。

lightning32

3.3
再套用填色。

lightning33

3.4 
再將圓形移至閃電下方。

lightning34

3.5
按S展開Scale屬性,如圖設下關鍵影格:0.0%→80%→80%→0%(略大於閃電寬度即可)。

lightning35

3.6
套用Turbulent Displace特效,並如圖調整參數。

lightning36

3.7
再按S展開Scale屬性,調整第2與第3個關鍵影格,把形狀壓瘦一些,與閃電差不多寬即可。

lightning37

4.製作閃電光波

4.1
新增一Shape Layer 5並且套用圓形,再套用色框。

lightning41

4.2
調整圓圈的大小與色框寬度。

lightning42

4.3 
開啟圖層的獨立顯示功能後,再按下Dashes的"+"號鈕,使圓圈變成虛線圈。再調整Dash虛線圈的寬度如圖示。調整好之後記得把獨立顯示功能取消喔。

lightning43

4.4 
將虛線圈移到閃電正下方。

lightning44

4.5 
在虛線圈的Size與Stroke Width設下關鍵影格。

lightning45

4.6
按快捷鍵U,只顯示有設置關鍵影格的屬性。如圖再設下關鍵影格:
Size: 0.0→300.0
Stroke Width: 40.0→0.0

lightning46

4.7
如圖調整Turbulent Displace特效的參數。

lightning47

4.8
選取Shape Layer 5按Ctrl+D複製為Shape Layer 6,並調整Random Seed參數為300。Shape Layer 7~8也依樣複製,並依序調大Random Seed的數值。

lightning48

lightning48-2

lightning48-3

5.為閃電增加光暈

5.1 
將8個圖層都選取,結合為新的Pre-Compose。

lightning51

5.2 
為新的Pre-Compose增加Glow特效。

lightning52

5.3
Glow特效參數調整如圖。

lightning53

5.4
再增加一個Glow特效,參數調整如圖,可以看到閃電充滿美麗的光暈了。

lightning54

lightning Final

留言

對內容有任何問題與討論,歡迎留言給我們^^

Archive

聯絡表單

傳送