教程集 www.jiaochengji.com
教程集 >  建站教程  >  Photoshop  >  正文 photoshop设计调速开关按钮制作教程

photoshop设计调速开关按钮制作教程

发布时间:2023-05-04   编辑:jiaochengji.com
教程集为您提供photoshop设计调速开关按钮制作教程等资源,欢迎您收藏本站,我们将为您提供最新的photoshop设计调速开关按钮制作教程资源
今天小编在这里就来给photoshop的这一款软件的使用者们来说下设计调速开关按钮的制作教程,各位想知道具体制作方法的使用者,那么下面就看来看一看小编分享的这篇教程吧。
给各位photoshop软件的使用者们来详细的解析分享一下设计调速开关按钮的制作教程。
教程分享:
1、新建文件

 

按钮教程,设计调速开关按钮教程_
2、选择背景颜色

 

按钮教程,设计调速开关按钮教程_
3、alt delete键填充前景色。

 

按钮教程,设计调速开关按钮教程_
4、椭圆工具新建一个正圆(椭圆1图层)。

 

按钮教程,设计调速开关按钮教程_
4.1、双击椭圆1图层调节图层样式——颜色叠加、描边,参数如图。

 

按钮教程,设计调速开关按钮教程_

 

按钮教程,设计调速开关按钮教程_
4.2、得到椭圆1的效果。

 

按钮教程,设计调速开关按钮教程_
5、再新建椭圆2,大小如图。

 

按钮教程,设计调速开关按钮教程_
5.1、双击图层调节图层样式:颜色叠加、描边、投影。

 

按钮教程,设计调速开关按钮教程_

 

按钮教程,设计调速开关按钮教程_

 

按钮教程,设计调速开关按钮教程_
6、得到效果,再新建椭圆3.

 

按钮教程,设计调速开关按钮教程_
6.1双击椭圆3图层调节图层样式:颜色叠加、投影。

 

按钮教程,设计调速开关按钮教程_

 

按钮教程,设计调速开关按钮教程_
6.2、椭圆3图层填充调为0.

 

按钮教程,设计调速开关按钮教程_
6.3、椭圆3效果。

 

按钮教程,设计调速开关按钮教程_
7、新建椭圆4图层大小如图。

 

按钮教程,设计调速开关按钮教程_
7.1、双击图层调节图层样式:斜面和浮雕、颜色叠加、外发光、投影。

 

按钮教程,设计调速开关按钮教程_

 

按钮教程,设计调速开关按钮教程_

 

按钮教程,设计调速开关按钮教程_

 

按钮教程,设计调速开关按钮教程_
7.2、效果。

 

按钮教程,设计调速开关按钮教程_
7.3、ctrl J复制椭圆3图层得到椭圆4,调节如图

 

按钮教程,设计调速开关按钮教程_
8、用矩形工具新建矩形。

 

按钮教程,设计调速开关按钮教程_
8.1、双击矩形图层调节图层样式:颜色叠加、投影。

 

按钮教程,设计调速开关按钮教程_

 

按钮教程,设计调速开关按钮教程_
8.2、效果如图

 

按钮教程,设计调速开关按钮教程_
8.3、ctrl T复制出4个矩形图层,分别调整好位置如图

 

按钮教程,设计调速开关按钮教程_
9、新建小椭圆位置如图。

 

按钮教程,设计调速开关按钮教程_
9.1、双击图层调节图层样式:颜色叠加

 

按钮教程,设计调速开关按钮教程_
9.2、效果如图

 

按钮教程,设计调速开关按钮教程_
9.3、新建几个小椭圆位置如图。

 

按钮教程,设计调速开关按钮教程_
10、选择大椭圆所对应的小圆图层调整图层样式。

 

按钮教程,设计调速开关按钮教程_

 

按钮教程,设计调速开关按钮教程_
10.1、效果图

 

按钮教程,设计调速开关按钮教程_
11、打上文字然后调节图层样式。

 

按钮教程,设计调速开关按钮教程_

 

按钮教程,设计调速开关按钮教程_
最终效果

 

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

您可能感兴趣的文章:
photoshop设计一个简单立体球体绘制教程
Photoshop设计逼真漂亮雪景制作教程
Photoshop制作出照片撕边效果教程
photoshop设计美丽梦幻红色照片效果制作教程
photoshop快速设计描边小图标制作教程
Photoshop设计绚丽的彩色光斑蝴蝶制作教程
Photoshop设计漂亮的红黄色光束翅膀制作教程
photoshop设计一个调节开关图标制作教程
创建漂亮的 CSS 按钮的 10 个代码片段
photoshop设计重影效果具体制作教程

[关闭]
~ ~