photoshop教程|UI教程|普通皇冠小图标
UI图标初期教程
普通皇冠小图标
|photoshop教程|
(以下界面演示以Photoshop CC2018为演示工具)
【设计庶 ID:tuxdesign】
转载请注明微信公众号与ID
先看看效果
有兴趣的小盆友
可以
着手练习练习
毕竟光看是看不会的
你说捏
第一步:新建文件,给背景填充你喜欢的颜色,如图
第二步:选择椭圆形状工具,拉出一个正圆,添加图层样式——渐变叠加,如图
第三步:选择钢笔工具,勾勒皇冠的基础形状轮廓,去掉描边。设置填充,如图
先勾勒一半轮廓,再复制一半,合并就可以得到一个完整的皇冠形状啦!当然你也可以直接勾勒完整的轮廓,按你喜欢的来,小编是太懒了,不想调那么多描点啦!
第四步:选择皇冠形状图层,添加图层样式——渐变叠加,如图
第五步:选择钢笔工具,勾勒下边 轮廓形状,去掉描边,设置填充,如图
第六步:选择01形状图层,添加图层样式——渐变叠加、如图
第七步:选择01形状图层,按2次CTRL+J复制2个新的形状图层,选择下面的两个形状图层,把图层样式去掉,选择其中的一个形状图层向上移动,修改填充色为浅色,另外一个向下移动,修改填充色为深色,如图
处理细节,用画笔工具,选择不用明度的色调,添加高光,投影等,如图
同样的方法处理底下部份的细节,如图
给皇冠上部份也添加点厚度感,如图
复制一个皇冠形状图层,把图层样式去掉,填充浅色,向上移动一点距离,选择画笔工具,设置剪影色为深一点的色彩,刷两边,虚化一下
第八步:选择椭圆形状工具,拖拉一个正圆,设置填充,再用画笔给涂出高光,如图
第九步:给它镶个大宝石,添加长投影,如图
<完>
好了,本次教程到这里就结束了,
如果有兴趣的朋友,
可以练习一下
有不明白的地方
可以下载PSD原文件参考
欢迎添加公众号【设计庶 ID:tuxdesign】
一起学习、一起探讨
素材与PSD文件下载地址
本期PSD文件下载地址
https://pan.baidu.com/s/1dGQiNEL
提取密码
微信公众号中回复下面红字
【UI】
编号98
关注向信公众号:设计庶,学习更多PS教程!