> 웹 프론트엔드 > PS 튜토리얼 > Photoshop制作光滑的时针小图标

Photoshop制作光滑的时针小图标

PHP中文网
풀어 주다: 2016-06-01 14:30:16
원래의
1577명이 탐색했습니다.

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

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