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，输出，随后应该出现是否替换的警示框，选择替换即可。
下面的按钮动画便是我们已经将Over状态的图片进行替换后的效果。

6 但是，我们发现在鼠标离开时，还没有出现我们预期想要的动画。如果你想出现这个效果，仅仅使用简单的图片替换法已经不能解决问题了。现在我们首先需要的是制作出鼠标离开时的动画，动画制作完毕后，将其和其他的按钮图片一样，保存到同一个文件夹下，假设保存的图片文件为out.gif，然后再加以使用。