ps鼠绘开关按钮教程

2023-11-29 17:27:22 来源/作者: / 己有:0人学习过

然后添加一个投影样式,搞定。如果觉得不像,你可以发挥你的潜力画的更像一点

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

然后再复制三个,分别放在对应的位置

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

接下来画开关按钮,在这里示范的是未开启的状态(应该是吧?)

同样选择圆角矩形,画一个20px的圆角长方形,添加渐变样式

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

如图:

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

 

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

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

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

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

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

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

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

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

当前效果:

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