fireworks制作网页按钮（fireworks鎸夐挳瀵艰埅）

大家好,今天就和蜜蜜一起来看看这个问题吧 。fireworks鎸夐挳瀵艰埅，fireworks制作网页按钮很多人还不知道，现在让我们一起来看看吧！

让我们看看它是如何工作的，如图所示：

用过Flash的人一定知道，一个按钮应该有四种状态：未过期、已过、按下和点击。实现动态按钮就是将这四种状态下的按钮效果图片进行合成，从而产生动态的视觉效果。

fireworks制作网页按钮方法步骤

第一步：先启动Fireworks，新建一个大小为8030像素的文件。背景选择是透明的。执行菜单插入新建按钮命令，弹出按钮对话框。我们可以看到五个标签，即上，上，下，下和活动区。前四个是上面的四个动作，活动区域为按钮设置链接(如图1所示)。快捷键“Shift F12”打开框架面板，我们将看到为其四种状态设置的四个框架。下面，我们将分别设置四个帧来实现动态变化。

第二步：制作无过时状态(Up状态):选择Up选项卡，选择工具栏中的椭圆工具工具，在画布上画一个大小合适的椭圆，将油漆桶的颜色设置为天蓝色，填充。快捷键“Alt F7”打开效果面板，为其添加适当的效果。选中图片，点击效果面板的下拉框，在弹出菜单中执行Bevel和EmbossInner Bevel命令。如图2设置参数：对比度58%，柔和度7，角度151，宽度33，使其平滑。

第三步：制作Over状态：切换到Over页签，此时为空。你需要将向上标签中的图片复制到其中。单击编辑区域下方的复制图片按钮，以确保两个选项卡中的图片位于相同的位置。这里给图片添加一些亮色使其处于未选中状态，设置线条颜色为白色，油漆桶颜色为蓝色。快捷键“Shift F7”打开填充面板，并在下拉框中选择矩形。然后，使用油漆桶工具填充图片的颜色，同时拖动填充手柄进行调整，设置亮度参数(如图3)达到合适的效果。

制作按钮步骤step 4:制作按下时的按下状态：同样将Up tab中的图片复制到Down tab中，在效果面板内斜面中设置倾斜和倒置的倾斜和倒置效果；将填充面板的填充模式设置为webeditor，即网页混色效果。在这里，您可以选择两种颜色混合成一种新的颜色，其设置如图4所示。要使按钮在单击时向下，请确保选中“向下”选项卡上的“包括导航条向下状态”复选框，否则按钮将保持向上状态。

第五步：点击后制作Over While Down状态：该状态与Up状态略有不同但并未过时，说明连接可以点击，可以复制Up状态图片，将效果面板中的内斜面属性改为高亮显示。

在fireworks中制作按钮第六步：活动区域设置：选择活动区域选项卡，我们将看到已经设置好的热区。点击链接向导按钮，在弹出的链接向导对话框中选择链接页签。在这里，您可以键入URL连接，在alt列中输入链接的描述，并在Status BarText中输入浏览器状态栏的描述。

我看到过“fireworks制作网页按钮”的认可：1 .烟花做了漂亮的纽扣。

2.制作GIF动画图片的Fireworks教程

3.教你如何在Fireworks中使用切片工具

4 .烟花制作名片

5.fireworks生成环形文本

这篇文章到此就结束，希望能帮助到大家。