初中信息技术flash全套教案

第一节FLASH概述

教学目标：

1． 知识与技能

1、动画的应用领域

2、了解动画的制作流程。

2． 过程与方法

1、学习任务1，了解动画的应用领域，完成目标1。

2、学习任务2，了解动画的制作流程，完成目标2。

3. 情感态度价值观

学生通过参与探究活动，了解动画的应用领域和制作流程，同时培养学生信息

技术学科素养。

教学重难点：

重点：动画的制作流程

难点：

动画的制作流程

教学方法：

演示讲授法、学生自主、合作学习

教学过程:

一、任务1：动画的应用领域

Flash是美国的MACROMEDIA公司于1999年6月推出的优秀网页动画设计软件。

它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的

界面融合在一起，以制作出高品质的网页动态效果。

FLASH的特点：

1. 使用矢量图形和流式播放技术。与位图图形不同的是，矢量图形可以任意缩

放尺寸而不影响图形的质量；流式播放技术使得动画可以边播放边下载，从而

缓解了网页浏览者焦急等待的情绪。

2. 通过使用关键帧和图符使得所生成的动画(.swf)文件非常小，几K字节的动

画文件已经可以实现许多令人心动的动画效果，动画可以在打开网页很短的时

间里就得以播放。

3. 把音乐，动画，声效，交互方式融合在一起，越来越多的人已经把Flash作

为网页动画设计的首选工具，并且创作出了许多令人叹为观止的动画(电影)效

果。

4. 强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，通过

ACTION和FS COMMAND可以实现交互性，使Flash具有更大的设计自由度，另

外，它与当今最流行的网页设计工具Dreamweaver配合默契，可以直接嵌入网

页的任一位置，非常方便。

二、任务2：了解动画制作流程

1、前期策划

在制作动画之前，首先应该想清楚制作这个动画要达到什么样的目的和效果，

通过怎样的手法制作动画的角色和形工等。

2、素材搜集

前期策划完成后，就可以对动画中需要使用的素材进行搜集。在搜集时应用注

意目的性，主要根据动画策划的所规划好的素材类型进行搜集，这样能有效地

节约时间和精力。

3、动画制作

Flash动画的制作中很关键的一步就是制作动画的过程，在对动画进行前期策划

和素材搜集之后，动画的最终品质将很大程度上取决于动画的制作过程。

4、后期测试与发布

动画制作完成后，需对动画进行测试，以保证动画作品的最终质量。

巩固练习:

1、动画有能应用到哪些领域？

2、Flash动画的制作过程大致可分为哪些？

课后反思：

完成一部优秀的Flash动画作品需要经过很多的制作环节，其中每一环节的质

量都直接关系到作品的最终效果，因此应认真把握每个环节的制作。

第二节 图形的绘制

教学目标：

1． 知识与技能

1、了解Flash图形的概念

2、了解绘制树叶的流程

2． 过程与方法

1、学习任务1，了解Flash图形的概念，完成目标1。

2、学习任务2，了解绘制树叶操作流程，完成目标2。

3. 情感态度价值观

学生通过参与探究活动，了解Flash图形的概念和绘制树叶操作流程，同时培

养学生信息技术学科素养。

教学重难点：

重点：

用绘制树叶的流程

难点：Flash图形的概念

教学方法：

演示讲授法、学生自主、合作学习

教学过程:

一、任务1：Flash图形的概念

1、 矢量图

矢量图又叫向量图，是用一系列计算机指令来描述和记录一幅图，一幅图可以

解为一系列由点、线、面等到组成的子图，它所记录的是对象的几何形状、线

条粗细和色彩等。生成的矢量图文件存储量很小，特别适用于文字设计、工艺

美术设计、插图等。

矢量图只能表示有规律的线条组成的图形，矢量图不容易制作色彩丰富的图像，

绘制的图像不很真实，并且在不同的软件之间交换数据也不太方便。

2、位图

