当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

ps设计时针小图标教程(6)

来源:站酷 作者:DearSalt 学习:3370人次
作者虽然没有详细介绍每一步制作方法。不过分解图非常有用,一看就知道整个图标的构成,然后按一定的顺序慢慢刻画即可。

最终效果

Photoshop制作光滑的时针小图标图标

1、首先我们来分解这个图标,观察其各个组成部分,然后我们分层制作。

Photoshop制作光滑的时针小图标图标
2、接下来我们先制作“时钟底座”,这个图层看起来很复杂,实际上整个效果只用一个图层便能完成。以下截图的参数仅供参考,因为你新建圆的大小将会影响这些参数数值,具体大家自行测试吧。

新建画布,拖入背景素材,使用椭圆工具建立一个椭圆,双击此图层为其添加图层样式。

Photoshop制作光滑的时针小图标图标

Photoshop制作光滑的时针小图标图标

Photoshop制作光滑的时针小图标图标

Photoshop制作光滑的时针小图标图标

Photoshop制作光滑的时针小图标图标
3、时钟底座的效果大家已经看到了,下面我们来制作表盘底座,它同样也是一个图层完成的。新建图层,在画布上建立一个小一点的正圆行,并将此层放在时钟底座图层的上方,双击添加图层样式。

Photoshop制作光滑的时针小图标图标

Photoshop制作光滑的时针小图标图标

Photoshop制作光滑的时针小图标图标

Photoshop制作光滑的时针小图标图标
4、表盘的制作:这一步像表盘的数字、时针、分针、秒针这些制作起来很容易。时针的颜色数值为#724042,图层模式为“叠加”,秒针的颜色数值为:#162020。特别注意的是这三个针的阴影方向,光源在左上角。在这里我只贴出金属帽的图层样式,以供大家参考。

Photoshop制作光滑的时针小图标图标

Photoshop制作光滑的时针小图标图标

Photoshop制作光滑的时针小图标图标

5、最后我们来制作高光,整个高光图层是由两部分组成。

Photoshop制作光滑的时针小图标图标

Photoshop制作光滑的时针小图标图标

6、剩下的就是在图片下加点文字,然后合并图层稍微锐化一下就大功告成了。

Photoshop制作光滑的时针小图标图标

学习 · 提示

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

关注大神微博加入>>

网友求助,请回答!