制作网页动画可用许多种方法来实现，如：用Java或DHTML或Flash等，也可用Fireworks.而Fireworks提供了三种制作动画的手段：手工绘制、使用符号（Symbol）、图像法。

下面我们以手工绘制和图像法来制作简易的“月出场景”动画。

1、新建一空白文档窗口：

运行Fireworks 4，选择菜单“File→New”命令后，出现“New Document”窗口，设置一些参数后，按“OK”，在Fireworks的程序窗口中，出现新建空白文档窗口（Untitled-1）。

2、导入图像：

选择菜单“File→Inport…”命令后，出现导入窗口（Import），选择某个图像文件后，按“打开”，鼠标移到空白文档窗口时，指针变为折线形状，在空白文档窗口的左上角单击，则所选图像导入到空白文档窗口，调整图像的位置或编辑画布大小等。本例导入一幅“没有月亮的夜景”（如图1）。

图1

3、创建动画帧数：

如Fireworks 4程序窗口没有出现帧面板（Frames），可同时按Shift+F2键，则出现帧面板。在帧面板中有一个Frame1 ，表示已存在一个帧，第2步导入的图像就在这个帧中。鼠标单击帧面板右上角的三角形图标，出现帧面板菜单，选择“Add Frames…”命令，出现添加帧窗口（Add Frames），在添加窗口的“Number”输入项中输入动画的帧数，本例输入帧数4，并选择“After Current Frame”选项，按“OK”，则在帧面板出现5个帧（Frame 1～Frame5）。如用鼠标单击选择第2～5帧，在文档窗口中无显示图像，鼠标选择第1帧时，在文档窗口中显示已导入的图像。

4、共享图层：

用鼠标单击选择第1帧，再按F2键，出现图层面板（Layers），用鼠标选择“Layer1”，再单击图层面板右上角的三角形图标，出现图层面板菜单，选择“Share This Layer”命令，确定后，就把第1帧的第一层（Layer1）转换为其他4个帧都共享的图层，可选择其他4个帧预览。

图2

5、绘制动画：

选择第1帧的图层面板，鼠标单击图层面板右下角的打开图标，创建第1帧第二个图层（Layer2）。在Layer 2图层中，用工具箱中的画圆工具，绘制一个月亮，再复制出4个月亮，把这5个月亮沿着升起的方向排放，并编辑太阳形状颜色等属性（如图2）。用鼠标同时选择（按Shift键）这5个月亮，再选择帧面板，把这5个月亮分发到5个帧去。

6、调整各帧延迟时间：

在帧面板中，用鼠标双击每一帧右边的数字，出现一个窗口，输入帧播放延迟时间。从Frame 1至Frame5顺序选择帧，浏览月亮升起的方向，如有误，可用鼠标拖拽帧来调整帧的顺序。

7、浏览效果：

在Fireworks 4程序窗口的左下角有一排动画播放控制按钮，使用该控制按钮，浏览动画效果。若不满意，可编辑修改各参数，直到满意。

8、作品输出

选择菜单“File→Export PrevIEw…”命令，出现导出预览对话框（Export Preview），进行动画优化和设置后，按“Export…”按钮，就导出动画作品。

请各位自己试一试，在构建动画的过程中，添加你的创意，你一定会发现许多奇妙的视觉效果。