photoshop教程｜UI图标初期教程｜进阶小图标
2019-07-03 本文已影响0人
设计庶
第二期
UI图标初期教程
进阶小图标
｜photoshop教程｜
（以下界面演示以Photoshop CC2018为演示工具）
【设计庶 ID：tuxdesign】
转载请注明公众号与ID
先看看效果
有兴趣的小盆友
可以
着手练习练习
毕竟光看是看不会的
你说捏
第一步：新建文件，给背景填充你喜欢的颜色，如图
第二步：选择椭圆形状工具，拉出一个正圆，添加图层样式——渐变叠加，如图
第三步：CTRL+J复制两个形状图层，调整它的大小 ，修改图层样式——渐变叠加，如图
第四步：选择椭圆形状工具，拉出一个正圆，填充深色，如图
第五步：选择钢笔工具，勾勒小图标的基本形状，设置填充，添加图层样式——斜面和浮雕、投影效果，如图
第六步：选择矩形工具，添加下摆，如图
先画个矩形，选择钢笔工具，添加描点，直接选择工具，修改描点位置，得到形状
画两个白色小矩形，摆好位置，建立剪切蒙版，如图
旋转好角度，移到图层下面，ctrl+j复制另外的一个，移到另一边，如图
第七步：添加投影，如图
第七步：建立长投影，钢笔工具勾勒基本形状，调节填充为0，添加图层样式——渐变叠加，如图
第八步：最后建立剪切蒙版，完成，如图
<完>
好了，本次教程到这里就结束了，
如果有兴趣的朋友，
可以练习一下
有不明白的地方
可以下载PSD原文件参考
欢迎添加公众号【设计庶】
一起学习、一起探讨
素材与PSD文件下载地址
本期PSD文件下载地址
https://pan.baidu.com/s/1dG3NMXN
提取密码
微信公众号中回复下面字母
【UI】
编号89
