photoshop教程｜UI教程｜青铜小宝箱

UI图标初期教程

青铜小图标

｜photoshop教程｜

（以下界面演示以Photoshop CC2018为演示工具）

【设计庶  ID：tuxdesign】

转载请注明公众号与ID

先看看效果

有兴趣的小盆友

可以

着手练习练习

毕竟光看是看不会的

你说捏

第一步：新建文件，给背景填充你喜欢的颜色，如图

第二步：选择圆角矩形，画出两个圆角矩形，摆好位置，去掉描边，设计填充，调整圆角大小，如图

第三步：添加层次感，选择上面的圆角矩形，CTRL+J复制一个新的图层，缩小一点，修改填充为浅色，如图

第四步：选择上面的圆角矩形，CTRL+J复制一个新的图层，调整大小，修改填充为蓝色，如图

第五步：选择上面的圆角矩形，CTRL+J复制一个新的图层，调整大小，修改填充为白色，把它的图层混合模式修改为叠加，如果觉得太亮，可以调整一下透明度，如图

第六步：处理下半部份，就是复制圆角矩形，调整大小 ，填充颜色，如图

第七步：选择圆角矩形工具，画一个小圆角矩形，去掉描边，设计填充，如图

第八步：选择小圆角矩形，CTRL+J复制一个新的图层，再缩小，修改填充，如图

在下面添加投影，如图

最后添加底色与投影，如图

<完>

好了，本次教程到这里就结束了，

如果有兴趣的朋友，

可以练习一下

有不明白的地方

可以下载PSD原文件参考

欢迎添加公众号【设计庶】

一起学习、一起探讨

素材与PSD文件下载地址   

本期PSD文件下载地址

https://pan.baidu.com/s/1htIB06g

提取密码

微信公众号中回复下面字母

【UI2018】

编号001