位图又叫点阵图或像素图，计算机屏幕上的图你是由屏幕上的发光点(即像素)

构成的，每个点用二进制数据来描述其颜色与亮度等信息，这些点是离散的，

类似于点阵。多个像素的色彩组合就形成了图像，称之为位图。

3、贝赛尔曲线：用钢笔工具绘制的矢量图形，图形具有节点，并且这些线条的

角度、长度、曲度是可以通过节点上的手柄进行调节的。

二、任务2：绘制树叶

操作步骤：

1、 调整舞台属性

2、 选择椭圆工具，设置笔触颜色为淡绿，填充颜色为深绿，在舞台中间先

3、 按下CTRL键，将椭圆拖出一个叶尖，并调整好叶子的形态。

4、 用直线工具依次画好叶脉。

5、 将画好的叶子复制多个。

6、 使用变形工具调整好各叶子的形态。

7、 将树叶转成组件。

练习：

绘制风车。

课后反思：

画一个椭圆。

Flash动画学生们都非常感兴趣，本节是Flash动画的基础部分，一部优秀的

Flash动画作品，绘图和创意非常重要，具有一定美术功底的学生学习本节课相

对容易一些。

第三节 Flash动画制作

教学目标：

1． 知识与技能

1、了解文档属性设置及元件、库、场景、时间轴的概念

2、了解计算机动画的分类；关键帧、空白关键帧的概念

3、了解逐帧动画的制作过程

2． 过程与方法

1、学习任务1，了解文档属性设置及元件、库、场景、时间轴的概念，完成目

标1。

2、学习任务2，了解计算机动画的分类；关键帧、空白关键帧的概念，完成目

标2。

3、学习任务3，了解逐帧动画的制作过程，完成目标3。

3. 情感态度价值观

激励学生进一步掌握动画的制作，由浅入深，提高其制作动画和欣赏动画的水

平；培养学生的自主探索、协作研究的精神，实践并总结动画制作的方法和信

息技术学科素养。

教学重难点：

重点： 文档Flash动画基本概念

难点：逐帧动画制作过程

教学方法：

演示讲授法、学生自主、合作学习

课 时：1课时

教学过程:

一、任务1：讲解文档属性设置及元件、库、场景、时间轴的概念。

元件：一个位图、矢量图形、音乐片断或是一段独立的flash动画（好比是演

员），通俗的讲就是对象作为一个模块,在不同帧中重复使用.这样的好处在于因

为可以在重复使用，减小了FLASH的体积便于传输，也减小了FLASH制作者

的工作量。元件都被放置在库中，使用时只用将其拖放到场景中即可，在场景

中只能对其位置和形状进行编辑，如果要对元件进行编辑，需要切换到元件编

辑状态。元件分为：图形元件、按钮元件和电影剪辑元件。元件中图形就是指

动态或者静态的图片元件，电影剪辑是FLASH小片段，按钮就是具有一定图

形功能的按钮图形了。

库：存放动画元件的地方（好比是一场戏的后台）

场景：动画的表现

场所（好比是舞台）

时间轴：动画制作的最重要的区域，是编辑动画的工作台，是加工动画的流水

线，包括了层编辑区、帧编辑区和时间线。（好比是剧本）

我们要制作一个动画，就好比是在导演一出戏，需要找好演员（制作好元件），

置于后台（放在库里），然后把演员放在舞台上（把元件放在场景上），让演

员照着剧本演出（在时间线上设置开始、结束时的状态，生成动画）。

二、任务2：讲解计算机动画的分类；关键帧、空白关键帧的概念

主要的几种动画生成方法：

1、关键帧动画：先行设计出若干关键性运动的图像画面，然后利用计算机图形

技术的算法来自动生成两个关键帧之间的一系列过渡画面。两个关键帧之间带

粉红色有长线箭头标志的帧，能让一个物体在这段帧之间作出来，渐变移动的

效果(可以改变透明度等等)。

