PS设计教程网欢迎你!

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

文章来源于 未知,感谢作者 猫视觉 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2013-11-22
然后复制一份这个图层,Ctrl+T等比例缩放至这样的大小 添加颜色为白色,再添加1px渐变描边: 然后再复制此图层,取消当前所有样式,然后拉伸变形至这样的形状 然后给这样图层添加一个渐变样式,来塑造开关的光影变

然后复制一份这个图层,Ctrl+T等比例缩放至这样的大小

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

添加颜色为白色,再添加1px渐变描边:

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

然后再复制此图层,取消当前所有样式,然后拉伸变形至这样的形状

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

然后给这样图层添加一个渐变样式,来塑造开关的光影变化

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

当前效果:

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

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

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

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

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

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

当前效果:

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

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa