UI图标:毛玻璃新拟态制作教程
采用了3D质感的元素设计,其中还包含了运用阴影、透明度以及背景模糊或者高斯模糊手法模仿玻璃形态,构建空间感的新兴拟物态风格——毛玻璃拟态风格。
使用工具
没有特定的工具要求,完全看个人,我这里使用的是XD,软件下载链接我会放在最后
原理分析
操作步骤
首先,画出需要的元素
然后,先将磨砂效果做出来,选中白色方块图层,在左侧效果里面选择背景模糊,调整参数,数量参数越大,磨砂效果越强
其次,增加一点厚度,可以将边框勾选上,然后吸取背景原型上的红色,进行微调
最后,给上方装饰图层增加点细节,投影可以调整一下不透明度
最终效果就呈现出来了,不同的软件做出来的效果也是不同的我只是使用了一种最便捷的方法,如果还想进行细致的调整(比如反光、高光等)可以使用ps进行制作
软件下载链接:https://www.superso.top/Adobe/
上一篇: 关于3D在UI中的应用