ui设计教程:唱片机图标

来源:优设 作者:佚名 学习:3607人次

本文将简略的陈述这款图标的设计思路,如何让图标显得栩栩如生,大家在放假的时候,来杯咖啡,慢慢的按照作者步骤来一发吧,难度有的,主要是掌握思路哦。

先看看效果图

Photoshop设计写实风格的唱片机图标

步骤01

Photoshop设计写实风格的唱片机图标

首先用草图勾勒出大体理念。这里我画出了黑胶,然后添加了按钮、唱针等元素。为了让草图看起来更有立体感(而不使用透视法),因此,我添加了圆角矩形,让图标看起来像是打开的盒子一般。

步骤02

Photoshop设计写实风格的唱片机图标

扫描草图,导入到PS中。选择渐变工具,填充背景从深色到浅色。下一步,花一个512×512的圆角矩形,半径90px。按住Alt,选择形状,创建新图层组,命名为“Icon”,现在为该图层组添加蒙版

步骤03

Photoshop设计写实风格的唱片机图标

色彩选择非常重要。颜色一定要细腻,黑胶使用了深棕色,按钮使用了亮棕色。

步骤04

Photoshop设计写实风格的唱片机图标

利用图层样式,我们可以添加很多有趣的效果。黑胶部分添加了线性渐变叠加,混合模式为色彩简单,还加入了一点杂色渐变。复制图层后,改变渐变模式为纯色渐变,这样能增添一种光反射效果。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!