Photoshop教程｜UI图标初期教程｜第二十三期

UI图标初期教程

一个漂亮信封图标

｜photoshop教程｜

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

【设计庶 ID：tuxdesign】

先看看效果

有兴趣的小盆友可以

着手练习练习

毕竟光看是看不会的

你说捏

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

第二步：选择圆角矩形工具，画一个圆角矩形形状，命名为【信封】(如图)

第三步：选择矩形工具或是钢笔工具，画一个矩形形状，命名为【红】填充红色，再Ctrl+J复制一个，命名为【蓝】填充蓝色(如图)

多次复制，排列好

全选红蓝条，转换为智能对象，建立剪切蒙版，把在信封外面多余的剪掉

第四步：选择【信封】图层，Ctrl+J复制一个，命名为【白色覆盖】，移到最上面，并缩小一些(如图)

第五步：选择【信封】图层，添加图层样式，内发光(如图)

第六步：选择钢笔工具，建立三个灰色三角形状，分别命名为【左】【右】【下】，把三个三角形状在【白色覆盖】图层上建立剪切蒙版(如图)

第七步：选择圆角矩形工具，画一个圆角矩形，命名为【上】调整它的圆角数值，旋转45度(如图)

减去多余部份，我是用钢笔工具，添加描点，再删除减去的，你也可以画一个矩形，利用布尔运算减去

选择【上】图层，Ctrl+J复制一个，命名为【上1】，移到最上面，并缩小一些填充灰色(如图)

第八步：分别给【左】【右】【上】图层，添加投影(如图)

第九步：邮戳制作(如图)

选择椭圆形工具，填充设置为无，描边设置为3，设置颜色，画一个只有描边的圆形

选择文字工具，添加文字，添加图形

第十步：细节调整，把邮戳做旧，添加一点光感(如图)

<完>

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

如果有兴趣的朋友，

可以练习一下

有不明白的地方

可以下载PSD原文件参考

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

一起学习、一起探讨