Flash 8教程:引导路径动画实例(2)

　　4 、创建“鱼及引导线”元件

　　执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“鱼及引导线”。此元件只有引导层和被引导层二层，点击时间轴面板上的添加引导层图标，新建引导层，在引导层中用铅笔工具画一条曲线作鱼儿游动时的路径，在被引导层中执行【文件】|【导入到场景】命令，将本实例中的名为“鱼”的元件导入到场景中，在第1帧及第100帧中分别置于引导线的两端，在第一帧中建立补间运动动画，在【属性】面板上的【路径调整】、【同步】、【对齐】三项前均打勾，如图3-6-25所示。

图3-6-25 鱼及引导线

　　下面我们来创建海底实例中“水波荡漾”效果所需的元件。

　　5、 创建“海底”元件

　　执行【插入】|【新建元件】命令，新建一个图形元件，名称为“海底”。选择第一帧，然后再执行【文件】|【导入到场景】命令，将本实例中的名为“海底.bmp”的图片导入到场景中。

　　6、创建“遮罩矩形”元件

　　执行【插入】|【新建元件】命令，新建一个图形元件，名称为“遮罩矩形”。在场景中画一个500*4的无边矩形，因为“遮罩层”中的图形在播放时不会显示，所以颜色任意。

　　复制并粘贴这个矩形，向下移一点位置，使其变成二个，再复制并粘贴这二个矩形，再向下移一点位置，使其变为四个，如此循环，直至创建出一个500*540的矩形，如图3-6-26所示。

图3-6-26 遮罩矩形

　　7、创建“水波效果”元件

　　　　水波荡漾的效果是用遮罩动画的手法做的，看着挺漂亮，实际制作却很简单，只用三层就完成了，里面有二个小技巧，在下面的讲解过程中会着重介绍。

　　执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“水波效果”，如图3-6-27所示。

图3-6-27 创建“水波效果”元件

　　先把最下面图层作为当前编辑图层，从库里拖入名为“海底”的图形元件，在【属性】面板上设置元件的X值为0，Y值为0，在时间帧上点一下右键，在弹出菜单中选择【复制帧】，在第100帧加普通帧。

　　然后新建一个图层，在这层的第一帧上点一下右键，在弹出菜单中选择【粘贴帧】，就把刚才的元件粘到第二层里了，在【属性】面板上设置此元件的X值为0，Y值为1，Alpha值为80％，在第100帧加普通帧。

　　注意：这里是一个技巧：第二层图片与第一层图片的位置差决定水波荡漾的大小！位置差越大，水波越大，其Alpha值的大小决定水波的清晰程度，Alpha值越大，水波越清晰，反之越模糊。

　　图3-6-28是第一层和第二层中两张图片在X，Y轴的位置的不同的对比。

图3-6-28 两张图片在场景中的位置对比

　　要实现水波荡漾，光有二层图片是不行的，还要用遮罩动画实现光线的明暗变化才行,这样，才能产生水的流动感。

　　新建一层，在第1帧上拖入库中名为“遮罩矩形”的元件，注意下面的边缘对着“海底图片”的下边缘。在第100帧上加关键帧，拖动“遮罩矩形”，使其上边缘对着“海底图片”的上边缘，在第1帧创建补间动作动画。如图3-6-29所示。

图3-6-29 遮罩层中矩形元件的位置

　　至此，这个动画所需的基本构件已经制作完成，大功告成，接下来还必需在场景中把各个构件“组装”起来。

来源：闪客启航

上一篇：Flash 8教程:引导路径动画实例(3)

下一篇：Flash 8教程:引导路径动画实例(1)