Fireworks插件如何创建透明按钮（2）

• Fireworks插件
• 如何创建
• 透明按钮

4） 双击按钮打开按钮编辑器，可以为每个状态创建不同的文字和图形了。并且选择这个透明按钮的所有对象，按Ctrl+G将它们组合起来，如图11所示。

图11 打开按钮编辑器

5） 在按钮的释放状态之下，选择工具箱的文本工具，为按钮添加文本并设置文本属性如图12所示，并通过将按钮和文本对齐，得到图13。

图12 文本属性设置（图片较大，请拉动滚动条观看）

图13 为按钮添加文本

6） 这样释放状态的编辑已经结束，现在开始编辑滑过状态。点击按钮编辑器顶端的“滑过”选项栏，选择“复制弹起时的图形”。选中透明按钮的组合，通过属性面板将其透明度稍微调低一些。然后选择文本，修改其填充颜色为#FFFF66，得到如图14所示的滑动状态。

图14 按钮的滑动状态

7） 一般情况下，只要两个状态就足够了，当然其他状态也是类似制作，这里就不需详细叙述了。现在选择按钮编辑器的“活动区域”选项栏，修改切片的大小使之和按钮大小基本符合，如图15所示。

图15 修改切片大小

8） 单击“完成”，这样的按钮已经制作好了。在文件工作区面板中可以选择“预览”选项栏，就可以看看所制作的按钮的效果了。如图16所示。

图16 预览按钮效果

9） 最后将图像另存为button.png即可。

小结：我们在这个按钮的制作例子中，熟悉了按钮编辑器的一些基本情况，还通过这个按钮的制作了解了如何在Fireworks MX 2004中安装扩展插件。这个按钮是通过新建文件来制作的，还可以通过调用素材库直接编辑按钮，Fireworks MX 2004素材库为用户提供了大量的按钮素材，使得用户省去了许多不必要的制作时间，现在就来了解如何使用素材库，并熟悉按钮制作的一些高级内容。