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] 下一页
更多