2、运动路径动画：首先确定运动对象的移动轨迹，并设定在移动过程中对象需

要改变的旋转方向、色彩及形状等参数，软化将整个运动过程交给计算机来完

成。

3、变形动画：适合模拟形状变化频繁的任务、动物和自然现象，主要用于表现

模拟自然或生活中实际的运动，或科幻电影中虚幻、夸张的运动（如电影《功

夫》、《少林足球》等里面的夸张运动）。两个关键帧之间带绿色有长线箭头

标志的帧，第一帧的动画到最后一帧的时候可以变化出另外一种图形、形状。

4、物理模型动画：基于物理模型技术的三维动画制作，需要从外形、颜色、灯

光、纹理、材质等多方面模拟真实物理的各种物理属性（如cctv6里《光影周

刊》的虚拟主持人小龙）。

5、逐帧动画：通过一帧帧地绘制，并按先后顺序排列在时间轴上通过顺序播放

达到的动画效果。

6和帧有关的概念

帧：就是时间轴上的小格子，一帧其实就是一幅图，是构成动画的基本单位。

可分为关键帧、空白关键帧和过渡帧。

关键帧：是动画演示的基础，可以放入各种对象~声音、图片、按钮、视频等等，

所有这些都只能放置到关键帧上，如果没有关键帧,就没有动画。两个关键帧之

间可以做补间动画，这样两个关键帧就可以确定物体移动的两个关键点。关键

帧用含有实心圆圈的方格表示。

空白关键帧：这个关键帧在场景上什么都没有（不包括声音和代码），用含有

空心圆圈的方格表示；如果加入对象后自动变为关键帧。

三、任务3：逐帧动画的制作过程

【观看Flash动画】

1、逐帧动画的制作方法

每个帧都定义为关键帧，然后给每个帧创建不同的图像

2、实例演示（一只吃掉的苹果）

（1）在第一帧绘制一只完整的苹果

（2）在第二帧插入关键帧

使用橡皮擦工具擦去苹果的一部分

（3）再次使用橡皮擦工具在原来的基础上再擦去一部分

【提问】注意观察此动画有什么不妥之处？

提示：吃的速度太快了

解决方法：在相邻两帧间插入普通帧！

插入帧可保持与前一帧一致的内容！

(4)调试完毕测试影片

按回车键预览动画效果

（5）测试完毕，保存动画

“文件”选项选择另存为，将文件保存

巩固练习

制作逐帧动画：熊猫喜爱竹子

注意调整帧见的变换时长

课后反思

本节课内容有趣，学生兴趣很高，顺利的完成了本节课的教学目标，效果

很好！本节课最成功的地方是整个教学过程的安排，理论与实践相结合。

第四节 变形动画

教学目标：

1． 知识与技能

1、掌握形状补间的基本概念

2、学习变形动画的制作方法

2． 过程与方法

1、学习任务1，掌握形状补间的概念，完成目标1。

2、学习任务2，学习变形动画的制作方法，完成目标2。

3. 情感态度价值观

培养学生的自主探索、协作研究的精神，实践并总结变形动画制作的方法。

教学重难点：

重点： 形状补间基本概念以及变形动画的制作方法

难点：形状提示点的应用

教学方法：

演示讲授法、学生自主、合作学习

课 时：1课时

教学过程:

一、任务1：形状补间的基本概念

1、形状补间

形状补间动画是在Flash的时间帧面板上，在一个关键帧上绘制一个形状，然

后在另一个关键帧上更改该形状或绘制另一个形状等，Flash将自动根据二者

之间的帧的值或形状来创建的动画，它可以实现两个图形之间颜色、形状、大

小、位置的相互变化。形状补间动画建立后，时间帧面板的背景色变为淡绿色，

在起始帧和结束帧之间也有一个长长的箭头；构成形状补间动画的元素多为用

鼠标或压感笔绘制出的形状，而不能是图形元件、按钮、文字等，如果要使用

