当前位置导航:炫浪网>>网络学院>>在线图书>>图形图像教程>>Flash入门与实战>>第三章 动画基础

第六节 引导路径动画(6)

在【属性】面板上,选中【路径调整】、【同步】和【对齐】复选框,如图3-6-27所示。

图3-6-27 设置属性

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

步骤6 创建“海底”元件

执行【插入】|【新建元件】命令,新建一个图形元件,名称为“海底”。选择第1帧,然后再执行【文件】|【导入】|【导入到舞台】命令,将配套光盘中的名为“海底.bmp”的图片导入到场景中(“海底.bmp”图片位置:光盘\example\part3\***\图片\海底.bmp)。

 

步骤7创建“遮罩矩形”元件

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

复制并粘贴这个矩形,向下移一点位置,使其变成二个,再复制并粘贴这二个矩形,再向下移一点位置,使其变为四个,如此循环,在粘帖过程中,选中所有矩形,在【属性】面板中查看图形高度,直至创建出一个500×540的矩形,如图3-6-28所示。

 

图3-6-28 遮罩矩形

步骤8创建“水波效果”元件

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

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

 

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

从【库】面板里将名为“海底”的图形元件拖放到场景中,在【属性】面板上设置元件的【X】值为0,【Y】值为0,在时间帧上单击右键,在弹出菜单中选择【复制帧】,在第100帧添加普通帧。

然后新建一个图层,在这层的第1帧上单击鼠标右键,在弹出菜单中选择【粘贴帧】,就把刚才的元件粘到第二层中了,选中该层中的实例,在【属性】面板上设置它的【X】值为0,【Y】值为1,【Alpha】值为80%。

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

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

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

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

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

 

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

右击该图层名称,在弹出的快捷菜单中选择【遮罩层】命令。至此,这个动画所需的基本构件已经制作完成,接下来还必需在场景中把各个构件“组装”起来。

单击时间轴右上方的【编辑场景】按钮,选择【场景1】切换到主场景中。在主场景中一共需要5个图层,我们由下而上一层一层地叙述,请随时参考图3-6-34。

 

相关内容
赞助商链接