Fireworks MX 2004 动画实例-下雨效果

本教程为使用Fireworks MX 2004制作下雨的效果，制作过程分以下几个步骤：

　　一．新建文档

　　首先启动Fireworks MX 2004软件，在欢迎界面的“新建”列表中选择【Fireworks文档】选项，弹出【新建文档】对话框。在【新建文件】对话框中设置画布宽度为400像素，高度为300像素，其它按默认设置，如图1。

　　图1 【新建文档】对话框

　　二．导入背景图片

　　选择【文件】|【导入】命令，弹出【导入】对话框，在对话框中选择要作为背景的图片，单击【打开】按钮，关闭对话框。这时鼠标指针成形状，将鼠标指针移到画布的左上角位置单击，如图2所示，背景图片导入到画布中，。

　　图2 导入图片时单击鼠标的位置

　　三．设置图层信息

　　选择【窗口】|【层】命令或按【F2】键，调出【层】面板。在“层1”文字处双击，出现层设置面板。将【层名称】改为“背景”，并在下面的“并享交叠帧”前打勾，如图3所示。

　　图3 层设置面板

　　选择【层】面板下面的【新建/重制层】按钮，新建一个层名称为“层1”。

四．制作下雨效果

　　将【层1】设置为当前层，选择“矢量”工具栏中的【矩形】工具，将笔触颜色设为“无”，填充颜色设为“黑色”，在画布上绘制一个矩形。打开【属性】面板设置矩形属性：宽为405像素，高为305像素，X为0，Y为-5。

　　1．设置【杂点】效果

　　点击【属性】面板右侧“效果”边的加号按钮，选择【杂点】|【新增杂点…】命令，如图4所示。

　　图4 【新增杂点】效果菜单

　　在弹出来的【新增杂点】对话框中设置数量为375，单击【确定】按钮，关闭对话框，如图5所示。

　　图5 【新增杂点】对话框

　　2．设置【运动模糊】效果

　　再次单击效果边的加号按钮，选择【模糊】|【运动模糊】命令，如图6所示。

　　图6 【运动模糊】效果菜单

　　在弹出的【运动模糊】对话框中设置角度为240，距离为15，单击【确定】按钮，关闭对话框，如图7所示。

　　图7 【运动模糊】对话框

　　3．设置层的不透明度

　　在【属性】面板或【层】面板上拖动设置不透明值的滑块至30的位置上，如图8所示。

　　图8 设置不透明度滑块位置

　　此时图片的已经有了下雨的效果，如图9所示。

　　图9 图片效果

　　五．制作动画效果

　　选择【窗口】|【帧】命令或按Shift+F2键，调出【帧】面板。单击下面的【新建/重制帧】按钮，增加第二帧名称为“帧2”，如图10所示。

　　图10 【帧】面板

　　接下来在【帧】面板选择“帧1”，复制“层1”中的矩形。然后选择【帧】面板中的“帧2”，在【层】面板选择“层1”，再将矩形粘贴到“层1”上。设置矩形坐标【属性】X为-5，Y为0。

　　到此，动画已经制作完成，再将文档导出为GIF动画格式就可以了。

　　教程素材：

　　动画效果：

来源：豆豆网

上一篇：动画实例——制作替换动画

下一篇：Fireworks动画实例 — 水波涟漪效果