Home  >  Article  >  Web Front-end  >  Photoshop制作光滑的时针小图标

Photoshop制作光滑的时针小图标

PHP中文网
PHP中文网Original
2016-06-01 14:30:161549browse

作者虽然没有详细介绍每一步制作方法。不过分解图非常有用,一看就知道整个图标的构成,然后按一定的顺序慢慢刻画即可 作者虽然没有详细介绍每一步制作方法。不过分解图非常有用,一看就知道整个图标的构成,然后按一定的顺序慢慢刻画即可。
最终效果

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制作光滑的时针小图标

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn