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