第三章动画基础

1、第三章 动画基础第五节遮罩动画知识提要 将线条转化为填充 创建遮罩动画 使用变形面板学习使用【橡皮擦工具】中的“水笼头”工具和擦除线条制作步骤（1）创建影片文档步骤1设置影片文档属性执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash文档】选项后，单击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为400×400像素，【背景色】为黑色（在教程中，我们为了更好地显示场景中的内容，设置背景色为#003333），如图3-5-3所示。图3-5-3 文档【属性】面板步骤2 设置背景图层选择工具箱中的【矩形工具】，在场景中绘制出一个400×400像素的无边

2、正方形，用【放射状】渐变色进行填充，如图3-5-4所示。图3-5-4 无边矩形及混色器设置（2）创建元件步骤1 创建“闪光线条”元件 执行【插入】|【新建元件】命令，新建一个图形元件，名称为“闪光线条”。选择工具箱中的【线条工具】，设置【笔触颜色】为黄色，在场景中画一条直线，具体参数设置如图3-5-5所示。图3-5-5 闪光线条的【属性】面板参数设置步骤2 创建“闪光线条组合”元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为“闪光线条组合”，如图3-5-6所示。-图3-5-6 创建闪光线条元件从库中将名为“闪光线条”的元件拖入新元件编辑场景中，在【属性】面板中，设置【X】为-200

3、，【Y】为20。单击工具箱中的【任意变形工具】，此时元件实例的中心会出现一个小白点，它就是对象的“变形点”，用鼠标左键按住它，拖到场景的中心“+”处松手。图3-5-7中显示的是“变形点”在元件中心时的状态，和“变形点”已拖到场景中心时的状态。图3-5-7 变形点所处的不同位置执行【窗口】|【设计面板】|【变形】命令，打开【变形】面板，选中【旋转】，角度为15度，连续单击【复制并应用变形】按钮，在场景中复制出的效果如图3-5-8所示。图3-5-8 【变形】面板及复制完后的效果前面已经提到了，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为

4、“填充”，所以我们应该将线条转换为填充形状。在时间轴的关键帧上单击一下，选中全部图形，执行【修改】|【分离】命令，把线条打散，再执行【修改】|【形状】|【将线条转化为填充】命令，将线条转变为形状。步骤3 创建“闪光”元件执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“闪光”，如图3-5-9所示。图3-5-9 创建“闪光”元件单击【确定】后进入新元件编辑场景，接着把库里名为“闪光线条组合”的元件拖到场景中，使元件实例的中心点对齐场景中的“+”符号。在第30帧处加关键帧，用鼠标右键单击第1帧，在弹出的菜单中选择【创建补间动画】，切换到【属性】面板，设置【旋转】为【顺时针】，旋转一周。新增

5、一个图层，选中第1帧，执行【编辑】|【粘贴到当前位置】命令，使两图层中的“闪光线条组合”实例完全重合，执行【修改】|【变形】|【水平翻转】命令，让复制过来的线条和第一层中的线条方向相反，在场景中形成交叉的图形。选中第30帧，按F6键，新增一个关键帧，用鼠标右键单击第1帧，选择【创建补间动画】，建立动作补间动画，在【属性】面板中，设置【旋转】为逆时针旋转一周，最后将此层设为遮罩层，用鼠标右键单击靠上的图层，选择【遮罩层】，如图3-5-10所示。图中显示的是“闪光”元件的时间轴面板和各图层中的动画设置。（a） 创建遮罩后的【时间轴】面板-(b) 被遮罩层中的图形（c）遮罩图层中的图形（d）两个图层

6、重合后的效果图3-5-10“闪光”元件编辑界面步骤4 创建“红星”元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为“红星”。我们要在这个元件中画一个漂亮的红星，为了画好红星，我们分九步来叙述具体的画法，图3-5-11中的“1-9”的数字表示这九个步骤。图3-5-11 红星的九步画法第一步，按住Shift键，从场景中心向上画一根黄色的线条，如图3-5-11中的“1”所示。第二步，选择工具箱中的【任意变形工具】,在画好的线条上单击一下，这里，线条的中心出现一个白色的小圆点，我们叫它“变形点”，如图3-5-11中的“2”所示。第三步，用鼠标左键按住变形点，拖到线条的最下端，这是因为我们要