图形元件、按钮、文字，则必先打散后才可以做形状补间动画。

二、任务2：变形动画制作

1、文字变形动画

文字在Flash中是一个组合的对象，不能直接设置变形动画，首先必须将

它“分离”，把它转变为分散状态后才能设置变形动画，分离是通过【修改】菜

单-->【分离】实现的。

2、实例制作（A->C->O）【演示】

制作过程：

（1）新建一个文件，在空白舞台中输入字母“A”，在属性面板中设置好A的字

体，颜色为橙色，大小为100，通过【修改】->【分离】将A打散。

（2）然后在时间轴上的第10帧（此数值自定）的位置插入一个“空白关键帧”，

用同样的方法输入第二个字母“C”，并将它分离掉。接下来我们就可以在时间

轴上设置“形状”动画了。这样就完成了由"A"变化为"C"的动画效果。

（3）再在时间轴上的第20帧（此数值自定）的位置插入一个“空白关键帧”，

用同样的方法输入第二个字母“O”，并将它分离掉。接下来我们就可以在时间

轴上设置“形状”动画了。这样就完成了由"C"变化为"O"的动画效果

（4）测试动画，保存

注意：

添加形状提示的命令只针对一个起始帧和一个结束帧，如果下一个关键帧要和

前面的结束帧产生添加形状提示的形状补间动画，需要给前面的结束帧重新添

加新的形状提示才有效。

巩固练习

兔子魔术师（单机版练习）

课后反思:

本节课在上节课的基础上重点突出，较好的完成了教学目标，学生制作效果

好，但在制作中学生也出现如下的问题：一、背景颜色的添加还是不准确；二、

没有选择相应图层的对应的关键帧,而是凭感觉随意制作，结果导致需要有关键

帧的地方没有对应的内容；三、个别同学总是忘记打碎相应的文字

要解决以上的问题，除了教师在巡视过程中要给予指导外，教师在讲解时应

事先预料到学生可能遇到的问题而突出讲解的重点，让学生加深印象

第五节 简单的运动补间动画

教学目标：

1． 知识与技能

1、学习任务1，了解层、运动补间动画的概念和制作原理，完成目标1。

2、学习任务2，会正确制作运动补间动画，完成目标2。

3. 情感态度价值观

培养学生的自主探索、协作研究的精神，实践并总结运动补间动画制作的方法。

教学重难点：

重点： 属性面板中补间选项的设置和运动补间动画的制作方法

难点：正确制作运动补间动画

教学方法：

演示讲授法、学生自主、合作学习

课 时：1课时

教学过程:

一、任务1：运动动画和层的概念

运动补间动画是在两个关键帧上分别定义不同的属性，如对象的大小、位置、

角度等，然后在两个关键帧之间建立一种运动渐变关系，这就是制作运动补间

动画的过程。

运动补间动画的特点：

（1）不需要手工创建每个帧的内容，只需要创建两个关键帧的内容，两个

关键帧之间的所有动画都由Flash创建，制作更加简便。

（2）由手工控制，帧与帧之间的过渡可能不自然、连贯；而补间动画除两

个关键帧由手工控制外，中间的帧都由Flash自动生成，因此渐变过程更为连

贯。

层的概念

一个层，就好比是一张透明的薄纸，每张纸上面画着一些图形和文字而一幅

画就是由许多张这样的薄纸叠合在一起而成的。

最上面的一层看得到最下面的一层，而修改其中的任一层却不会影响其余任何

一层，这是层的概念的核心，又是层的作用所在，较高的一层浮在较低的一层

之上，却又没有完全挡住下面一层，这是因为：在每一层里，除了画有图形或

文字的地方以外，画布的其余部分是透明的。这就是层的一个特点：层的相互

独立性。当我们只是修改其中的一个图层，其余的层丝毫也不会受到影响。

插入图层的方法

方法一：单击时间轴底部的"插入图层"按钮

方法二：选择"插入">"时间轴">"图层"

