今天我们来绘制一个飞舞的蝴蝶动画，让蝴蝶的翅膀在不停地扇动着，如同一只现实中的彩蝶在翩翩飞舞。还可以在网页制作过程中在Deamweaver中将这个GIF动画插入一个层之中，然后设置时间轴来控制动画在网页上的运动路径，用以实现它在页面上飞舞的效果。主要用来熟悉Fireworks MX 2004中帧面板中导出GIF动画文件的用法，同时熟悉魔棒工具的用法。文章末尾提供.png文件供大家下载参考。
完成效果如右图。
下面我们介绍具体的绘制过程，看看蝴蝶翅膀扇动效果是如何实现的。
（1） 新建一个大小为80×80的文件，设置其画布颜色为透明，得到图1所示图像。
（2） 导入一个静态的蝴蝶图片，如图2所示。但是这幅图像是有白色背景的。
图1 新建文件 图2 导入一幅静态蝴蝶图
（3） 单击工具箱上的魔术棒工具
，在导入图像的白色区域中单击一下，这样图像中所有白色的区域就被选中了，如图3所示。
（4） 按Delete键将魔术棒选取的白色区域删除，得到图4所示的图像。
图3 使用魔术棒单击白色区域 图4 删除白色区域
（5） 单击工作区状态栏的
按钮回到矢量图编辑状态。使用对其面板将图像放置在画布的最中央，得到图5所示的图像。
（6） 打开帧面板，单击
按钮新建一帧，并把第一帧的图像复制到第2帧之中，使用工具箱上的缩放工具
对复制所得图像进行调整，如图6所示。
图5 将图像放置画布中央 图6缩放图像