7、让线条以下端为中心旋转复制，如图3-5-11中的“3”所示。第四步，执行【窗口】|【设计面板】|【变形】，打开【变形】面板，各参数设置如图3-5-12。按下【复制并应用变形】按钮四次，就会在场景中每隔72度复制出一条线条，五条线条的顶端构成五角星的五个顶点，如图3-5-11中的“4”所示。图3-5-12 【变形】面板第五步，用绿色线条分别连接五条线条的顶端，五角星的模样已经出来了，如图3-5-11中的“5”所示。第六步，用白色线条分别连接五角星中心和上一步连线的交叉点，如图3-5-11中的“6”所示。第七步，选择工具箱中的【橡皮擦工具】，在工具箱下面的【选项】中选择【水龙头】工具，在多余的线段

8、上单击一下，按Delete键，删除线段，修整好的五角星如图3-5-11中的“7”所示。第八步，选择工具栏上的【填充色】，在打开的【调色器】面板中，用【拾色器】拾取由红到黑的放射状渐变色，从左到右两个填充色块的颜色值分别为：#FF0000、#000000，如图3-5-13所示。图3-5-13 设置五角星的填充颜色用【颜料桶工具】给五角星上色，再用【填充变形工具】调整每个角的颜色范围，使之略有区别，增加立体感，如图3-5-11中的“8”所示。第九步，再选择【橡皮擦工具】，单击【选项】下的按钮，选择【擦除线条】项（选择后，会在“擦除线条”的左边出现一个小勾），如图3-5-14所示。图3-5-14 擦

9、除线条用【橡皮擦工具】擦去红星上的线条，一颗漂亮的红星就绘制出来了，如图3-2-11中的“9”所示。技巧：在Flash MX 2004中，还可以用更简单的方法绘制出红星，单击工具箱中【矩形工具】按钮下方的小黑三角形，在下拉菜单中选择【多角星形工具】。在【属性】面板上设置，单击按钮，弹出【工具设置】对话框，参数设置如图3-5-15所示。图3-5-15 多角星形工具选项设置面板-设置完后，单击【确定】按钮，在场景中拖动鼠标，就会画出一个五角星的形状来。步骤5 导入音乐文件新建一层，执行【文件】|【导入】|【导入到库】命令，将配套光盘中的名为“sound1.mp3”的音乐文件导入到库中（“sound

10、1.mp3”文件位置：光盘examplepart3*音乐sound1.mp3）。（3）创建动画回到主场景1中，新增三个图层，把“闪光”元件拖入第二层中，“红星”元件拖入到第三层中，在场景的下方输入白色的“闪客启航电影制片厂”文字，把声音拖入到第四层中，完成后的时间轴面板与场景如图3-5-16所示。图3-5-16 时间轴及场景选中第四层的第一帧，在【属性】面板中，设置【同步】为【事件】，如图3-5-17所示。图3-5-17 声音【属性】面板按快捷键Ctrl+Enter快捷键，测试动画。此时，你欣赏着自己亲手做的“闪闪红星”动画，心中再回想一下“遮罩”在动画中的作用，是否已经感受到“遮罩”这一功能

11、的神奇？好吧，趁着兴致正浓，我们再用遮罩来做一个文字效果。5. 实例2要学做闪客实例简介“嗖”，伴着这声音，一道白光迅速掠过一排文字，这是我们经常在广告和电视中看到的效果，如图3-5-18所示。你想不想知道它们是怎么制作出来的呢？其实很简单，利用前面学过的知识就可轻易地做出这个效果，下面，让我们动手试一试。本例源文件：“我要学做闪客.fla”，在光盘相关目录下。图3-5-18 本例运行效果知识要点  字体的二次打散  将字体转为形状  创建遮罩动画（1）创建影片文档执行【文件】|【新建】命令，在弹出的对话框中选择【常规】|【Flash文档】选项后，单击【确定】按钮

