美文网首页美工设计PS小教程|UI小教程Ps爱好者协会
photoshop教程|UI教程|一颗星星小图标

photoshop教程|UI教程|一颗星星小图标

作者: 设计庶 | 来源:发表于2018-01-05 14:10 被阅读10次

​第三期

UI图标初期教程

一颗小星星图标

|photoshop教程|

(以下界面演示以Photoshop CC2017为演示工具)

【图形设计师  ID:tuxdesign】

先看看效果

有兴趣的小盆友可以

着手练习练习

毕竟光看是看不会的

第一步:新建文件,给背景填充你喜欢的颜色(如图)

第二步:选择多边形工具,设置参数,画一个五角星形状(如图)

第三步:选择星星,Ctrl+J复制一个星星,把它缩小(如图)

第四步:选择白色星星,修改填充为0(如图)

第五步:添加图层样式(如图)

第六步:添加高光,利用钢笔工具描出轮廓(也可以用两个星星的形状进行布尔运算得到),填充白色,调整图层的不透明度,羽化值(如图)

第七步:选择黄色星星,添加图层样式—描边(如图)

第八步:钢笔工具事出相应的形状,建立剪切蒙版,(如图)

第九步:细节调整,添加投影,外发光(如图)

给黄色星星图层添加投影

给星星图层添加外发光

最后,画个椭圆形,填充白色,加上高光(如图)

<完>

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

如果有兴趣的朋友,

可以练习一下

有不明白的地方

可以下载PSD原文件参考

欢迎添加公众号【图形设计师】

一起学习、一起探讨

教程参考原文件下载获取方式

可关注公众号:(图形设计师)微信内回复【UI03】

即可获得下载地址

更多教程请查看

相关文章

网友评论

    本文标题:photoshop教程|UI教程|一颗星星小图标

    本文链接:https://www.haomeiwen.com/subject/eexsnxtx.html