photoshop教程|UI教程|金牌小图标

第七期

UI图标初期教程

金牌小图标

|photoshop教程|

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

【图形设计师  ID:tuxdesign】

先看看效果

有兴趣的小盆友可以

着手练习练习

毕竟光看是看不会的

你说捏

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

第二步:选择椭圆形工具,按Shift键,画一个正圆,命名为【金牌厚度】,填充颜色(如图)

第三步:选择【金牌厚度】图层,Ctrl+J复制一层,命名为【金牌】填充颜色,向上移动(如图)

第四步:选择【金牌】图层,Ctrl+J复制一层,命名为【金牌1】填充颜色,变形-缩小(如图)

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

内发光

渐变叠加

投影

第六步:选择【金牌】图层,添加图层样式(如图)

设置混合选项

描边

内发光


第七步:选择【金牌1】图层,添加图层样式(如图)

设置混合选项

描边

内阴影

第八步:添加明暗关系(如图)

选择【金牌】图层,新建一个空白图层,命名为【高光】建立剪切蒙版,设置前景色为白色,选择画笔工具,在【高光】图层上刷上白色,设置图层混合模式为叠加

新建一个空白图层,命名为【高光1】建立剪切蒙版,设置前景色为白色,选择画笔工具,在【高光1】图层上刷上白色

同样的方法,给【金牌1】图层处理明暗关系,添加高光

第九步:选择多边形工具,设置边数为5,选择星形,画一个5星形状,命名为【星星】(如图)

第十步:处理【星星】图层(如图)

给星星分块,分别填充颜色

选择【星星】图层,添加图层样式

描边

投影

给星星处理明暗,添加高光

第十一步:添加挂扣(如图)

选择圆角矩形画挂扣

处理明暗,添加高光细节

第十二步:添加挂带(如图)

<完>

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

如果有兴趣的朋友,

可以练习一下

有不明白的地方

可以下载PSD原文件参考

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

一起学习、一起探讨

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

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

即可获得下载地址

更多教程请查看

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • ​第一期 UI图标初期教程 一枚金币小图标 |photoshop教程| (以下界面演示以Photoshop CC2...
    设计庶阅读 2,563评论 0 0
  • 第六期 UI图标初期教程 一枚筹码小图标 |photoshop教程| (以下界面演示以Photoshop CC20...
    设计庶阅读 1,702评论 0 0
  • 我认识到我是一个慢速阅读者。每次读书总是习惯一字不落,而且经常无意识的回跳,有意识地复读,因此阅读的速度非常慢。如...
    談談阅读 1,337评论 2 3
  • 总以为节奏越快 人越能找到自我价值 终此一生 总归要寻个理由 可忙忙碌碌,走走停停才发现 身边的嘈杂 抑或行走中的...
    _茜瓜姑娘阅读 1,400评论 3 2
  • 刚走下复兴桥。 就见那老头勾着个发红的空鸟笼溜达来。 而黄璋见我,弹了烟头,跟我招手。 烟头带着零星飞散的火星划出...
    emperor13阅读 1,508评论 0 0

友情链接更多精彩内容