UI教程,ps设计购物代主题图标

2022-12-26 13:51:19 来源/作者: / 己有:25人学习过

这是一个购物代主题的图标设计教程,教程比较详细,适合新手学习,有兴趣的UI设计师就来练练手吧。

最终效果图:

UI教程,ps设计购物代主题图标

新建画布。

UI教程,ps设计购物代主题图标

给画布拉个渐变。

UI教程,ps设计购物代主题图标

拉个圆角矩形。

UI教程,ps设计购物代主题图标

双击图层添加图层样式,先来投影。

UI教程,ps设计购物代主题图标

接着内阴影,内发光和渐变叠加。

UI教程,ps设计购物代主题图标
UI教程,ps设计购物代主题图标
UI教程,ps设计购物代主题图标

最后来个图案叠加,任选一个用来做纹理。

UI教程,ps设计购物代主题图标

加完样式后成为这个样子。

UI教程,ps设计购物代主题图标