本教程主要使用Photoshop绘制简洁风格的网页开关按钮教程，整体的效果非常的漂亮，方法也不是很难，喜欢的朋友让我们一起来学习吧。

先看看效果图

PS打造极简风格旋钮开关

1、新建文件

PS打造极简风格旋钮开关

2、选择背景颜色

PS打造极简风格旋钮开关

3、alt+delete键填充前景色。

PS打造极简风格旋钮开关

4、椭圆工具新建一个正圆(椭圆1图层)。

PS打造极简风格旋钮开关

4.1、双击椭圆1图层调节图层样式——颜色叠加、描边，参数如图。

PS打造极简风格旋钮开关

PS打造极简风格旋钮开关

4.2、得到椭圆1的效果。

PS打造极简风格旋钮开关

5、再新建椭圆2，大小如图。

PS打造极简风格旋钮开关

5.1、双击图层调节图层样式：颜色叠加、描边、投影。

PS打造极简风格旋钮开关

PS打造极简风格旋钮开关

PS打造极简风格旋钮开关

6、得到效果，再新建椭圆3.

PS打造极简风格旋钮开关

 

6.1双击椭圆3图层调节图层样式：颜色叠加、投影。

PS打造极简风格旋钮开关

PS打造极简风格旋钮开关

6.2、椭圆3图层填充调为0.

PS打造极简风格旋钮开关

6.3、椭圆3效果。

PS打造极简风格旋钮开关

7、新建椭圆4图层大小如图。

PS打造极简风格旋钮开关

7.1、双击图层调节图层样式：斜面和浮雕、颜色叠加、外发光、投影。

PS打造极简风格旋钮开关

PS打造极简风格旋钮开关

PS打造极简风格旋钮开关

PS打造极简风格旋钮开关

7.2、效果。

PS打造极简风格旋钮开关

7.3、ctrl+J复制椭圆3图层得到椭圆4，调节如图

PS打造极简风格旋钮开关

8、用矩形工具新建矩形。

PS打造极简风格旋钮开关

8.1、双击矩形图层调节图层样式：颜色叠加、投影。

PS打造极简风格旋钮开关

PS打造极简风格旋钮开关

8.2、效果如图

PS打造极简风格旋钮开关

 

8.3、ctrl+T复制出4个矩形图层，分别调整好位置如图

PS打造极简风格旋钮开关

9、新建小椭圆位置如图。

PS打造极简风格旋钮开关

9.1、双击图层调节图层样式：颜色叠加

PS打造极简风格旋钮开关

9.2、效果如图

PS打造极简风格旋钮开关

9.3、新建几个小椭圆位置如图。

PS打造极简风格旋钮开关

10、选择大椭圆所对应的小圆图层调整图层样式。

PS打造极简风格旋钮开关

PS打造极简风格旋钮开关

10.1、效果图

PS打造极简风格旋钮开关

11、打上文字然后调节图层样式。

PS打造极简风格旋钮开关

PS打造极简风格旋钮开关

最终效果

PS打造极简风格旋钮开关