优艾设计网

Photoshop鼠绘开关按钮教程

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:猫视觉
做这个教程,其实是自己练习着玩,也正好模仿一位大神的一个简单的作品,比较简单,希望在今后的练习中能做出更好的教程给大家。

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

Photoshop鼠绘开关按钮教程

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

Photoshop鼠绘开关按钮教程

Photoshop鼠绘开关按钮教程

当前效果:

Photoshop鼠绘开关按钮教程

 

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

Photoshop鼠绘开关按钮教程

完成后是这样子:

Photoshop鼠绘开关按钮教程

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

最终完成效果:

Photoshop鼠绘开关按钮教程

 

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消