第六章 基本动画

教学活动及主要语言

一、创设意境，引入新课（设疑法、启发法、引导法）

上节课我们通过“闪动字”的学习，以及“探照灯”的练习初步领略了Flash遮罩动画的神奇之处。一般而言。遮罩层决定显示的区域，被遮罩层决定显示的内容，遮罩层的对象可以是图形、影片剪辑、文字、按钮等，但不包括线条。如果想达到用线条做遮罩层的目的，我们还需要做一步转换。

二、新课讲授（讲授法、演示法）

§ 6.2.1知识点与技能

遮罩可以说是Flash中最基础同时也是变化效果最丰富的特效之一，很多复杂的动画都包含了遮罩的应用。现在我们已经了解了遮，现在就通过实例来了解一下遮罩更为丰富的应用。

§ 6.2.2 范例——闪动字

设计结果：在焰火背景的衬托下，欢快的四个字“中秋快乐”以印章效果出现，同时，背景出现了绚丽的动态烟花，节日的喜庆感扑面而来。

设计思路：

（1）用遮罩特效制作内部图像流动的文字；

（2）用遮罩特效绘制绽放的烟花；

（3）利用已经做好的烟花，制作其他颜色不一样的烟花；

（4）将这些元件组合到舞台上。

范例解题引导：

Step 1 我们在“闪动字”的实例中已经学习了怎么用文字做遮罩，现在遮罩的对象是图像，并且包含边框。

（1）创建新的Flash文档，设置舞台大小为350×500Px，背景为黑色。

舞台背景设置

（2）新建图形元件“背景”，进入元件编辑界面。导入素材图片，并相对于舞台对齐。

（3）进入元件的编辑状态，使用文本工具，并在属性面板设置其属性，将字体设为黑体，颜色设置为黑色，大小为80，颜色为绿色，并切换为粗体，如图：

设置文本工具属性

（4）新建图层2，将其拖动到最底层。选中图层2，将图片拖入到舞台，位置如图所示：

图像第1帧的位置

（5）在该帧上创建补间动画，在第40帧插入关键帧，第40帧的效果如图。

图像在第40帧效果

（6）在其他层的第40帧上插入帧，将图层1设为遮罩层，如图所示：

文字遮罩效果

（7）新建图层3，将图层1的第1帧复制到图层3的第1帧上。为避免干扰，隐藏图层1和图层2。

（8）使用墨水瓶工具，将笔触颜色是设置为粉红色和

黄色交替的线性渐变，如图：

设置笔触颜色

小贴士颜料桶工具添加的是填充颜色，墨水瓶工具添加的是笔触颜色。

（9）点击文字，使文字周围出现红黄相间的边线，并在属性面板中将笔触大小设为3，如图所示：

添加边线删除填充

（10）使用选择工具选中绿色的填充颜色，将其删去，如上图：

（11）最后显示图层1和图层2，这样，文本动画就完成了。

Step 2 制作动态烟花，这一步骤的重点是如何建立线条的遮罩。

（1）新建取名为“线条”的图形原件，进入元件的编辑状态。使用刷子工具，大小和形状如图所示：

刷子设置绘制烟花形状绘制放射状渐变椭圆（2）假如烟花的形状没有画出满意的效果，可以使用选自工具调整线条的位置和形状，或者使用任意变形工具调整线条的角度。

（3）新建命名为“烟花”的影片剪辑元件，进入元件编辑的状态。从库中将“线条”原件导入到舞台，调整到合适大小。

（4）新建图层2，将其移到图层1的下方。选中图层2的第1帧，使用椭圆工具，绘制一个笔触颜色为无、填充颜色为有透明到红色再到黄色的放射状渐变椭圆，作为烟花的颜色，如上图：

（5）在图层1和图层2的第40帧均插入关键帧，并在第1帧上创建补间动画。

（6）图层1的第40帧线条保持大小不变，将其位置略微下移，造成烟花完全绽放的真实感。

（7）选中图层2的第1帧上的椭圆，使用变形工具缩小椭圆，将其完全缩放到烟花的中心。

椭圆第1帧位置椭圆第40帧位置

（8）选中图层2的第40帧，将舞台显示范围设为25%，放大椭圆至充满整个舞台，是的椭圆的中心部分完全覆盖线条，如上图：

（9）将图层1设为遮罩层。

Step3 利用已经制作完毕的烟花，再添加两个色彩不一样的烟花。

（1）打开库，在“烟花”元件上右击，选择“直接复制”，将新元件命名为“烟花1”。

（2）进入“烟花1”的编辑状态，取消图层1的遮罩属性，并取消图层1和图层2的锁定。

（3）取消图层1的补间动画，并将第1帧和第40帧上的椭圆两次分离，在右边的混色器面板中改变渐变色。

（4）在第1帧和第40帧之间创建补间动画，使椭圆运动、渐变。

（5）将图层1设定为遮罩层，观察烟花是否变色。

（6）再以同样的方法复制元件“烟花2”，创建一个新的烟花。

Step 4 最后，将这些元件放到舞台上进行组合

（1）回到主场景，将“背景”元件拖入到舞台，在第1帧上创建补间动画，在第40帧插入关键帧，在属性面板中将第1帧的Alpha值设为0%，在第40帧的Alpha设为100%，烟花慢慢显现。

（2）新建图层2，将“文字”元件拖入该层，使用任意变形工具将第1帧的文字大小设为200%，在属性面板中将Alpha值设为0%。在第20帧上创建关键帧，文字大小为100%，Alpha值为100%，使文字以印章方式出现。

（3）新建图层3，在第10帧上创建关键帧，从库中将“烟花”、“烟花1”、“烟花2”三个元件拖到该帧上，调整