Fireworks滚盖图技巧高级篇

核心提示： 2、5 好了，按钮的主体已经做好了，Fireworks滚盖图技巧高级篇(2)，现在我们就要把它转化为按钮型的Symbol，使用快捷键“Ctrl+A”选中所有的矩形对象，切片区的大小也就是按钮的active areas区域大小）的行数_列数+帧数（只有图片占据了一帧以

2、5 好了，按钮的主体已经做好了，现在我们就要把它转化为按钮型的Symbol。使用快捷键“Ctrl+A”选中所有的矩形对象，接着将这几个矩形对象组合到一起（快捷键是“Ctrl+G”），然后执行菜单命令Insert--〉Convert to Symbole（快捷键是功能键F8），在随后弹出的对话框中，将Symbol的Type（类型）选为“Button（按钮）”，可以给这个Symbol起个名称，也可以保持其默认名称“Symbol1”。

2、6 将组合对象转化为Symbol後，双击该Symbol便可以进入其编辑区。对于按钮的各个状态的方式、意义这里我们不做多讲，请参考其他的文章。你可以按照自己的需要对按钮的各个状态进行各种美化工作。不过现在请你先看完后面的步骤后，回头再来美化。呵呵。这里我们添加了文字“动态按钮”。如图05：

图 05

2、7 好了，按钮制作完成，我们要将其输出保存了，在输出之前，执行菜单命令Modify--Trim Canvas，使得按钮恰好占满整个画布。然后打开File菜单，选择Export命令，在随后弹出的输出设置框内，将输出的文件命名为button.htm，记得将Put Images in Subfolder前面的复选框选中，这样便于我们对输出文件的图片文件的保存。现在可以点击Save（保存）按钮，但是，且慢，这里有一个和我们即将要制作的滚盖按钮的动画关系密切的要点：点选输出设定框上的“Options（选项）”按钮。如图06所示：

图 06

2、8 在随后弹出的设定框中，选择Document Specific选项卡，如图07所示。需要我们注意的是File Names（文件名称）这一部分的相关设定，它是用来设定输出图片或者按钮的相关图片的文件名称的，也就是说，一般我们输出的按钮图片的文件名称默认格式为"输出html文件名称+切片（不要忘了，只要一转化为按钮格式，就会在layer面板的web共享层上自动出现一个切片区，切片区的大小也就是按钮的active areas区域大小）的行数_列数+帧数（只有图片占据了一帧以上的帧数，否则不出现）其他的格式大家可以自行试验一下，看看图片名称的输出格式。