第5步:

使用椭圆工具,按住Shift键在圆角矩形右侧创建出一个正圆。

Photoshop绘制立体质感的网页开关按钮,PS教程,16xx8.com教程网

 

然后为其添加图层样式。

Photoshop绘制立体质感的网页开关按钮,PS教程,16xx8.com教程网

Photoshop绘制立体质感的网页开关按钮,PS教程,16xx8.com教程网

Photoshop绘制立体质感的网页开关按钮,PS教程,16xx8.com教程网

Photoshop绘制立体质感的网页开关按钮,PS教程,16xx8.com教程网

Photoshop绘制立体质感的网页开关按钮,PS教程,16xx8.com教程网

第6步:

在圆形按钮下方新建一个图层,用黑色柔边画笔绘制出阴影。

Photoshop绘制立体质感的网页开关按钮,PS教程,16xx8.com教程网

Photoshop绘制立体质感的网页开关按钮,PS教程,16xx8.com教程网

第7步:

在圆形按钮上方再创建一个圆形。

Photoshop绘制立体质感的网页开关按钮,PS教程,16xx8.com教程网

 

为其添加图层样式。

Photoshop绘制立体质感的网页开关按钮,PS教程,16xx8.com教程网

Photoshop绘制立体质感的网页开关按钮,PS教程,16xx8.com教程网