12、，新建一个影片文档，在【属性】面板上设置文件大小为550×400像素，【背景色】为黑色（在教程中，我们为了更好地显示场景中的内容，背景色设为了深绿色）,如图3-5-19所示。图3-5-19 文档属性（2）创建元件步骤1 创建“我要学做闪客”元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为“我要学做闪客”。单击工具箱中的【文字工具】，在场景中输入“我要学做闪客”六个字，在【属性】面板中，设置文字参数如图3-5-20所示。图3-5-20 “我要学做闪客”文字选中字体，执行【修改】|【分离】命令二次，把字体打散，再选择【颜料桶工具】，把字体中心填充成红色。各个步骤的文字效果如图

13、3-5-21所示。图3-5-21 文字效果步骤2 创建“辉光”元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为“辉光”。执行【窗口】|【设计面板】|【混色器】命令，打开【混色器】面板，设置【填充样式】为线性，将三个色标全部设置为白色，第一和第三个的【Alpha】值为零，中间的为74%（你可按需设置），设置完后，在场景中画一个无边矩形，大小为40×230，如图3-5-22所示。图3-5-22 【混色器】面板和图形步骤3 导入音乐文件执行【文件】|【导入】|【导入到库】命令，将配套光盘中的名为“sound2.mp3”的音乐文件导入到库中（“sound2.mp3”文件位置：光盘

14、examplepart3*音乐sound2.mp3）。（4）创建动画单击时间轴右上角的【场景1】按钮，切换到主场景。本例的主场景1中共有四个图层，我们从下向上一层一层的做，可参看图3-5-25所示。步骤1 创建【底层文字】层将【图层1】重新命名为【底层文字】。从库里把“我要学做闪客”的元件拖到场景中，在第60帧处添加普通帧，这一层起显示文字的作用。步骤2 创建被遮罩层新建一个【辉光】图层，从库里把“辉光”元件拖到场景中，放在“我要学做闪客”元件实例的左边。选择工具栏上的【任意变形工具】，单击【选项】中的【旋转与倾斜】按钮，将鼠标放在“辉光”元件实例的任意一个角，拖动鼠标旋转一定有角度，使“辉光

15、”元件实例产生一定的倾斜度。在第30、60帧处添加关键帧，在第30帧处把“辉光”元件实例拖到“我要学做闪客”元件实例的右边，在第1帧和第30帧处建立动作补间动画，如图3-5-23所示。图3-5-23 “辉光”元件在场景中的位置步骤3 创建遮罩层新建一个【遮罩层】图层，复制【底层文字】层的第一帧中的元件实例，选择【遮罩层】的第1帧，执行【编辑】|【粘贴到当前位置】命令，用鼠标右键单击【遮罩层】，选择【遮罩层】，设置此层为遮罩层，这一层的作用是用字体做遮罩元素，用它来控制辉光在场景中出现的大小和位置。步骤4 设置声音新增一个【声音层】图层，在第1、30帧处添加关键帧，在【属性】面板上设置声音选项，

16、如图3-5-24所示。图3-5-24 声音设置至此，我们就已经创建好了“我要学做闪客”这个动画，时间轴面板如图3-5-25所示。图3-5-25 时间轴面板上的图层说明：为了增强动画实例效果，实例中加入了一些声音效果，关于将声音导入Flash及应用声音的详细方法，请你参考本书第五章的相关内容第六节引导路径动画在前面几节里，我们已经给大家介绍了一些动画效果，如飞机从山峰上飞过、辉光掠过文字等等，不知你注意到没有，这些动画的运动轨迹都是直线的，可是在生活中，有很多运动是弧线或不规则的，如月亮围绕地球旋转、鱼儿在大海里遨游等，在Flash中能不能做出这种效果呢？答案是肯定的，这就是“引导路径动画”。将

