Photoshop绘制立体风格的简洁按钮教程

文章来源于站酷，感谢作者 Royavs 给我们带来经精彩的文章！

设计教程/PS教程/设计教程2015-10-24

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

先看看效果图

1、新建文件

Photoshop绘制立体风格的简洁按钮教程

2、选择背景颜色

Photoshop绘制立体风格的简洁按钮教程

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

Photoshop绘制立体风格的简洁按钮教程

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

Photoshop绘制立体风格的简洁按钮教程

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

Photoshop绘制立体风格的简洁按钮教程

4.2、得到椭圆1的效果。

Photoshop绘制立体风格的简洁按钮教程

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

Photoshop绘制立体风格的简洁按钮教程

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

Photoshop绘制立体风格的简洁按钮教程

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

Photoshop绘制立体风格的简洁按钮教程

情非得已