photoshop教程｜UI教程｜一颗棒棒糖

​第四期

UI图标初期教程

一颗棒棒糖图标

｜photoshop教程｜

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

【图形设计师  ID：tuxdesign】

先看看效果

有兴趣的小盆友可以

着手练习练习

毕竟光看是看不会的

你说捏

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

第二步：选择椭圆形工具，画一个圆形，命名为【糖果】(如图)

第三步：选择【糖果】图层，添加图层样式-内发光(如图)

重新调了圆的颜色

第四步：选择【糖果】图层，Ctrl+J复制一个图层，Ctrl+t变形，缩小它(如图)

删除它的图层样式，并填充一个浅一点的颜色

第五步：选择上面的【糖果】图层，添加图层样式(如图)

第六步：选择矩形工具，也可以用钢笔工具画，画出如图形状，命名为【花纹】(如图)

在这里，我拉了两根参考线，为了方便对齐，并把上面的【糖果】图层隐藏了

第七步：选择所有【花纹】图层，转换为智能对象(如图)

第八步：选择【花纹】智能对象图层，Ctrl+t变形，(如图)

然后选择

选择扭曲

设置扭曲100%

第九步：选择【花纹】智能对象图层，建立剪切蒙版，调整透明度(如图)

第十步：选择【花纹】智能对象图层，Ctrl+J复制一层，移到最上面，打开隐藏的【糖果】图层，选中【花纹】智能对象图层，建立剪切蒙版，调整透明度(如图)

在最上面新建图层，命名【暗面】建立剪切蒙版，设置该图层的图层混合模式为叠加，并用画笔工具刷上深灰色，目的加深一下颜色

第十一步：选择上面的【糖果】图层，添加图层样式—内发光(如图)

第十二步：最后加上小棒棒，适当调整一下细节，添加投影，高光(如图)

<完>

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

如果有兴趣的朋友，

可以练习一下

有不明白的地方

可以下载PSD原文件参考

欢迎添加公众号【图形设计师】

一起学习、一起探讨

教程参考原文件下载获取方式

可关注公众号:(图形设计师)微信内回复【UI04】

即可获得下载地址

更多教程请查看