UI圖標:毛玻璃新擬態制作教程
采用了3D質感的元素設計,其中還包含了運用陰影、透明度以及背景模糊或者高斯模糊手法模仿玻璃形態,構建空間感的新興擬物態風格——毛玻璃擬態風格。

使用工具
沒有特定的工具要求,完全看個人,我這里使用的是XD,軟件下載鏈接我會放在最后
原理分析

操作步驟
首先,畫出需要的元素
然后,先將磨砂效果做出來,選中白色方塊圖層,在左側效果里面選擇背景模糊,調整參數,數量參數越大,磨砂效果越強
其次,增加一點厚度,可以將邊框勾選上,然后吸取背景原型上的紅色,進行微調
最后,給上方裝飾圖層增加點細節,投影可以調整一下不透明度
最終效果就呈現出來了,不同的軟件做出來的效果也是不同的我只是使用了一種最便捷的方法,如果還想進行細致的調整(比如反光、高光等)可以使用ps進行制作
軟件下載鏈接:https://www.superso.top/Adobe/
上一篇: 關于3D在UI中的應用