方法三：右键单击 时间轴中的一个层名称，然后从菜单中选择"插入图层"

二、任务2： 运动补间动画制作方法

运动补间动画就是在两个关键帧之间建立了一种运动补间关系。该类型动画

渐变过程很连贯，制作过程也比较简单，只需建立动画的第一个画面和最后一

个画面。其具体操作如下：

(1）在动画的起始帧插入关键帧，并编辑起始帧中的内容。

(2）选择起始帧，单击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】

命令，或在【属性】面板的【补间】下拉列表框中选择【运动】选项。

实例演示：

（1）打开Flash素材文件

（2）插入新图层，命名为“眼睛”，将“眼睛”元件拖动到舞台上，调整

第一帧处眼睛的位置

（3）再插入一个新图层，命名为“蜻蜓”，将“蜻蜓”元件拖动到舞台上，

调整第一帧处眼睛的位置

（4）选中“眼睛”图层，在第15帧处插入关键帧，调整眼睛的位置

（5）选中“蜻蜓”图层，在第15帧处插入关键帧，调整蜻蜓的位置

（6）选中“眼睛”图层，在第30帧处插入关键帧，调整眼睛的位置

（7）选中“蜻蜓”图层，在第30帧处插入关键帧，调整蜻蜓的位置

（8）创建补间动画

（9）测试保存影片

巩固练习

注意：分层制作分为文字层、水龙头层和水滴层

课后反思

本节课的内容是动画补间动画，学生掌握的很快，完成的效果也很好。需要

改进之处：本节课的关键之处是要让学生了解什么是动画补间动画，什么样的

动画可以用动画补间去做，有些学生习惯性的在选择补间类型时选择了形状，

最终造成动画效果的错误，因此最好把两种补间动画放在一起比较一下：形状

变形动画是在动画对象的形状发生变化时使用的，而运动补间动画是在对象的

大小位置发生变化时候使用的。

第六节 引导层动画

教学目标：

1． 知识与技能

1、理解引导层、引导线的作用

2、掌握制作引导层动画的方法

2． 过程与方法

1、学习任务1，理解引导层、引导线的作用，完成目标1。

2、学习任务2，掌握引导层动画的方法，完成目标2。

3. 情感态度价值观

让学生体验动画制作的乐趣，养成自主学习的习惯，感受动画制作的奇妙，培

养学生的合作、探究精神。

教学重难点：

重点：将外部素材导入到舞台、库；引导层动画的创建

难点：运用引导层，制作曲线运动动画；运动对象与引导线的吸附操作

教学方法：

演示讲授法、学生自主、合作学习

课 时：2课时

教学过程:

一、任务1：引导层、引导线

展示两个动画效果（普通动作补间动画和引导层动画），请学生说出两个运动

对象运动效果的异同（一个是点到点的直线运动，一个是曲线运动），引出本

节课的内容：引导层动画

1.什么是引导层动画

引导层动画又叫轨迹动画，是让我们的动画对象按照一定的运动路径即轨迹进

行运动的动画效果

2.引导层动画的组构成

师：比较引导层动画和普通的动作补间动画有什么不同？【展示源文件】

生：多了一个图层并且画有动画对象运动的轨迹

师：轨迹动画由引导层和被引导层组成，引导层用于放置对象运动的路径，被

引导层用于放置运动的对象

二、任务2： 引导层动画的制作方法：

（1）在普通层中创建一个对象。

（2）单击按钮，在普通层上层新建一个引导层，普通层自动变为被引导层。

（3）在引导层中绘制一条路径，然后将引导层中的路径沿用到某一帧。

（4）在被引导层中将对象的中心控制点移动到路径的起点。

（5）在被引导层的某一帧插入关键帧，并将对象移动到引导层中路径的终点。

（6）在被引导层的两个关键帧之间创建动作补间动画，引导动画制作完成。

引导层动画制作要点：

（1）一般将要移动的对象单独放在一个层，作为被引导层，在此层上面添加

引导层。

（2）引导层一定要在被引导层的上方。

（3）引导层中只绘制运动路径，在被引导层中设置动作补间动画。

（4）启用“紧贴至对象”工具指向元件的中心点,拖动对象吸附到引导线的起点

和终点

（5）要使对象沿着路径旋转，需在被引导层的起始帧属性中，设置“调整到路

径”。

制作引导线的注意事项：

（1）引导线不能是封闭的曲线，要有起点和终点

（2）起点和终点之间的线条必须是连续的，不能间断，可以是任何形状

（3）引导线转折处的线条弯转不宜过急、过多，否则Flash无法准确判定对

象的运动路径

（4）被引导对象必须准确吸附到引导线上，也就是元件编辑区中心必须位于

引导线上，否则被引导对象将无法沿引导路径运动

（5）引导线在最终生成动画时是不可见的

4、制作蜻蜓飞舞动画【演示】

（1）打开背景文件

（2）在风车扇叶图层上插入新图层，重命名为“蜻蜓”，将影片剪辑元件“蜻蜓”

拖放到舞台上

（3）在时间轴上单击“添加运动引导层”按钮，在图层“蜻蜓”上新建一个运动引

导层

（4）使用“铅笔工具”在引导层上绘制出“蜻蜓”运动的平滑曲线

（5）选中图层“蜻蜓”，分别在第20、35、50帧插入关键帧，改变蜻蜓在舞

台上的位置（注意是蜻蜓紧贴引导线）

（6）按Ctrl+Enter键测试影片

巩固练习：

制作蜻蜓飞舞动画，至少有三只蜻蜓对象

提示：在制作完第一只蜻蜓的引导动画后在其上插入新图层做第二只蜻蜓的

引导动画，在插入图层做第三只蜻蜓的引导动画

小结：

课后反思：

本课内容对学生的要求较高,结合了之前讲过的多种动画类型，虽然大部分

学生都成功制作出了引导层动画，但在具体操作过程中仍然出现了一些问题：

比如部分学生对知识理解不透彻，把引导层和被引导层做反了，还有动画对象

没有按照设定的引导线去运动，而是直线运动，其实原因很简单，就是在放置

动画对象的过程中没有与引导线粘合对齐，导致效果无法出现。因此在制作中

还应该加强指导，对于关键步骤的操作要放慢速度一点一点的去讲。需要注意

的地方：

1、引导层要放置在被引导层的上面

2、运动的对象在图层中制作动作补间动画

3、引导层上制作引导线，注意线一定要是连续的不能间断

4、动画对象一定要对在引导线上

第七节遮罩动画

教学目标：

1． 知识与技能

1、使学生理解遮罩动画中遮罩的含义及原理

2、学会遮罩图层的建立和遮罩效果的实现方法

3、能够独立制作遮罩动画

2． 过程与方法

1、学习任务1，解遮罩动画中遮罩的含义及原理，完成目标1。

2、学习任务2，遮罩图层的建立和遮罩效果的实现方法，完成目标2。

3、学习任务3，独立制作遮罩动画，完成目标3。

3. 情感态度价值观

让学生体验遮罩动画制作的乐趣，养成自主学习的习惯，感受动画制作的奇妙，

培养学生的合作、探究精神。

教学重难点：

重点：遮罩的含义以及遮罩效果的制作方法

难点：

理解遮罩层与被遮罩层之间的关系

教学方法：

演示讲授法、学生自主、合作学习

课 时：2课时

教学过程:

一、任务1： 遮罩动画中遮罩的含义及原理

（1）遮罩

“遮罩”，顾名思义就是遮挡住下面的对象。 在Flash8.0中，“遮罩动画”

也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的

内容的目地，在一个遮罩动画中，“遮罩层”只有一个，“被遮罩层”可以有

任意个。

（2）遮罩的作用

在Flash8.0动画中，“遮罩”主要有2种用途，一个作用是用在整个场景或一

个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来

遮罩住某一元件的一部分，从而实现一些特殊的效果。

二、任务2：遮罩图层的建立和遮罩效果的实现方法

（1）创建遮罩

在Flash8.0中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转

化的。你只要在要某个图层上单击右键，在弹出菜单中把“遮罩”前打个勾，

该图层就会生成遮罩层，“层图标”就会从普通层图标变为遮罩层图标，

，系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为

如果你想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就行了，如图3-

5-1所示。

图3-5-1 多层遮罩动画

（2）构成遮罩和被遮罩层的元素

遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片

剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线

条转化为“填充”。 被遮罩层中的对象只能透过遮罩层中的对象被看到。在被

遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。

（3）遮罩中可以使用的动画形式

可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、运动补间动画、引

导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空

间。

3．应用遮罩时的技巧

遮罩层的基本原理是：能够透过该图层中的对象看到“被遮罩层”中的对象及

其属性（包括它们的变形效果），但是遮罩层中的对象中的许多属性如渐变色、

透明度、颜色和线条样式等却是被忽略的。比如，我们不能通过遮罩层的渐变

色来实现被遮罩层的渐变色变化。

1. 要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。

2. 可以用“AS”运动语句建立遮罩，但这种情况下只能有一个“被遮罩

层”，同时，不能设置_alpha属性。

3. 不能用一个遮罩层试图遮蔽另一个遮罩层。

4. 遮罩可以应用在gif动画上。

5. 在制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑，可

以按下遮罩层时间轴面板的显示图层轮廓按钮，使之变成，使遮罩

层只显示边框形状，在种情况下，你还可以拖动边框调整遮罩图形的外

形和位置。

6. 在被遮罩层中不能放置动态文本。

三、任务3：制作遮罩动画

注意：

1. 将线条转化为填充

2. 创建遮罩动画

3. 使用变形面板

4. 任意变形工具中“注册点”的应用

5. 学习使用橡皮工具中的“水笼头”工具和擦除线条

6. 创建影片文档

7. 设置影片文档属性

8. 执行【文件】|【新建】命令，在弹出的面板中选择【常规】|

【Flash文档】选项后，点击【确定】按钮，新建一个影片文档，在

【属性】面板上设置文件大小为400*400象素，【背景色】为黑色。

（在教程中，我们为了更好的显示场景中的内容，背景色设为了深蓝

色），如图3-5-3所示。

图3-5-3 文档【属性】面板

（2）创建元件

1、创建“闪光线条”元件

执行【插入】|【新建元件】命令，新建一个图形元件，名称为“闪光线条”。

选择工具栏上的直线工具，在场景中画一直线，在【属性】面板上作如图

3-5-5设置。

图3-5-5 闪光线条的【属性】面板参数设置如图3-5-6所示。

2、创建“闪光线条组合”元件

执行【插入】|【新建元件】命令，新建一个图形元件，名称为“闪光线条组

合”，图3-5-6 创建闪光线条元件从库中将名为“闪光线条”的元件拖入新元

件编辑窗口的场景中，在X轴上的位置为-200，Y轴为20。然后单击工具栏上

的任意变形工具，此时元件的中心会出现一个小白点，它就是对象的“注册

点”，用鼠标左键按住它，拖到场景的中心处松手。

图3-5-7中的“1”显示的是注册点在元件的中心时的情形，“2”显示的是注

册点已拖到场景中心时的情形。

图3-5-7 移动注册点到场景的中心

然后执行【窗口】|【设计面板】|【变形】命令，打开变形面板，选中【旋

转】，角度为15度，连续按下【复制并应用变形】按钮，在场景中复制出的效

果如图3-5-8所示。

图3-5-8 变形面板及复制好的元件图3-5-9 创建“闪光”元件

在时间轴的关键帧上点一下，选中全部图形，执行【修改】|【分散】命令，

把线条打散，再执行【修改】|【形状】|【将线条转化为填充】命令，将线条

转变为形状。

3、 创建“闪光”元件

执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“闪光”，

如图3-5-9所示。 单击【确定】后进行“新元件编辑窗口”，接着把库里名为

“闪光线条组合”的元件拖到场景中，对齐中心点，复制此元件，在第30帧处

加关键帧，再回到第1帧中建立补间运动动画，【属性】面板上设置顺时针旋

转一周。

然后新建一层，在第1帧中执行【编辑】|【粘贴到当前位置】命令，使二

层中的“闪光线条组合”完全重合，再执行【修改】|【变形】|【水平翻转】

命令，让复制过来的线条和第一层的线条方向相反，在场景中形成交叉的图形。

在第30帧处建立关键帧，在第1帧中建立运动补间动画，【属性】面板上

设置逆时针旋转一周，最后将此层设为遮罩层，如图3-5-10所示。图中显示的

是“闪光”元件的时间轴面板和各图层中的动画设置。

图3-5-10“闪光”元件编辑界面图3-5-11 红星的九步画法

4、 创建“红星”元件

执行【插入】|【新建元件】命令，新建一个图形元件，名称为“红星”。我们

要在这个元件中画一个漂亮的红星，为了画好红星，我们分九步来叙述具体的

画法，图3-5-11中的“1-9”的数字表示这九个步骤。

第一步，按住shift键，从场景中心向上画一根黄色的线条，如图3-5-11中的

“1”所示。

第二步，选择工具箱中的任意变形工具,在画好的线条上点一下，这里，线

所示。

第三步，鼠标左键按住这个小白点，拖到线条的最下端，这是因为我们要让线

条要以下端为中心旋转复制。如图3-5-11中“3”所示。

第四步，执行【窗口】|【设计面板】|【变形】，打开变形面板，各参数设置

如图3-5-12。

按下【复制并应用变形】按钮四次，就会在场景中每隔72度复制出一根线条，

五个线条的顶端构成五角星的五个顶点。如图3-5-11中的“4”所示。

条的中心出现一个白色的小园点，我们叫它“注册点”。如图3-5-11中的“2”

图3-5-12 变形面板

第五步，用绿色线条分别连接五根线条的顶端，五角星的模样已经出来了，如

图3-5-11中“5”所示。

第六步，用白色线条分别连接五角星中心和上一步连线的中点，如图3-5-11中

“6”所示。

第七步，选择工具栏上的橡皮工具 ，在工具栏下面的选项中选择“水笼头”

工具，在多余的线段上点一下，去除线段，修整好的五角星如图3-5-11中

的“7”所示。

第八步，用油漆筒工具给五角星上色，每个角的左右颜色可略有区别，增加立

体感，如图3-5-11中的“8”所示。

第九步：再选择橡皮工具，点开旁边的小三角，在“擦除线条”前打勾，

如图3-5-13所示。

图3-5-13 擦除线条图3-5-14 多角星形工具图3-5-15 多角星形工具选项设置

面板

用橡皮工具擦去红星上的线条，一颗漂亮的红星就做成了，如图3-2-11中“9”

所示。

技巧：在Flash8.0中，还可以用更简单的方法画红星，选择工具栏上的多角星

形工具，如图3-5-14。

（3）创建动画

回到主场景中，把“闪光”元件拖入第二层，新建二层，第三层中拖入“红星”

元件，在场景的下方写下白色的“闪客启航电影制片厂”的文字，完成后的时

间帧面板及场景如图3-5-16所示。

图3-5-16 时间轴及场景

按Ctrl+Enter组合键，测试动画。此时，你欣赏着自己亲手做的“闪闪红星”

动画，心中再回想一下“遮罩”在动画中的作用，是否已经感受到“遮罩”这

一功能的神奇？

课后反思

本节课的内容是遮罩动画，学生掌握的很快，完成的效果也很好。本节课的

难点在于遮罩动画的原理。