美文网首页PS小教程|UI小教程
photoshop教程|UI教程|一枚金币小图标

photoshop教程|UI教程|一枚金币小图标

作者: 设计庶 | 来源:发表于2017-12-21 17:37 被阅读8次

​第一期

UI图标初期教程

一枚金币小图标

|photoshop教程|

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

【图形设计师  ID:tuxdesign】

先看看效果

有兴趣的小伙伴可以上手练一练

GO

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

第二步:选择椭圆形工具,(选择图形不要选择路径)然后绘制一个椭圆形状,填充颜色,命名为【金币厚度】(如图)

第三步:选择【金币厚度】图层,Ctrl+J复制一个图层,命名为【金币正面】,双击图层填充浅一点的颜色,利用变形工具调整大小,移动到合适的位置(如图)

Ctrl+t变形,鼠标放在上面可以变小或拉大形状

第四步:选择【金币正面】图层,Ctrl+J复制一个图层,命名为【金币花纹】,双击图层填充浅一点的颜色,利用变形工具调整大小,移动到合适的位置(如图)

到这里,我们就把金币的基本形状给做好了,接着下面的步骤就是给金币刻画细节的过程啦,精彩在后面哦

第五步:新建图层,命名为【厚度阴影】,移到厚度图层的上面,鼠标右键建立剪切蒙版(如图)

第六步:选择画笔工具,把前景色选择一个深色,在【厚度阴影】图层上刷出金币厚度的暗影(如图)

第七步:新建图层命名为【厚度亮光】,建立剪切蒙版,选择画笔工具,前景色设置为白色,在【厚度亮光】图层是刷出高亮效果(如图)

第八步:把【厚度亮光】图层透明度调整为43,图层选择叠加模式(如图)

第九步:选择【金币厚度】图层,添加图层样式(如图)

第十步:我们现在来处理金币正面,这个也是同样的方法,新建图层,建立剪切蒙版,用画笔画高光与暗面(如图)

可以多建几个图层控制它的效果,如果高光太亮,就调整一下它的透明度,也可以用橡皮擦,调整不透明度来轻轻的擦掉,这个不透明度,需要小伙伴多尝试

我这里就是乱擦的

第十一步:到这里,我们继续处理细节,选中【金币花纹】图层,添加图层样式(如图)

内阴影(我添加了2个),如果是低版本PS,可以瑞复制一层,把填充设置为0,再添加即可。

第十二步:新建图层,建立剪切蒙版,加高光,等细节(如图)

第十三步:添加标识符号(如图)

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

复制一层,添加高斯模糊,并向左移动一点点距离(如图)

第十五步:最后添加投影,光效,等(如图)

<完>

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

如果有兴趣的朋友,

可以练习一下

有不明白的地方

可以下载PSD原文件参考

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

一起学习、一起探讨

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

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

即可获得下载地址

更多教程请查看

相关文章

网友评论

    本文标题:photoshop教程|UI教程|一枚金币小图标

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