PS设计教程网欢迎你!

Photoshop制作简单时尚的网页开关图标(2)

文章来源于 站酷,感谢作者 残酷de乐章 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2014-05-16
5、接着我们编辑按钮-上,绘制开关按钮侧下方的形状和质感,图层样式如下。 6、接着我们画用来按钮按钮的凹槽位。同样的方法我们画一个稍大一些的同心圆,图层名凹槽,然后添加下图所示的样式。 7、至此,我们已经

5、接着我们编辑“按钮-上”,绘制开关按钮侧下方的形状和质感,图层样式如下。

Photoshop制作简单时尚的网页开关图标

Photoshop制作简单时尚的网页开关图标

Photoshop制作简单时尚的网页开关图标

Photoshop制作简单时尚的网页开关图标

Photoshop制作简单时尚的网页开关图标

6、接着我们画用来按钮按钮的凹槽位。同样的方法我们画一个稍大一些的同心圆,图层名“凹槽”,然后添加下图所示的样式。

Photoshop制作简单时尚的网页开关图标

Photoshop制作简单时尚的网页开关图标

Photoshop制作简单时尚的网页开关图标

Photoshop制作简单时尚的网页开关图标

Photoshop制作简单时尚的网页开关图标

7、至此,我们已经完成了70%了,需要再加上阴影。阴影层,我使用了一个稍微“瘦”一些的椭圆形状,这样形成的阴影看起来更加真实。

Photoshop制作简单时尚的网页开关图标

8、最后我们再打上OFF,ON的字样,再增加一点泛红光的效果,完成最终效果。

Photoshop制作简单时尚的网页开关图标

进入论坛交作业:http://www.missyuan.com/thread-702541-1-1.html

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