沭阳苹果售后:第八讲:引导路径动画2[FLASH8基础教程]

来源:百度文库 编辑:中财网 时间:2024/04/29 04:17:32

第八讲:引导路径动画[FLASH8基础教程]

[ 作者:佚名 文章来源:转载 点击数: 3680 更新时间:2007-9-23 6:14:37| 收藏本文 ]
在线投稿】【信箱投稿(qqs18@163.com)】 【背景: 字号:大 中 小】

 

 

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

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 遮罩层中矩形元件的位置

 

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

在主场景中一共需要5个图层,我们由下而上一层一层地叙述,请随时参考图3-6-32。

(3)创建动画

1、 创建背景层

从库中把名为“水波效果”的元件拖到场景中,在第134帧加普通帧,该层命名为“背景”。

2、 创建水泡层

新建名为“水泡”的图层,在第1帧,第30帧从库里把名为“成堆的水泡”的元件拖到场景中来,数目、大小、位置任意,在第134帧加普通帧。

3、 创建游鱼层

新建名为“鱼”的图层,从库里把名为“鱼及引导线”的元件拖放到场景的左侧,数目、大小、位置任意,在第134帧加普通帧。

 

 

图3-6-31 图片、鱼、水泡的位置

 

从场景中你是否发现,我们在制作过程中免不了会在场景外放置一些对象(图3-6-32所示在场景外就有一条鱼),这些“场外对象”在本地播放器中不会出现,而当你在网上发布swf文件时,由于网站(尤其各种论坛)默认的swf文件的尺寸不尽相同,有的会显示出“场外对象”,这好比一个舞台剧演出时,幕后候台演员的情况也暴露出来,非常不美观,怎么办呢?

记得在谈到“遮罩动画”时,我们曾提到过“遮罩”的另外一个作用是“用来遮罩全部场景或某个特殊区域”,那么,下面就试试用遮罩来为我们管理舞台界面!

步骤5 创建遮罩层

在场景中画一个无边矩形,大小为450*300,盖住全部场景,设此层为遮罩层,此时下面的声音层自动缩进被遮罩了,用鼠标左键分别按住下面的各层,向上略移一点点,松手,各层就会自动缩进被遮罩了,如图3-6-32所示。

这样,在播放时,我们就只能看到场景中的情形了,场景外的元件被遮罩了。

 

图3-6-32 遮罩层遮住下面各层

 

上一页  [1] [2] [3]