现在大概样子快出来了,接下来用圆形工具画一个半径为12px的圆圈,添加一个渐变描边样式

Photoshop设计白色立体效果的开关按钮

接下来再用矩形工具画一个宽2px高9px的矩形,用来当做指示灯,给此图层添加一个渐变样式,并增加阴影,如下图:

Photoshop设计白色立体效果的开关按钮

Photoshop设计白色立体效果的开关按钮

当前效果:

Photoshop设计白色立体效果的开关按钮

 

做到这步差不多完成了,接下来我们处理一个光影效果,这里假设光是从上面打下来的,所以我们适当加一些阴影,突出效果,你可以按照你自己的理解来添加丰富完善,只要保证最后效果超越此教程

Photoshop设计白色立体效果的开关按钮

完成后是这样子:

Photoshop设计白色立体效果的开关按钮

本教程只示范一个关闭状态的开关,另外一个开启的状态,大家可以按照这样的步骤自己发挥一下

最终完成效果:

Photoshop设计白色立体效果的开关按钮