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

http://www.webjx.com/  发布时间:2009-07-21 22:01:45  来源:外文翻译 
  在这篇photoshop教程中,将教给你如何制作一个带有反转效果的“web2.0”风格的简洁干净的按钮效果,同时你也会学习到应用基础CSS的技巧。   在这篇教程中所示范的按钮,灵感来源于 Campaign Monitor 的web界面. 按照下面的流程,你将学会如何制作一个类似的简单按钮。   最终的效果
  让我们开始慢慢的讲解如何来制作这样的一个效果吧:   新建一个文档   1 按钮的尺寸是250px 宽,50px 高。画布中要同时绘画按钮的原始状态(绿色按钮效果)和翻转状态(蓝色按钮鲜果),所以画布的高度100px.
  2 在画布的垂直方向的一半的位置,拖拽一条标尺线。如果你的画布中,没有标尺,可以按住 (Ctrl + R) 调出它来。直接从标尺中向画布中心拖拽,就可以拖拽出一条标尺线。
  创建形状   3 点击圆角矩形,圆角值设为3px。
共7页: 上一页 1 [2] [3] [4] [5] [6] [7] 下一页
更多
钱柜娱乐