Ps爱好者协会PS小教程|UI小教程美工设计

photoshop教程|UI教程|普通皇冠小图标

2019-07-10  本文已影响0人  设计庶

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教程!

上一篇下一篇

猜你喜欢

热点阅读