PS设计教程网欢迎你!

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

文章来源于 未知,感谢作者 猫视觉 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2013-11-22
你完全可以按照自己的感觉来调的更丰富一点。现在开关背景做好了,接下来绘制开关的螺丝,螺丝比较小,所以需要更细微的处理,我在这里没做太多的处理,只是做了一个简单的样式,大概看起来像(水平有限),先给大家

你完全可以按照自己的感觉来调的更丰富一点。现在开关背景做好了,接下来绘制开关的螺丝,螺丝比较小,所以需要更细微的处理,我在这里没做太多的处理,只是做了一个简单的样式,大概看起来像(水平有限),先给大家看下效果

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

我简单说下用到的样式,用圆形工具画一个差不多大小的圆,然后运用这样的渐变

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

加描边

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

然后用选区工具画一个这样的形状,也可以用钢笔工具,填充颜色#323232

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

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

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

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

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

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

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

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

如图:

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

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