17、一个或多个层链接到一个运动引导层，使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。1创建引导路径动画的方法（1）创建引导层和被引导层一个最基本“引导路径动画”由两个图层组成，上面一层是“引导层”，它的图层图标为，下面一层是“被引导层”，图标为，同普通图层一样。在普通图层上单击时间轴面板中的【添加运动引导层】按钮，该层的上面就会添加一个引导层，同时该普通层缩进成为“被引导层”，如图3-6-1所示。图3-6-1 引导路径动画（2）引导层和被引导层中的对象引导层是用来指示元件运行路径的，所以“引导层”中的内容可以是用钢笔、铅笔、线条

18、、椭圆工具、矩形工具或画笔工具等绘制出的线段。而“被引导层”中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状。由于引导线是一种运动轨迹，不难想象，“被引导”层中最常用的动画形式是动作补间动画，当播放动画时，一个或数个元件将沿着运动路径移动。（3）向被引导层中添加元件“引导动画”最基本的操作就是使一个运动动画“附着”在“引导线”上。所以操作时特别得注意“引导线”的两端，被引导的对象起始、终点的2个“中心点”一定要对准“引导线”的2个端头，如图3-6-2所示。图3-6-2 元件中心十字星对准引导线在图3-6-2中，我们特地把“元件”的透明度设为50%，使你可以透过

19、元件看到下面的引导线，“元件”中心的十字星正好对着线段的端头，这一点非常重要，是引导线动画顺利运行的前提。2应用引导路径动画的技巧（1）“被引导层”中的对象在被引导运动时，还可作更细致的设置，比如运动方向，在【属性】面板上，选中【路径调整】复选框，对象的基线就会调整到运动路径。而如果选中【对齐】复选框，元件的注册点就会与运动路径对齐，如图3-6-3所示。图3-6-3 路径调整和对齐（2）引导层中的内容在播放时是看不见的，利用这一特点，可以单独定义一个不含“被引导层”的“引导层”，该引导层中可以放置一些文字说明、元件位置参考等，此时，引导层的图标为。（3）在做引导路径动画时，按下工具箱中的【对齐

20、对象】按钮，可以使“对象附着于引导线”的操作更容易成功，拖动对象时，对象的中心会自动吸附到路径端点上。（4）过于陡峭的引导线可能使引导动画失败，而平滑圆润的线段有利于引导动画成功制作。（5）向被引导层中放入元件时，在动画开始和结束的关键帧上，一定要让元件的注册点对准线段的开始和结束的端点，否则无法引导，如果元件为不规则形，可以点击工具箱中的【任意变形工具】，调整注册点。（6）如果想解除引导，可以把被引导层拖离“引导层”，或在图层区的引导层上单击右键，在弹出的菜单上选择【属性】，在对话框中选择“正常”，作为正常图层类型，如图3-6-4所示。图3-6-4 图层【属性】面板（7）如果想让对象作圆周运

21、动，可以在“引导层”画一根圆形线条，再用【橡皮擦工具】擦去一小段，使圆形线段出现2个端点，再把对象的起始、终点分别对准端点即可。（9）引导线允许重叠，比如螺旋状引导线，但在重叠处的线段必需保持圆润，让Flash能辨认出线段走向，否则会使引导失败。接下来，我们来制作二个实例，以巩固学到的知识。3实例1星星字知识提要 创建多层引导路径动画 用文字做路径 创建光芒四射的星星制作步骤（1）创建影片文档步骤1 设置影片文档属性执行【文件】|【新建】命令，新建一个影片文档，设置舞台尺寸为515×152像素，背景色为黑色（在教程中，我们为了更好地显示场景中的内容，背景色设为了深蓝色），如图3-6-

