Fireworks 网页设计综合实例(上)

核心提示： 5、 切换到Over状态，点击下方的“Copy Up Graphic”将Up状态的对象复制到Over状态窗口，Fireworks 网页设计综合实例(上)(6)，改变矩形的渐变填充方向，改变按钮的特效类型为Smooth，如下图所示：这样当我们想改变每个按钮实例的色彩时

5、 切换到Over状态，点击下方的“Copy Up Graphic”将Up状态的对象复制到Over状态窗口。改变矩形的渐变填充方向，改变按钮的特效类型为Smooth，如下图：

6、 切换到Down状态，点击下方的“Copy Over Graphic”将Over状态的对象复制到Down状态窗口。改变矩形的填充类型为实色填充Solid，改变按钮的特效类型为Frame1，最后将文字的色彩改变为红色，如下图：

7、 需要注意的是，在按钮的Down状态下，需要取消对“Show Down State Upon Load”的勾选，同时要保证“Include Nav Bar Down state”被勾选，这可以使将来输出时会根据不同的按钮按下情况输出相应的HTML文件。

8、 关闭按钮编辑窗口，按钮的一个实例已经放置在了文档当中。

六、 创建导航条

利用上面创建的按钮我们可以快速创建风格一致的网页导航条，并且可以分别设定每个按钮的外观和文字，但同时保持它们的相似性。

1、 我们先对上面创建好的按钮实例增加一种特效，打开Effect面板，选择Adjust Color>Color Fill，设定此特效的混合模式为Hue色调，如下图所示：

这样当我们想改变每个按钮实例的色彩时，只需修改此特效中的混合色彩即可，而不需对按钮符号作修改。