教程集 www.jiaochengji.com
教程集 >  建站教程  >  Photoshop  >  正文 Photoshop用图层样式设计一个时钟图标教程

Photoshop用图层样式设计一个时钟图标教程

发布时间:2023-05-08   编辑:jiaochengji.com
教程集为您提供Photoshop用图层样式设计一个时钟图标教程等资源,欢迎您收藏本站,我们将为您提供最新的Photoshop用图层样式设计一个时钟图标教程资源
今天小编在这里就来给各位Photoshop的这一款软件的使用者们来说说用图层样式设计一个时钟图标的教程,各位想知道的具体制作步骤的使用者们,那么下面就来看看吧。
给各位Photoshop软件的使用者们来说说用图层样式设计一个时钟图标教程。
教程分享:
一、首先我们来分解这个图标,观察其各个组成部分,然后我们分层制作。

 

图标设计,教你用图层样式设计一个时钟图标
二、接下来我们先制作“时钟底座”。
这个图层看起来很复杂,实际上整个效果只用了一个图层便能搞定,以下截图的参数仅供参考,因为你新建圆的大小将会影响这些参数数值,具体大家自行测试吧,新建画布,拖入背景素材,使用椭圆工具建立一个椭圆,双击此图层为其添加图层样式。

 

图标设计,教你用图层样式设计一个时钟图标

 

图标设计,教你用图层样式设计一个时钟图标

 

图标设计,教你用图层样式设计一个时钟图标

 

图标设计,教你用图层样式设计一个时钟图标

 

图标设计,教你用图层样式设计一个时钟图标

 

图标设计,教你用图层样式设计一个时钟图标

 

图标设计,教你用图层样式设计一个时钟图标

 

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

 

图标设计,教你用图层样式设计一个时钟图标

 

图标设计,教你用图层样式设计一个时钟图标

 

图标设计,教你用图层样式设计一个时钟图标

 

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

 

图标设计,教你用图层样式设计一个时钟图标

 

图标设计,教你用图层样式设计一个时钟图标

 

图标设计,教你用图层样式设计一个时钟图标

 

图标设计,教你用图层样式设计一个时钟图标
五、最后我们来制作高光,整个高光图层是由两部分组成。

 

图标设计,教你用图层样式设计一个时钟图标

 

图标设计,教你用图层样式设计一个时钟图标
最终效果:

 

图标设计,教你用图层样式设计一个时钟图标
好了,以上的信息就是小编给各位Photoshop的这一款软件的使用者们带来的详细的用图层样式设计一个时钟图标教程分享的全部内容了,各位看到这里的Photoshop软件的使用者们,小编相信你们现在是非常的清楚了教程了吧,希望小编的教程对大家有所帮助。

您可能感兴趣的文章:
photoshop设计一个调节开关图标制作教程
photoshop设计电视机主题UI图标效果制作教程
photoshop设计扁平化风格UI图标制作教程
photoshop制作漂亮立体的胶卷ICON图标教程
photoshop利用图层样式快速制作一个剔透玉石挂坠图标教程
photoshop图层相关实用知识分享
photoshop设计玉镯主题UI图标制作教程
photoshop利用图层样式制作逼真珍珠项链教程
photoshop设计一个水滴主题UI图标绘制教程
photoshop快速设计描边小图标制作教程

[关闭]
~ ~