Realistic Rain Drop / 真實雨滴效果

Realistic-Rain-Dropgif


今天跟大家分享在雞年行大運Happy New Year」過年祝賀Promo中看到的真實雨滴效果。歡迎大家一起來練習看看!

操作步驟

1、載入背景
請自行載入要當背景的圖片或影片。並在圖層上 按右鍵執行 : Pre-Compose:命名為 BG Com。

Realistic Rain Drop 13

Realistic Rain Drop 14

2、設定專案與色彩模式

2.1
執行Composition / New Composition:建立新的Composition。命名為 All Com。

Realistic Rain Drop 11



2.2
建議將本專案的色彩模式設定為 32Bit(色彩的明暗等,會有更細膩的色彩表現)

Realistic Rain Drop 12

3、製作雨滴

3.1
新增一個Solid圖層:命名為 Water Drop。

Realistic Rain Drop 15

Realistic Rain Drop 16

3.2 
為Water Drop圖層加入 CC Particle World效果,設定如下:

Realistic Rain Drop 21

Realistic Rain Drop 22

Particle:
Particle Type : Faded Sphere。
Birth / Death Color:都設定為接近白色。

Realistic Rain Drop 23

Realistic Rain Drop 24

Realistic Rain Drop 25

Longevity(sec) :3。

Realistic Rain Drop 27

Producer:
Radius X / Radius Y:將範圍調整大於畫面。

Realistic Rain Drop 28

Physics:
Animation : Twirl
Velocity:0.1。
Gravity:0.3左右。
Extra Angle : 0x+5.0(降低左右飄移)

Realistic Rain Drop 29

3.3 新增大雨滴圖層
複製步驟3.2 Water Drop圖層:命名為 L Water Drop。

調整CC Particle World效果,設定方向如下:
Birth Rate:1.0 (數量降低)
Producer:
Radius X / Radius Y:將範圍調整的更大更廣。
Physics:
Velocity與Gravity:可微調更慢(降低)一些的數值。


Realistic Rain Drop 31

Realistic Rain Drop 32

4、製作滴落的長雨滴

4.1
新增一個Solid圖層:命名為 Drip Drop。
寬與高設定為: 200*700 / 白色。

Realistic Rain Drop 41

4.2
在 Drip Drop圖層 按右鍵執行 : Pre-Compose:命名為 Drip Com。

Realistic Rain Drop 42

Realistic Rain Drop 43

4.3
先使用 Rounded Rectangle Tool:繪製出長形,如下圖。

Realistic Rain Drop 44

Realistic Rain Drop 45

4.4
再使用 Ellipse Tool:繪製出水滴前端的橢圓形,如下圖。

Realistic Rain Drop 46

Realistic Rain Drop 47

4.5
再使用 Rectangle Tool:從上方1/3處框出一個方形範圍,並設定為:Subtract模式。
再將Mask Feather 範圍調大:出現漸層,如下圖。

Realistic Rain Drop 52

Realistic Rain Drop 53

Realistic Rain Drop 54

Realistic Rain Drop 542

Realistic Rain Drop 55

4.6
將 Rectangle Tool的 Mask(3) 位置調整到中間,整體完成的感覺如下圖。

Realistic Rain Drop 56

Realistic Rain Drop 562

5、設定長雨滴動態

5.1
回到 All Com,在 Drip Com圖層 設定 Position 屬性動態:從畫面上方往下方移動。

Realistic Rain Drop 563

5.2
將 Drip Com圖層 按右鍵執行 : Pre-Compose:命名為 Drip Animation。

Realistic Rain Drop 564

Realistic Rain Drop 565

5.3
複製多個 Drip Animation圖層,同時開啟圖層的Collapse Transformation功能:顯示出原來的動畫範圍。

Realistic Rain Drop 566

Realistic Rain Drop 567

5.4
將圖層錯開、改變圖層的 Time Stretch數值(變慢) 、隨意排列水滴位置等,來產生自然的流動感。

Realistic Rain Drop 568

5.5
將所有 Drip Animation圖層 選取 按右鍵執行 : Pre-Compose:命名為 All Drip。

Realistic Rain Drop 569

6、添加 長雨滴形狀細節

6.1 產生扭曲效果
替 All Drip 加入Turbulent Displace效果,設定參考如下:
Displacement : Twist。
Amount : 45。
Size:38。

Realistic Rain Drop 61

6.2 增加扭曲邊緣細節
複製 Turbulent Displace效果 並調整參數,設定參考如下:
Amount : 25。(降低)
Size:12。(降低)
Complexity : 1.5。(增加)

Realistic Rain Drop 62

6.3 加入模糊
替 All Drip 加入Gaussian Blur效果,將Blurriness 數值設定為:10。

Realistic Rain Drop 63

6.4
重複步驟6.1,替先前的水滴圖層:Water drop與L Water drop加入Turbulent Displace效果,設定參考如下:
只需調整Amount 與Size屬性的數值讓水滴感覺有產生變形即可。

Realistic Rain Drop 64

6.5
新增一個全黑的 Solid Layer:命名為 Black BG。並將此圖層排列在所有水滴圖層的下方。

Realistic Rain Drop 66

6.6
除了步驟1的背景BG Com圖層之外,將所有圖層選取 按右鍵執行 : Pre-Compose:命名為 Water Texture : 將此圖層顯示(眼睛)關閉 。

Realistic Rain Drop 67

Realistic Rain Drop 68

7、製作真實水滴效果

7.1
在 BG Com圖層 加入CC Glass效果,設定參考如下:
Bump Map : 指定到Water Texture圖層。
Surface:
Softness:0。
Height : 80左右。
Displacement : 300~350。
Shading:
Shading:0。
Height : 80左右。
Displacement : 300~350。

Realistic Rain Drop 71

7.2 微調細節
展開Water Texture Com,分別降低 All Drip 、Water drop、L Water drop 的 Opacity:設定在15~20 之間。

Realistic Rain Drop 72

7.3 只呈現出 "雨滴" 範圍
回到 All Com,將 BG Com圖層的 TrkMat 設定為:Luma Matte。

Realistic Rain Drop 73

7.4 強化雨滴感
在 Water Texture 圖層加入 Level 效果:將所有三角形集中在暗部(左邊 : 增加明暗對比)。

Realistic Rain Drop 74


7.5 新增背景
複製原有 BG Com圖層:命名為 BG。
將原有效果刪除、把圖層的 TrkMat 設定回復為:None。
把圖層位置安排在最下方當作背景底圖。

Realistic Rain Drop 75

7.6
在原有BG Com圖層再加入 Exposure 效果:
略為增加 Exposure 的數值: 加強(水滴)邊緣亮部(度)。

Realistic Rain Drop 76

7.7
展開 Water Texture Com 圖層,新增一個Adjustment layer:並安排到所有水滴圖層上方的位置。
在Adjustment layer上加入Curve效果,調整左下角暗部的曲線:可增加水滴暗部的對比性與變化。

Realistic Rain Drop 771


Realistic Rain Drop 772

7.8 增加景深變化
回到 All Com,在 : 雨滴圖層(前景) / BG圖層(背景)上各加入 Camera Lens Blur 效果:來模擬前景/背景的景深切換。
設定參考如下:
Blur Radius : 0 (清楚) / 15 (模糊) 左右。
Repeat Edge Pixel:開啟。

Realistic Rain Drop 78

Realistic Rain Drop 781

Realistic Rain Drop 782

Realistic Rain Drop 783

製作完成! 可以預覽一下真實雨滴的視覺效果喽

留言

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

Archive

聯絡表單

傳送