【AE教程】超簡單又常見的水波紋效果
在loading載入動效中很常見的水波紋效果,研究下是怎麼搞出來的ho
本教程不含任何外掛,都是AE的基礎功能,做做估計只要5-10分鐘~
先來看一下效果~
Step1
首先新建一個純色圖層,作為水波的基礎~移到頁面的中間位置
Step2
然後再新建一個純色圖層,給它新增一個【無線電波】的效果
然後你就會看到這樣的效果:
Step3
調一調【無線電波】的引數:
它就變成這樣了:
然後再新增一個【高斯模糊】效果,模糊程度調大一些
把這個圖層預合成一下(⌘+shifit+c),起名叫【電波】
Step4
選中最開始建的那個純色圖層,給它新增一個【置換圖】效果~
把【置換圖層】換成我們剛剛做的那個【電波】
關於【置換圖】是什麼東西?查了下資料,大概的解釋是:
置換圖效果可扭曲圖層,具體方法是根據“置換圖層”屬性指定的控制元件圖層中的畫素的顏色值,水平和垂直置換畫素。置換圖效果建立的扭曲的型別可能有很大不同,具體取決於選擇的控制元件圖層和選項。—— https://helpx.adobe.com/cn/after-effects/using/distort-effects.html
然後效果是這樣的:
因為只需要在垂直方向有波動
所以把【垂直置換】的值調高點,【水平置換】設定為0
然後效果就變成這樣了:
Step5
後面的步驟就可以自由發揮了~
比如我想把水波放到一個【星星】的容器裡就先畫一個星星的圖形
然後把水波的遮罩設定為【Alpha遮罩“星星”】~
Step6
如果想要實現【水慢慢從下到上灌滿的效果】
可以為【水波】設定兩個【位置關鍵幀】:
0秒的時候位置在下面,5秒的時候位置在上面
Step7
最後加上背景色和一些小裝飾~
thanks~ 聽說點讚的人最後都優秀了