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