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

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

作者: 设计庶 | 来源:发表于2018-01-04 08:55 被阅读12次

    ​第一期

    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/drblnxtx.html