在Photoshop中制作网页按钮，一般可以按如此步骤进行操作。

【操作步骤】

第1步，在网页设计时，可用Photoshop中绘制出按钮形状，如矩形、圆形、椭圆或多边形。绘制按钮形状，可以使用Photoshop提供的形状工具；如果是绘制不规则的形状，则可使用【钢笔工具】、【刷子工具】和【铅笔工具】，再用【自由变形工具】和【更改区域形状工具】进行调整。

第2步，利用【图层样式】对话框对按钮对象进行处理。例如，给按钮填充渐变颜色，或者填入一些底纹效果等。

第3步，给按钮添加立体效果，使其一看就是一个按钮，此时可以使用【样式】面板为按钮添加一些样式效果，使按钮具有立体感。当然也可以使用其他效果。

第4步，进行按钮形状的编辑，最后给按钮命名。这样就完成了网页按钮的制作。悬停按钮是一组按钮的组合，它在网页中有多种显示状态。在Photoshop中制作悬停按钮的操作步骤如下。

【操作步骤】

第1步，新建文档，在【图层】面板中新建图层1，使用图形工具绘制一个圆角矩形，填充颜色指定。

第2步，选择【窗口】|【样式】命令，打开【样式】面板，从中选择一款样式，单击为当前背景图层进行应用，也可以自己利用【图层样式】对话框自定义设计。

第3步，重命名“图层1”为“正常”，然后按Ctrl+J快捷键复制该图层，命名为“移过”。为该图层应用“投影”效果，设置保持默认值即可，设置【不透明度】为50%，降低阴影度。

第4步，复制“移过”图层，并命名为“按下”，双击图层缩略图，在打开的【图层样式】对话框中修改浮雕设置参数，完成鼠标按下时按钮的效果。

用户还可以设计更多的变化。例如，可以将鼠标指针移过状态设成一个文字发光效果。这样当鼠标指针移到按钮上时，就会出现文字发光的效果。总之，只要能够制作出悬停按钮的3种状态，悬停按钮就算制作成功了，即使只是一个简单的颜色变换或是位置的移动也可以。

第5步，完成3种不同状态的背景样式，最后使用【文本工具】输入按钮文本，选择【图像】|【裁切】命令，打开【裁切】对话框，裁切掉多余的区域。

第6步，隐藏“背景”图层，仅显示“正常”图层和“面对面”文字图层，选择【文件】|【存储为Web所用格式】命令，在打开的【存储为Web所用格式】对话框中单击【存储】按钮即可。

第7步，以同样的方式输出鼠标移过和鼠标按下时的按钮状态图，最后效果如图所示。

制作背景图像

如何才能快速地制作一张美观的背景图像呢？最快的方法就是使用Photoshop进行操作，下面以如何编辑渐变背景图像为例介绍背景图像的制作方法。

【操作步骤】

第1步，启动Photoshop，新建一个高为600像素，宽为1像素的文档。

第2步，在工具箱中选择【渐变工具】，在工具选项栏中选择填充类型为“线性”渐变。设置渐变颜色从白色到亮蓝色（#00cbff）。

第3步，在编辑窗口中从上向下拖拉，应用渐变填充。

第4步，将完成的渐变图像最优化，并输出为GIF格式的文件，即可将此背景图像应用到网页中。

注意：在网页设计时，背景图像的整体色调都不宜过深。应选用淡色，以便突出前景文字的内容。不得已使用深色背景时，前景内容（如文字）就应选用淡色调。