上一页 1 2

　　（7） 为了能模拟蝴蝶飞舞时产生的颜色明暗度变化，所以需要对第2帧的图像进行色相、饱和度和亮度的调整。单击【滤镜】菜单，选择【调整颜色】|【色相/饱和度】，在弹出对话框中调整色相、饱和度和亮度，如图7所示。

图7 调整图像色相、饱和度和亮度
　　

　　（8） 最终得到满意的效果，如图8所示。接着在新建一帧，和上面两步类似，再调整图像得到图9所示的图像。

图8 第2帧图像　　　　图9 第3帧图像
　　（9） 由于蝴蝶飞舞过程中翅膀会往返两次同一个位置，所以第4帧图像和第2帧图像是相同的，第5帧和第一帧图像是相同的。只需要分别将第2帧图像复制到第4帧，将第一帧图像复制到第5帧就可以了，分别如图133和图134所示。


图10 第4帧图像　　　　图11 第5帧图像
　　（10）最后再新建一帧，将第5帧图像复制到该帧，使用缩放工具将图像再进行缩放，使得蝴蝶的翅膀展开度更大一些，得到图12所示的图像。

　　（11）帧面板中共有6帧，帧延时都是Fireworks默认的7/100秒，这样会使得蝴蝶翅膀扇动的频率过快。希望蝴蝶翅膀扇动频率慢一些，只需要在帧面板中选中所有的帧，双击帧延时区域，将帧延时设置为15/100秒，如图13所示。这样蝴蝶翅膀扇动就会变慢了。

图12 第6帧图像　　　　图13 设置帧延时
　　

　　（12）最后使用导出向导将这个图像导出为GIF动画文件就可以了。然后就可以在网页制作过程中插入这个动画，来实现蝴蝶在网页上翩翩起舞的效果了。 .png文件下载

完成效果