Flash MX2004入门与进阶实例－－动画基础（28）

（2）创建元件

本例中的元件较前面的实例要多一些，我们把它们分成“水泡部分”、“海底部分”、“游鱼部分”三大部分来叙述。先来创建和水泡有关的部分。

步骤1 创建“单个水泡”元件

执行【插入】|【新建元件】命令，新建一个图形元件，名称为“单个水泡”。先在场景中画一个无边的圆，颜色任意，大小为30×30像素，再在【混色器】面板中，添加两个色标，颜色全为白色，【Alpha】值从左向右依次为100%、40%、10%、100%，如图3-6-22所示，选择【颜料桶工具】，在画好的圆的中心偏左上的地方单击一下，如对填充的颜色不满意，可以用【填充变形工具】进行调整。

图3-6-22 水泡（放大400倍）、填充位置及混色器面板参数

步骤2 创建“一个水泡及引导线”元件

执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“一个水泡及引导线”。单击【添加引导层】按钮，添加一个引导层，在此层中用【铅笔工具】从场景的中心向上画一条曲线，在第60帧处添加普通帧。将工具箱中的【对齐对象】按钮按下，选中被引导层的第一帧，从【库】中将名为“单个水泡”的元件，拖放在引导线的下端，在第60帧添加关键帧，把“单个水泡”元件实例移到引导线的上端并设置【Alpha】值为50%，如图3-6-23所示。

图3-6-23 水泡及引导线

步骤3 创建“成堆的水泡”元件

执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“成堆的水泡”。从库里拖入数个“一个水泡及引导线”元件，任意改变大小和位置，图3-6-24仅供参考。

图3-6-24 成堆的水泡（放大400倍）

下面我们来做“游鱼”部分的元件。

步骤4 创建“游鱼”元件

执行【插入】|【新建元件】命令，新建影片剪辑，名称为“游鱼”。在场景中共设四层，图层名称分别为“鱼头”、“中间鱼尾”、“上面鱼尾”、“下面鱼尾”。

在各图层中画出鱼的各部分形状，如图3-6-25所示，“鱼头”层中是鱼的眼睛和圆滚滚的身子，为了体现鱼游动时的婀娜多姿，我们把鱼尾分成上、中、下三部分（有关鼠绘的知识请看相关章节），画好后在第7、14帧处各添加关键帧，把鱼头、鱼尾位置形状稍做改变，在第1、7、14帧处创建补间形状动画。为了保持动作连贯，第20帧和第1帧中的形状是完全一样的。

图3-6-25 鱼在各帧的形状及时间轴面板

步骤5 创建“鱼及引导线”元件

执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“鱼及引导线”。此元件只有引导层和被引导层二层，单击时间轴面板上的【添加运动引导层】按钮，新建引导层，在引导层中用【铅笔工具】画一条曲线，作为鱼儿游动时的路径，选择引导图层的第100帧，按F5键，使图层中的帧延伸到第100帧。在被引导层中拖入库中名为“游鱼”的元件，用【任意变形工具】调整“游鱼”元件实例的大小，选择第100帧，按F6键，插入关键帧，分别调整第1帧和第100帧中的“游鱼”元件实例到引导线的两端，在第1帧建立补间运动动画，其位置如图3-6-26所示。

图3-6-26 鱼在第1帧和第100帧的位置