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.bouu.cn )是一家專(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.bouu.cn