Water Ripple effects in AE / AE水波紋效果+停止的方法
製作水波紋效果
今天跟大家分享如何在AE製作出生動的倒水與水波紋動畫。過程中我們會利用Track Matte與Displacement特效模擬出水波紋的效果,並使用Stroke技巧製作出倒水動畫。接下來就一起來看看如何製作,希望大家學習順利!
操作步驟
1、準備製作素材
請在 Photoshop或其它繪圖軟體準備以下素材:
咖啡杯:Coffee 。
Cup 水:Cup 。
Water 地板:Floor。背景:BG 。
2、AE匯入素材
2.1
在 AE 執行 File / Import / Multiple Files 指令:一次匯入多個素材。
2.2
執行 Composition / New Composition指令:命名為:Coffee Cup、寬高設定為:HDV 720。
2.3
將素材拖拉進時間軸,「由上至下」排列如下: 咖啡杯、水、地板、背景。
3、製作咖啡杯中的「水」
3.1
執行 Layer / New / Solid指令:加入一個顏色色塊,並命名為:Water。
3.2
記得將 Water圖層排列在水(Cup Water)圖層下方,並將 TrkMat 切換成:「Alpha Matte」。
3.3
使用「矩形工具」,在Water圖層框出一個「遮罩」:將範圍顯示在咖啡杯中。
4、製作水波紋
4.1
執行 Composition / New Composition指令:命名為:Wave、寬高設定為:2000*2000 px。
4.2
在 Wave Composition,執行 Layer / New / Solid 指令:加入一個顏色色塊,請將顏色設定成與Water相同,並命名為:Water Wave。
4.3
在 Water Wave圖層,執行 Effect / Generate / Radio Waves效果。各項參數設定參考如下: Frequency(頻率):3。
Expansion(擴張):20。
Lifespan(生命週期):1.5~1.8左右(以波紋會在邊界消失為原則!)。
Color(顏色):白色。
Start Width(開始寬度):100。
End Width(結束寬度):1。
4.4
在 Water Wave圖層,執行 Effect / Blur & Sharpen / Fast Blur效果:將 Blurriness參數設定為:100 ~120。
4.5
回到開始的 Coffee Cup Composition,將「Wave Composition」拖拉到最上方並關閉顯示。
4.6
在 Water圖層,執行 Effect / Distort / Displacement Map效果。各項參數設定參考如下: Displacement Map Layer(置換貼圖圖層):指定到「Wave Composition」。
Use For Vertical Displacement(垂直置換貼圖):Alpha。
Max Vertical Displacement(最大垂直置換):20。
5、設定「倒水」動畫
5.1
在 Coffee Cup Composition,執行Layer / New / Solid指令:加入一個顏色色塊,請將顏色設定成與 Water相同,並命名為:Pour Water。並將 Pour Water圖層置於 Cup Water上方。
5.2
在 Pour Water圖層使用「鋼筆工具」繪製出一條水流的路徑曲線。
5.3
在 Pour Water圖層執行 Effect / Generate / Stroke 效果。各項參數設定參考如下:
Path(路徑):指定到步驟 5.2繪製出路徑的遮罩名稱。
Brush Size(筆刷尺寸):依各人的設計需求,請自行指定到適合的寬度。
Paint Style(筆劃風格):On Transparent。
5.4
在 Pour Water圖層:
設定 Stroke效果中的「End」參數(倒出):由 0到100%。
之後再設定Stroke效果中的「Start」參數(倒完):由100到0%。
※Start與 End 參數要視繪製路徑時的方向而定,請自行視順序調整即可。
在 Water圖層:
配合水流時間,設定 Position參數:由下而上移動(出現)。
水波紋效果製作完成,請大家預覽 觀看自己設定的動畫效果!
加碼演出:如何讓水波紋停止ㄋ?
波紋的產生原理是這樣的:
步驟4.6的 Water 圖層所應用的 Displacement Map 其實是靠步驟 4.3 Water Wave圖層中, Radio Waves效果的黑白範圍與同心圓波紋所形成的波動.
所以只要將同心圓波紋變形的影響慢慢消失,其水波紋就會慢慢停止成水平線喽!
方法1
很簡單:
很簡單:
請大家將 步驟4.6的 Water 圖層所應用的 Displacement Map 效果中的 Max Vertical Displacement 參數設定成 0:水就會呈現靜止水平狀.大家可以試試看!
請在 Radio Wave 效果上加上以下的兩個設定:
1 .
在 Parameters are set ( 產生波紋參數設定) 上改成: Each Frame,這樣就會以影格中的數值來表現出wave的動態.
2.
接著配合Expansion 的參數,加入關鍵影格: 從一開始的某個數值到 0
然後同步再加入Lifespan (生命週期)的 關鍵影格: 從一開始的某個數值到 0.
這樣設定好後,WAVE波浪就會慢慢消失,在畫面上就是水波紋慢慢靜止.
感謝教學!!
回覆刪除遮罩不是5.2喔!
回覆刪除HI Anthony :好的 非常感謝你的參與.以及提醒. MGBoom
回覆刪除老師您好
回覆刪除按照教學步驟都做出來了!
但是有些部分無法理解,
請問為什麼要新增一個solid (water)做矩形遮罩
而不直接在psd檔(cup water)做遮罩呢?
Hi yi-zHen 您好:
回覆刪除很高興你製做出了範例的效果,關於你的問題是這樣的:
psd檔(cup water)圖形的範圍是剛好在咖啡杯裡面.
新增的solid (water)的用途是: 控制水波紋波動(變形)的範圍(遮罩)會限制在cup water中,
因為之後加上的Displacement Map (置換貼圖效果)會使形狀變形,
所以若是直接給psd檔的(cup water),就容易發生cup water的形狀因為變形而超過咖啡杯的輪廓而穿幫!
這就是為什麼會新增一個solid (water)當做遮罩的原因了!
希望這樣的說明能解開你的疑惑,有任何相關問題也歡迎一起討論.
MGBoom Design
老師:
回覆刪除不好意思又來打擾你了。
radio wave有能夠停止的設定嗎?
(倒完水後水波會漸漸平緩成靜止狀態)
在youtube沒找到相關教學,所以來詢問請教,謝謝!
HI yi-zHen :
回覆刪除這是個好問題, 別不好意思!
也很高興妳主動發掘相關效果的應用, 我會將這個方法直接PO文在本篇文章下方
來跟大家一起分享!
Good Job!
那麼radio wave自身是沒有能夠停下來的辦法囉?!
刪除Hello Ti-Zhen:
回覆刪除不好意思, 最近比較忙,現在才看到訊息
來喽,要使 Radio Wave停止, (也可以說是消失)當然也是一種方法.
請參考下面的方法試看看: ( 貼文中的方法2 )
就是在 Radio Wave 效果上加上以下的兩個設定:
1 .
在 Parameters are set ( 產生波紋參數設定) 上改成: Each Frame,這樣就會以影格中的數值來表現出wave的動態.
2.
接著配合Expansion 的參數,加入關鍵影格: 從一開始的某個數值到 0
然後同步再加入Lifespan (生命週期)的 關鍵影格: 從一開始的某個數值到 0.
這樣設定好後,WAVE波浪就會慢慢消失,在畫面上就是水波紋慢慢靜止.
一起加油!
MGBoom Design