photoshop教程｜UI图标初期教程｜新手小图标

第一期

UI图标初期教程

新手小图标

｜photoshop教程｜

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

【设计庶  ID：tuxdesign】

转载请注明公众号与ID

先看看效果

有兴趣的小盆友

可以

着手练习练习

毕竟光看是看不会的

你说捏

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

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

第三步：选择BG形状图层，CTRL+J复制一个新图层，等比例缩小，修改图层样式——渐变叠加，如图

第四步：选择NEW形状图层，CTRL+J复制一个新图层，等比例缩小，修改图层样式——渐变叠加，如图

第五步：选择椭圆形状工具，拉出一个正圆，填充颜色，如图

第六步：选择矩形工具，拉出一个正方形，填充颜色，CTRL+T变形，旋转45度，把它压成菱形，如图

添加图层样式——斜面和浮雕，如图

添加图层样式——投影，如图

第七步：选择矩形工具，添加下摆，如图

选择矩形工具，添加下摆装饰，画两个白色矩形，建立剪切蒙版，如图

选择椭圆工具，添加投影，画一个深蓝色椭圆形状，建立剪切蒙版，调整它的羽化值，如图

第八步：最后做一个长投影，钢笔工具勾勒基本形状，如图

先把图层的填充设置为0，再添加图层样式——渐变叠加，最后建立剪切蒙版，如图

<完>

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

如果有兴趣的朋友，

可以练习一下

有不明白的地方

可以下载PSD原文件参考

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

一起学习、一起探讨

   素材与PSD文件下载地址   

本期PSD文件下载地址

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

提取密码

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

【UI】

编号88