UI教程!一分鐘學會Figma條紋毛玻璃效果!

UI教程!一分鐘學會Figma條紋毛玻璃效果!

評論有獎閱讀 1.1w

收藏 42 點贊 50

第一步:創建個矩形,給矩形一個透明到純色的漸變(#FFFFFF-透明度1%——#000000-透明度100%),這里也可以嘗試其他的顏色進行創意發散。
第二步:給矩形加上疊加的混合模式,接著矩形透明度給20%。
第三步:將矩形進行復制排列后,給整體矩形打組 (Ctrl+G),整體添加背景模糊效果:80
第四步:最后一步繪制你需要呈現的圖像放置玻璃效果底部即可呈現酷炫的紋理玻璃效果。
擴展想法一:學會了效果后,我們還可以加以創新,給圖形加上漸變模糊效果 (這里根據想要的效果進行數值調整)
擴展想法二:玻璃加立體感,給單個玻璃加入內陰影效果,讓玻璃凹凸感更加明顯 (數值根據實際情況進行變化調整)

C.K菜刀籽

人氣 26.0w 文章 17
UI教程!一分鐘學會Figma條紋毛玻璃效果!
UI教程!一分鐘學會Figma條紋毛玻璃效果!
UI教程!一分鐘學會Figma條紋毛玻璃效果!
UI教程!一分鐘學會Figma條紋毛玻璃效果!
UI教程!一分鐘學會Figma條紋毛玻璃效果!
UI教程!一分鐘學會Figma條紋毛玻璃效果!
UI教程!一分鐘學會Figma條紋毛玻璃效果!
UI教程!一分鐘學會Figma條紋毛玻璃效果!
UI教程!一分鐘學會Figma條紋毛玻璃效果!
收藏 42干貨滿滿
點贊 50
你的案例展示還是“模版式”?設計師求職必看指南!
?? 立即查看 >
下一篇 你的案例展示還是“模版式”?設計師求職必看指南!

發評論!每天贏獎品

點擊 登錄 后,在評論區留言,系統會隨機派送獎品

2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們

本期獎品

發表評論 為下方 3 條評論點贊,解鎖好運彩蛋

{{ moreBtnTxt }}