全國(guó)咨詢(xún)/投訴熱線(xiàn):400-618-4000

首頁(yè)技術(shù)文章正文

水波紋增長(zhǎng)動(dòng)效怎么做?

更新時(shí)間:2020-11-23 來(lái)源:黑馬程序員 瀏覽量:

水波紋增長(zhǎng)圖
水波紋增長(zhǎng)

成品效果



一、水面制作

1. 首先在AE中新建一個(gè)合成命名為“水面”,尺寸為800*800,幀率60。然后在畫(huà)面上繪制一個(gè)矩形,如下圖所示

水波加載動(dòng)效02

2.為這個(gè)矩形添加“波形變形”效果,波形高度為9,寬度為81

水波加載動(dòng)效03


3.將上一個(gè)矩形進(jìn)行復(fù)制,放在藍(lán)色矩形的下方,顏色修改為淺藍(lán)色,波形高度12,寬度為99。此時(shí)水面的起伏感就做完了

水波加載動(dòng)效04

4.選中兩個(gè)矩形,制作一個(gè)由下到上的位置變化

水波加載動(dòng)效04


二、加載制作

1.新建一個(gè)新的合成命名為“加載效果”,尺寸為1000*800,幀率為60;建立一個(gè)純色層(Ctrl+Y),在AI中復(fù)制logo路徑,然后在AE中進(jìn)行粘貼

水波加載動(dòng)效06

2.將水面合成拖入進(jìn)來(lái),為水面合成創(chuàng)建軌道遮罩,遮罩層為上一步導(dǎo)入的logo

水波加載動(dòng)效07

3.此時(shí)logo的背景色太空,因此復(fù)制logo的純色層,修改為淺藍(lán)色,放置在logo純色層的下方

水波加載動(dòng)效08

4.最后制作下光線(xiàn),新建一個(gè)矩形,長(zhǎng)度比logo長(zhǎng)即可,為這個(gè)矩形制作一個(gè)從左到右的位置移動(dòng)效果,然后再為其創(chuàng)建軌道遮罩,遮罩層依舊為logo,最后將顏色修改為純白色,適當(dāng)降低透明度即可

水波加載動(dòng)效09

5.完成效果后如下圖

水波加載動(dòng)效10




猜你喜歡:

電商主圖應(yīng)該怎么設(shè)計(jì)?

賽博朋克風(fēng)格圖片怎么調(diào)?

如何使用PS設(shè)計(jì)炫酷海報(bào)?圖文詳細(xì)教程

全鏈路UI設(shè)計(jì)師培訓(xùn)教程

分享到:
在線(xiàn)咨詢(xún) 我要報(bào)名
和我們?cè)诰€(xiàn)交談!