教程集 www.jiaochengji.com
教程集 >  建站教程  >  Photoshop  >  正文 photoshop制作锤子时钟图标教程

photoshop制作锤子时钟图标教程

发布时间:2023-05-05   编辑:jiaochengji.com
教程集为您提供photoshop制作锤子时钟图标教程等资源,欢迎您收藏本站,我们将为您提供最新的photoshop制作锤子时钟图标教程资源
今天小编在这里就来给photoshop的这一款软件的使用者们来说下设计锤子时钟图标的制作教程,各位想知道具体制作方法的使用者,那么下面就快去跟着小编一起看一看教程吧。
给各位photoshop软件的使用者们来详细的解析分享一下设计锤子时钟图标的制作教程。
教程分享:
效果图:

 

UI教程,设计锤子时钟图标教程_
制作步骤如下:
首先,第一步,我们要建立一个空白文档,800px X 800px,分辨率为72像素的空白文档,为了日后可以随时调整背景色,新建一个图层,然后设置前景色,填充#8a8a8a。颜色大家可以根据自己的感觉,进行填充!此填充颜色图层命名为背景颜色填充层。(切记,养成不要修改原图和可以随时修改,不动原图的习惯哦)
操作过程为:

 

UI教程,设计锤子时钟图标教程_

 

UI教程,设计锤子时钟图标教程_
第二步,我们要进行时钟UI的设计,首先,我们做最外层,由外到内的渐进过程。找到ps中的“圆角矩形工具”,设置参数为:512px X 512px 圆角为120 ,颜色填充白色。并且在图层中修改图层名为为底层

 

UI教程,设计锤子时钟图标教程_

 

UI教程,设计锤子时钟图标教程_
做完这一步之后,我们要对此图层设置图层样式哦,参数仅供参考!

 

UI教程,设计锤子时钟图标教程_
注意:此处的使用全局光前面的对号,一定要记得全部都取消哦!不然怎么样,自己去感觉!

 

UI教程,设计锤子时钟图标教程_
第三步,底板做好了之后,我们开始要表盘里面的凹下去的效果,我们这一块分为两大块做,选中椭圆工具,按住Shift键,新建一个420px X 420px的正圆,命名为表盘1,并添加相应的图层样式。

 

UI教程,设计锤子时钟图标教程_

 

UI教程,设计锤子时钟图标教程_
接着复制一层,命名为表盘2,选择清除图层样式,重新添加新的图层样式。

 

UI教程,设计锤子时钟图标教程_

 

UI教程,设计锤子时钟图标教程_
第四步,做完以上之后,我们做指针,用圆角矩形工具绘制一个160px X 32px的圆角矩形,圆角设置成15px ,颜色为白色。命名为指针1

 

UI教程,设计锤子时钟图标教程_

 

UI教程,设计锤子时钟图标教程_
拉出辅助线,放到圆心的位置,摆放好位置,并设置指针1的图层样式。

 

UI教程,设计锤子时钟图标教程_
做完指针1之后,我们要做指针2,设置参数为:

 

UI教程,设计锤子时钟图标教程_

 

UI教程,设计锤子时钟图标教程_
设置指针2的图层样式为:

 

UI教程,设计锤子时钟图标教程_

 

UI教程,设计锤子时钟图标教程_

 

UI教程,设计锤子时钟图标教程_
第五步,新建一个40px X 40px的正圆,居中对齐,颜色根据自己喜欢添加,命名为圆盘中心,并添加图层样式。

 

UI教程,设计锤子时钟图标教程_
复制一层,清除图层样式,重新添加图层样式!

 

UI教程,设计锤子时钟图标教程_

 

UI教程,设计锤子时钟图标教程_

 

UI教程,设计锤子时钟图标教程_

 

UI教程,设计锤子时钟图标教程_
第6步,做完以上之后,快,快,快接近尾声了,我们一鼓作气,做出秒针,创建矩形椭圆工具,设置参数为:
放到合适的位置,并设置图层样式参数

 

UI教程,设计锤子时钟图标教程_

 

UI教程,设计锤子时钟图标教程_

 

UI教程,设计锤子时钟图标教程_
接着调整一下图层样式顺序,成果图如下:

 

UI教程,设计锤子时钟图标教程_
好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的设计锤子时钟图标的制作教程解析分享的全部内容了,各位看到这里的使用者们,现在小编相信大家是非常的清楚制作方法了吧,那么各位就快去按照小编的教程自己去制作下吧。

您可能感兴趣的文章:
photoshop制作漂亮立体的胶卷ICON图标教程
Photoshop制作出照片撕边效果教程
Photoshop简单制作禁止拍照图标教程
Photoshop制作雨中野外孤独行走的一头牛海报教程
Photoshop利用风滤镜和涂抹工具制作大气立体足球场图标教程
photoshop快速制作描边图标教程分享
photoshop制作劳动节快乐GIF动态图教程
photoshop将美女长裙图片变成超酷动感水裙效果制作教程
photoshop利用操控变形改变美女开枪动作制作教程
Photoshop给森林人像添加魔法施法场景效果

[关闭]
~ ~