Fireworks MX 2004 动画实例-水波涟漪效果

本教程为利用Fireworks MX 2004制作水波涟漪的效果，制作过程分以下几个步骤完成：

　　一．新建文档

　　首先启动Fireworks MX 2004 软件，直接打开一个有山有水的且下面大部分是水的风景图片，本教程使用的是一个宽200像素，高133像素的图片，如图1所示。

图1 画布中的图片

　　在面布右下角有“100%”字样位置单击，出现设置显示比例菜单，选择适当的显示比例，本实例为“200%”，如图2所示。

图2 显示比例菜单

　　二．设置层信息

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

图3 层设置面板

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

　　三．制作水波准备工作

　　在【层】面板单击“层1”，将“层1”设为当前层。在矢量工具栏中选择【“椭圆”工具】按钮，将笔触颜色设为“无”，填充颜色设为“白色”，在画布上绘制一个宽为194，高为55的椭圆，位置X为3、Y为50，所图4所示。

图4 椭圆大小及位置属性

　　选中这个椭圆，选择【编辑】|【克隆】命令，将椭圆在场景中复制一个。将克隆出的椭圆设置为宽200、高55，位置X为0、Y为46，如图5所示。

图5 克隆的椭圆大小及位置属性

　　按住键盘上Shift键，在【层】面板上分别单击两个“路径”层，两个椭圆之间的相互关系如6所示。

图6 两个椭圆位置关系

　　选中两个层中的椭圆后，选择【修改】|【组合路径】|【打孔】命令。在画布中就剩下一个犹如新月一个的弧形，在【层】面板也就剩一个路径层了，效果如图7所示。

图7 打孔后的路径

　　接下来克隆多个路径，并依次从上到下排列，如图8所示。

图8 排列后的路径

　　按住键盘上的Shift键，依次单击【层】面板中的“路径”层，将后有的“路径”层选中，然后选择【修改】|【组合】命令，将所有“路径”层组成一个层。

　　接下来打开“背景”层，选中“位图”，选择【编辑】|【克隆】命令，克隆一个背景的“位图”，用鼠标向上拖动其中一个“位图”到“背景”层和“层1”层之间的位置，如图9所示。

图9 拖动“位图”到层1下面

　　然后选中“层1”中的位图，按三下键盘上的上箭头键，把位图向上移动3个像素。

　　四．制作动画部分

　　选择【窗口】|【帧】命令，调出【帧】面板。单击下面的【新建/重制帧】按钮，新建3个帧，如图10所示。

图10 【帧】面板

　　这时只有第一帧的“层1”有内容，后三帧中的“层1”没有内容。接下来将第一帧中“层1”里的内容复制到后三个帧的“层1”里。

　　操作方法：在【帧】面板选择“帧1”，在【层】面板中按住Shift键分别单击“层1”中的两上对象，如图11所示。

图11 同时选中第一帧中层1的内容

　　选择【编辑】|【复制】命令，然后分别在第二帧、第三帧和第四帧的“层1”中选择【编辑】|【粘贴】命令。

　　接下来是制作本实例关键的操作，请大家仔细点。

　　①选择【帧】面板的“帧1”，回到第一帧，在【层】面板中按住Shift键分别单击“层1”中的两上对象，然后选择【修改】|【蒙版】|【组合为蒙版】命令。

　　②接下来选择第二帧“帧2”，然后将“层1”中“组合”对象向下移动1个像素，然后按①中的方法按住Shift键分别单击“层1”中的两上对象，执行【修改】|【蒙版】|【组合为蒙版】命令

　　③第三帧、第四帧和第二帧一样操作，只不过“层1”中“组合”对象分别向下移动的2和3个像素。

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

　　本课素材：

　　动画效果：

来源：豆豆网

上一篇：Fireworks动画实例  ——下雨效果

下一篇：Fireworks网页工具-创建简单变换图象