photoshop教程｜UI教程｜黄金小图标

第七期

UI图标初期教程

黄金小图标

｜photoshop教程｜

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

【设计庶  ID：tuxdesign】

转载请注明公众号与ID

先看看效果

有兴趣的小盆友

可以

着手练习练习

毕竟光看是看不会的

你说捏

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

第二步：选择椭圆形状工具，拉出一个正圆，添加图层样式——渐变叠加，如图

第三步：选择多边形工具，设置参数，得到图形，如图

选中多边形图层，ctrl+j复制一个，得到新的多边形图层，向上移动新的多边形，调整底下的多边形颜色，填充深色，给上边的多边形添加图层样式——渐变叠加，如图

第四步：选择椭圆工具，拖拉出一个正圆，去掉描边，填充白色，如图

选中白色的圆图层，ctrl+j复制一个，等比例缩小，添加图层样式——渐变叠加，如图

选中最上面的圆图层，ctrl+j复制一个，等比例缩小，去掉图层样式，填充深颜色，如图

PS：这里小编把白色的圆寻附上图层模式修改为了叠加模式

第五步：选择多边形工具，建立一个五星，如图

第六步：选择钢笔工具，建立三角形，去掉描边，设置填充，如图

建立剪切蒙版，如图

选择5星图层添加图层样式——投影，如图

第七步：选择圆角矩形工具，建立羽翼，去掉描边，设置填充，如图

选择羽翼图层，添加图层样式——斜面和浮雕效果，如图

第八步：选择圆角矩形工具，做出挂扣，就是几个不同大小，不同颜色的圆角矩形组成，然后上色，使用图层样式——渐变叠加，来做，方便后期换色，如果觉得颜色不好看，可以整体调整一下，做到看起来协调就行了，如图

第九步：添加长投影，如图

<完>

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

如果有兴趣的朋友，

可以练习一下

有不明白的地方

可以下载PSD原文件参考

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

一起学习、一起探讨

   素材与PSD文件下载地址   

本期PSD文件下载地址

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

提取密码

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

【UI】

编号94