22、6所示。图3-6-6 文档属性步骤2 创建背景图层执行【文件】|【导入】|【导入到舞台】命令，将配套光盘中的名为“老康蓝屋背景.bmp”的图片导入到场景中（“老康蓝屋.bmp”图片位置：光盘examplepart3*图片老康蓝屋.bmp）。（2）创建元件步骤1 创建“老康蓝屋”元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为“老康蓝屋”，如图3-6-7所示。图3-6-7 创建“老康蓝屋”元件选择【文本工具】，在场景中输入“老康蓝屋”四个字，在【属性】面板中，设置文本类型【静态文本】，字体【华文彩云】，字体大小为80，颜色为白色，如图3-6-8所示。图3-6-8 “老康蓝屋”文字【属

23、性】面板步骤2 创建“星星”元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为“星星”，如图3-6-9所示。图3-6-9 创建“星星”元件在这个新元件中，我们将用一个圆形构成星星的主体，另用三条直线构成星星四射的光芒。将【图层1】名称重新命名为“中心”，选择【椭圆工具】，设置【笔触颜色】为无，在场景中画一个圆形，大小为“13×13”像素。在【混色器】面板中，选择【填充样式】为【放射状】，将两个色标的颜色均设置为白色，其中左边的【Alpha】值为100%，右边的为0%，用【颜料桶工具】填充圆形，设置颜料桶属性和填充后的效果如图3-6-10所示。图3-6-10 画星星的中心新建

24、一个图层，重新命名为“光芒”，选择工具栏上的【矩形工具】，设置【笔触颜色】为无，在场景中绘制一个细长的矩形。在【混色器】面板中，选择【填充样式】为【线性】，将四个色标的颜色均设置为白色。其中，中间两个色标【Alpha】值为100%，左右两边的两个色标【Alpha】值为0%，用【颜料桶工具】填充矩形，设置颜料桶属性如图3-6-11所示。图3-6-11 【混色器】面板接着，我们复制几条光芒，执行【窗口】|【设计面板】|【变形】命令，打开【变形】面板，设置【旋转】为45度，连续单击三次【复制并应用变形】按钮，星星的光芒就画好了，变形面板及星星效果分别如图3-6-12(a)和3-6-12(b)所示。3

25、-6-12（a） 制作完成的星星效果            图3-6-12（b） 变形面板注意，画好的星星中心要对准场景中的十字星(为了显示清楚，图3-6-12中星星放大300%)。步骤3 创建“旋转的星星”元件执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“旋转的星星”。从库中将名为“星星”的元件拖到第1帧中，在第20帧添加关键帧，再在第1帧建立动作补间动画，在【属性】面板上设置顺时针旋转一周，如图3-6-13所示。图3-6-13 设置动作补间动画的旋转步骤4 创

26、建“填充颜色”元件执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“填充颜色”。先从库里把图形元件“老康蓝层”拖到场景中，然后执行【修改】|【分离】命令三次，把文字打散为图形，其中第一次是将图形元件实例分离成文字，第二次是将文字分离成单个的字块，第三次是将文字块分离成图形。选择【选择工具】，在场景的空白处单击，取消对文字的选择，再选择【颜料桶工具】，把每个字中间的空隙都填充上蓝色，如图3-6-14所示。图3-6-14 填充好的文字（3）创建动画单击时间轴右上方的【编辑场景】按钮，选择【场景1】切换到主场景中。本实例场景中共有八个图层，最下面的图层是图片背景，在前面已经先建好了，现在我们

27、从最后第二层开始向上一层一层地叙述，在叙述过程中，请随时参考图3-6-16。步骤1创建【填充蓝色的文字】层根据需要，我们先将背景图层的帧延伸到第60帧，再插入一个新图层并命名为“填充蓝色的文字”。现在我们在【填充蓝色的文字】图层中，把库里的名为“填充颜色”的元件拖到场景中间，在【属面】板中设置【X】为9，【Y】为65。注意，以后的操作中，上面各图层中的文字都要和本图层中的文字对齐。在第30、60帧插入关键帧，在第1、30帧间建立动作补间动画，接着编辑第1、第60帧中的元件实例。分别选择第1帧与第60帧中的“填充颜色”元件实例，在【属性】面板上设置【Alpha】值为0%，如图3-6-15所示。如

