Fireworks滚盖图技巧高级篇

核心提示： 现在，我们保持Frieworks的各项默认设置，Fireworks滚盖图技巧高级篇(3)，进行Html文件、图片、切片的输出保存，图 073、打开我们用来保存输出图片的文件夹，输出，随后应该出现是否替换的警示框，我们刚刚制作好的按钮有三个状态 1、Up 2、Over 3、Down，也就是说

现在，我们保持Frieworks的各项默认设置，进行Html文件、图片、切片的输出保存。

图 07

3、打开我们用来保存输出图片的文件夹。我们刚刚制作好的按钮有三个状态 1、Up 2、Over 3、Down，也就是说这个按钮占据了三帧的位置，所以现在我们可以看到输出的图片名称为（刚刚输出的html文件为button）：Up状态图片为"button_r1_c1.gif"(或者是"button.gif")；over状态图片为"button_r1_c1_f2.gif"(或者是"button_f2.gif")；down状态图片为"button_r1_c1_f3.gif"(或者是"button_f3.gif")。好了，现在我们知道了，当我们的鼠标移动到按钮上时，就会显示出"button_r1_c1_f2.gif"(或者是"button_f2.gif")这个图片 。如图08所示：

08 button.gif

button_f2.gif

button_f3.gif

4、懂得了上面的道理，那么，制作一个动态按钮的目的很快就要实现了……如果您现在不需要我再多讲就可以将动画按钮制作出来的话，那我要恭喜您；如果需要我再废话几句的话，那我就不客气了：）。

5、回到Fireworks4的编辑区，制作按钮的Over状态的动画，当然你在制作动画的时候，一定要考虑和Up状态的按钮要保持一致，最好不要让人看出破绽。动画制作完毕，将其保存输出，输出时注意将输出格式变为Animated Gif，不然就什么效果也没有了，而且要将该动画图片输出到保存按钮图片的文件夹下，并将动画图片的名称改为button_f2.gif，输出，随后应该出现是否替换的警示框，选择替换即可。