PS绘制反转效果WEB2.0风格简洁网页按钮

　　在这篇photoshop教程中，将教给你如何制作一个带有反转效果的“web2.0”风格的简洁干净的按钮效果，同时你也会学习到应用基础CSS的技巧。

　　在这篇教程中所示范的按钮，灵感来源于 Campaign Monitor 的web界面. 按照下面的流程，你将学会如何制作一个类似的简单按钮。

　　最终的效果

　　让我们开始慢慢的讲解如何来制作这样的一个效果吧：

　　新建一个文档

　　1 按钮的尺寸是250px 宽，50px 高。画布中要同时绘画按钮的原始状态(绿色按钮效果)和翻转状态(蓝色按钮鲜果)，所以画布的高度100px.

　　2 在画布的垂直方向的一半的位置，拖拽一条标尺线。如果你的画布中，没有标尺，可以按住 (Ctrl + R) 调出它来。直接从标尺中向画布中心拖拽，就可以拖拽出一条标尺线。

　　创建形状

　　3 点击圆角矩形，圆角值设为3px。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!