AE簡單幾步制作毛玻璃卡片動效

2022-11-11    seo達人

大家平??隙ㄓ杏龅接闷渌脑O(shè)計軟件繪制毛玻璃效果,不是無法導入AE,就是導入AE之后毛玻璃效果丟失,變的很詭異。

如果需要做動畫,那不妨使用AE來制作毛玻璃咯。

本次除了圖文教程之外,還有視頻教程哦

1080P高清帶字幕版視頻教程觀看地址:

https://www.bilibili.com/video/BV1Ke4y1v76P/?spm_id_from=333.999.0.0

首先繪制好基本圖形,如下圖:

這里的模糊度沒有說一定要設(shè)置多少哈,大家根據(jù)實際情況來調(diào)整,教程里調(diào)的是 100,感覺效果是我想要的了。

繼續(xù)給調(diào)整圖層添加分形雜色,增加畫面顆粒感,變換里的縮放屬性調(diào)到 1 ,不透明度調(diào)到10%(這里大家可以酌情調(diào)節(jié)哈,數(shù)值越大,效果越明顯),混合模式為 疊加。

使用卡片給調(diào)整圖層進行軌道遮罩,這樣模糊的背景就只顯示在卡片的范圍內(nèi)了。

為了增加卡片的立體感,給卡片圖層復制一層,去掉填充屬性,添加漸變描邊,描邊顏色根據(jù)背景色來調(diào)節(jié),因為描邊受到環(huán)境顏色的影響。

漸變色的不透明度大概在20%-40%左右比較合適。

新建攝像機,給卡片以及卡片上的元素開啟3D圖層,把這些元素都綁定父子級到空對象,方便整體控制做動畫。

然后給空對象做XYZ三個軸向的旋轉(zhuǎn),以及Y軸的位移動畫。

因為是要做循環(huán)動畫,所有最后一組關(guān)鍵幀可以直接復制粘貼開始的關(guān)鍵幀,即可形成循環(huán)。

最終效果如下圖:

好了,這個簡單的毛玻璃動效教程就到這里咯,如果對你有幫助,請點贊支持一波,咱們下次再見~~~



原文地址:站酷

作者:墨染ART

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司



分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