photoshop制作网页常用小按钮案例（第2页）

　　第二款：渐变按钮

　　相对于第一款按钮来说，接下来我们要介绍的这种类型的按钮实用性更强，而且颜色也更丰富。你在许多网站上都会看到它。

　　首先，仍是新建RGB模式的Photoshop文档，白色背景。

　　这次我们新建一层，用矩形选框工具选择一个小矩形，然后点击“选择->修改->平滑”，设为5像素。选择渐变工具的由黑到白渐变，在选框内由下往上拉。效果如图2。

图2

　　双击图层，进入图层样式，我们为按纽添加立体感，选择斜面和浮雕样式，在样式中选择内斜面，方法为平滑，深度为1％，方向为上，大小为1像素，软化为0像素，阴影的角度为120度，使用全局光，高度为30度，保持高光和暗调的默认混合模式及颜色不变，高光的不透明度为75％，暗调为36％；

图3

　　最后，我们再用描边的方式修饰按纽，设置描边大小为1像素，位置在外部，混合模式为正常，不透明度为100％，填充类型为颜色，将颜色设为灰色。

图4