思缘教程网欢迎你! 思缘旧版思缘图库思缘论坛软件下载网站登陆加入思缘

Photoshop制作Web2.0高光质感彩色按钮

文章来源于 PsTweaks.com,感谢作者 websbook翻译 给我们带来经精彩的文章!
思缘教程/PS教程/设计教程2009-10-30
PS简单三步就能完成一个很不错的按钮,同样的方法可以制作各种类似的按钮,以后制作网站不用再为找不到合适的按钮担心了,一切自己DIY。

PS简单三步就能完成一个很不错的按钮,同样的方法可以制作各种类似的按钮,以后制作网站不用再为找不到合适的按钮担心了,一切自己DIY!!

先看看效果图:

Photoshop制作Web2.0高光质感彩色按钮,PS教程,思缘教程网

第一步:先用矩形工具制作一个长方体按钮轮廓,随后我们再用渐变为按钮制作出整体的色调,这里PS图层样式中按照如下图设置渐变参数

Photoshop制作Web2.0高光质感彩色按钮,PS教程,思缘教程网

完成后的渐变如下

Photoshop制作Web2.0高光质感彩色按钮,PS教程,思缘教程网

现在我们再制作按钮层叠效果,这里我们使用图层样式中的混合选项,设置如下

Photoshop制作Web2.0高光质感彩色按钮,PS教程,思缘教程网

完成后你看到的效果因该与下图按钮类似

Photoshop制作Web2.0高光质感彩色按钮,PS教程,思缘教程网

第二步:为按钮描边以及加上文字

Photoshop制作Web2.0高光质感彩色按钮,PS教程,思缘教程网

第三步:这是最重要的一步,我们为按钮制作高光效果,使其看上去很立体,过程是先用钢笔画出一个不规则曲线,如下

Photoshop制作Web2.0高光质感彩色按钮,PS教程,思缘教程网

 

随后将钢笔区域转为选区,并填充为白色,再调整不透明度,这样一个简单三步就做成的质感按钮完成了,是不是很简单,你可以试着制作其他不同的颜色

Photoshop制作Web2.0高光质感彩色按钮,PS教程,思缘教程网

Photoshop制作Web2.0高光质感彩色按钮,PS教程,思缘教程网

进入论坛讨论:http://www.missyuan.com/viewthread.php?tid=427078

你可能感兴趣的教程
版权所有思缘教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa