2022-11-11 seo達(dá)人
如果需要做動(dòng)畫(huà),那不妨使用AE來(lái)制作毛玻璃咯。
本次除了圖文教程之外,還有視頻教程哦
1080P高清帶字幕版視頻教程觀看地址:
https://www.bilibili.com/video/BV1Ke4y1v76P/?spm_id_from=333.999.0.0
首先繪制好基本圖形,如下圖:
這里的模糊度沒(méi)有說(shuō)一定要設(shè)置多少哈,大家根據(jù)實(shí)際情況來(lái)調(diào)整,教程里調(diào)的是 100,感覺(jué)效果是我想要的了。
繼續(xù)給調(diào)整圖層添加分形雜色,增加畫(huà)面顆粒感,變換里的縮放屬性調(diào)到 1 ,不透明度調(diào)到10%(這里大家可以酌情調(diào)節(jié)哈,數(shù)值越大,效果越明顯),混合模式為 疊加。
使用卡片給調(diào)整圖層進(jìn)行軌道遮罩,這樣模糊的背景就只顯示在卡片的范圍內(nèi)了。
為了增加卡片的立體感,給卡片圖層復(fù)制一層,去掉填充屬性,添加漸變描邊,描邊顏色根據(jù)背景色來(lái)調(diào)節(jié),因?yàn)槊柽吺艿江h(huán)境顏色的影響。
漸變色的不透明度大概在20%-40%左右比較合適。
新建攝像機(jī),給卡片以及卡片上的元素開(kāi)啟3D圖層,把這些元素都綁定父子級(jí)到空對(duì)象,方便整體控制做動(dòng)畫(huà)。
然后給空對(duì)象做XYZ三個(gè)軸向的旋轉(zhuǎn),以及Y軸的位移動(dòng)畫(huà)。
因?yàn)槭且鲅h(huán)動(dòng)畫(huà),所有最后一組關(guān)鍵幀可以直接復(fù)制粘貼開(kāi)始的關(guān)鍵幀,即可形成循環(huán)。
最終效果如下圖:
好了,這個(gè)簡(jiǎn)單的毛玻璃動(dòng)效教程就到這里咯,如果對(duì)你有幫助,請(qǐng)點(diǎn)贊支持一波,咱們下次再見(jiàn)~~~
原文地址:站酷
作者:墨染ART
藍(lán)藍(lán)設(shè)計(jì)( www.teruid.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.teruid.com