28、此设置的作用是让文字的底色有明暗渐变的效果，让画面更生动一些。图3-6-15 在【属性】面板中设置元件实例透明度步骤2 创建【文字】层新建名为“文字”的图层，把库里名为“老康蓝屋”的元件拖到场景中，文字的边缘要和下面的“填充蓝色的文字”图层文字边缘对齐，必要时可把对象放大。步骤3 创建引导层和被引导层新建一图层并命名为“星星一”，再单击时间轴上的【添加引导层】按钮，创建引导层，此时刚刚新建的图层会自动缩进到引导层下面，单击缩进了的这一层，在时间轴上连续单击【添加图层】按钮，共三次，就会在引导层下面创建好四个缩进的被引导层，其它三个图层分别命名为 “星星二”、“星星三”和“星星四”，在这些被引导

29、图层中，用来放置旋转的星星。完成后的时间轴如图3-6-16所示。图3-6-16 时间轴面板步骤4 设置引导层选中引导图层，从库里把名为“老康蓝屋”的元件拖出来，其边缘要和下面的“文字”图层中的对象边缘对齐，执行【修改】|【分离】命令三次，把文字打散成形状，注意，这时“老康蓝屋”元件已经被“打散”，原文字的边缘已经成为“线段”，它将被我们用作“引导线”。这时候的场景效果如图3-6-17所示。图3-6-17 打散文字，作为引导线步骤5 设置被引导层在步骤3里面，我们已经创建了四个“被引导层”，现在我们来设置这四个“被引导层”里的内容，每个图层里放一个“星星”元件，并分别沿着“老康蓝屋”4字的边缘运

30、动。首先设置第一个“老”字：为了防止对引导层进行误操作，我们先锁住该层，图层结构如图3-6-18所示。图3-6-18 锁定引导层选中【星星一】图层，单击工具箱上的【对齐对象】按钮，从库里把名为“旋转的星星”的元件拖出来，放在“老”字边缘的某一点，这是星星运动的起始点，在第60帧添加关键帧，移动星星到文字边缘的另一处，这是星星运动的结束点。在第1帧建立动作补间动画。切记：元件的中心点一定要位于文字边缘的线上，如图3-6-19所示。图3-6-19 星星在第1、60帧中的位置从左向右拉动播放头，观察星星是否沿文字的边缘运动，如果从起始点直接运动到结束点，表示引导失败，检查元件的中心是不是位于文字边缘

31、的线上，或者改变运动的起始点和结束点，二者之间的路径不能太远，太复杂。另外3个被引导层的设置同上述一样，只是分别对准“康”、“蓝”、“屋”3个文字对象，这里不再赘述。4实例2海底世界实例简介海底是很多人向往的神秘世界，今天，我们就用Flash来试着描绘这个世界。笔者设计的这个实例中包括了动作补间动画、形状补间动画、遮罩动画、引导路径动画等四种动画形式，制作上要比前面几节中的实例难度大一些，不过，它能综合复习前面学过的内容，操作原理也是我们熟悉的，相信你一定能顺利完成这个实例，效果如图3-6-20所示，本例的源文件“海底.fla”可以在光盘的相关目录中找到。图3-6-20 海底知识提要 综合应用

32、四种动画形式创建透明水泡 创建多层遮罩制作步骤（1）创建影片文档新建一个影片文档，设置舞台尺寸为450×300像素，【背景色】为深蓝色，如图3-6-20所示。图3-6-21 设置文档属性 （2）创建元件本例中的元件较前面的实例要多一些，我们把它们分成“水泡部分”、“海底部分”、“游鱼部分”三大部分来叙述。先来创建和水泡有关的部分。步骤1 创建“单个水泡”元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为“单个水泡”。先在场景中画一个无边的圆，颜色任意，大小为30×30像素，再在【混色器】面板中，添加两个色标，颜色全为白色，【Alpha】值从左向右依次为100%、4

