优艾设计网

Photoshop鼠绘开关按钮教程

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

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

Photoshop鼠绘开关按钮教程

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

Photoshop鼠绘开关按钮教程

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

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

Photoshop鼠绘开关按钮教程

如图:

Photoshop鼠绘开关按钮教程

 

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

Photoshop鼠绘开关按钮教程

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

Photoshop鼠绘开关按钮教程

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

Photoshop鼠绘开关按钮教程

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

Photoshop鼠绘开关按钮教程

当前效果:

Photoshop鼠绘开关按钮教程

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

精彩评论

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