33、0%、10%、100%，如图3-6-22所示，选择【颜料桶工具】，在画好的圆的中心偏左上的地方单击一下，如对填充的颜色不满意，可以用【填充变形工具】进行调整。图3-6-22 水泡（放大400倍）、填充位置及混色器面板参数步骤2 创建“一个水泡及引导线”元件执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“一个水泡及引导线”。单击【添加引导层】按钮，添加一个引导层，在此层中用【铅笔工具】从场景的中心向上画一条曲线，在第60帧处添加普通帧。将工具箱中的【对齐对象】按钮按下，选中被引导层的第一帧，从【库】中将名为“单个水泡”的元件，拖放在引导线的下端，在第60帧添加关键帧，把“单个水泡”元件

34、实例移到引导线的上端并设置【Alpha】值为50%，如图3-6-23所示。图3-6-23 水泡及引导线步骤3 创建“成堆的水泡”元件执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“成堆的水泡”。从库里拖入数个“一个水泡及引导线”元件，任意改变大小和位置，图3-6-24仅供参考。图3-6-24 成堆的水泡（放大400倍）下面我们来做“游鱼”部分的元件。步骤4 创建“游鱼”元件执行【插入】|【新建元件】命令，新建影片剪辑，名称为“游鱼”。在场景中共设四层，图层名称分别为“鱼头”、“中间鱼尾”、“上面鱼尾”、“下面鱼尾”。在各图层中画出鱼的各部分形状，如图3-6-25所示，“鱼头”层中是鱼

35、的眼睛和圆滚滚的身子，为了体现鱼游动时的婀娜多姿，我们把鱼尾分成上、中、下三部分（有关鼠绘的知识请看相关章节），画好后在第7、14帧处各添加关键帧，把鱼头、鱼尾位置形状稍做改变，在第1、7、14帧处创建补间形状动画。为了保持动作连贯，第20帧和第1帧中的形状是完全一样的。图3-6-25 鱼在各帧的形状及时间轴面板步骤5 创建“鱼及引导线”元件执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“鱼及引导线”。此元件只有引导层和被引导层二层，单击时间轴面板上的【添加运动引导层】按钮，新建引导层，在引导层中用【铅笔工具】画一条曲线，作为鱼儿游动时的路径，选择引导图层的第100帧，按F5键，使图

36、层中的帧延伸到第100帧。在被引导层中拖入库中名为“游鱼”的元件，用【任意变形工具】调整“游鱼”元件实例的大小，选择第100帧，按F6键，插入关键帧，分别调整第1帧和第100帧中的“游鱼”元件实例到引导线的两端，在第1帧建立补间运动动画，其位置如图3-6-26所示。图3-6-26 鱼在第1帧和第100帧的位置在【属性】面板上，选中【路径调整】、【同步】和【对齐】复选框，如图3-6-27所示。图3-6-27 设置属性下面我们来创建海底实例中“水波荡漾”效果所需的元件。步骤6 创建“海底”元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为“海底”。选择第1帧，然后再执行【文件】|【导入】

37、|【导入到舞台】命令，将配套光盘中的名为“海底.bmp”的图片导入到场景中（“海底.bmp”图片位置：光盘examplepart3*图片海底.bmp）。步骤7创建“遮罩矩形”元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为“遮罩矩形”。在场景中画一个500×4的无边矩形，因为“遮罩层”中的图形在播放时不会显示，所以设置颜色为任意。复制并粘贴这个矩形，向下移一点位置，使其变成二个，再复制并粘贴这二个矩形，再向下移一点位置，使其变为四个，如此循环，在粘帖过程中，选中所有矩形，在【属性】面板中查看图形高度，直至创建出一个500×540的矩形，如图3-6-28所示。图3

38、-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是第一层和第二层中，两张图