第一课：熊猫的梦教案
——绘制图形与逐帧动画
课 题 闪客之门 累计备课 1 课时
授课时间 共需 1 课时 第 1 课时 课型：新授课
教学内容 熊猫的梦
教学目标 学会利用 flash 绘画工具制作简单的逐帧动画。
教学重点 逐帧动画制作
教学难点 各种工具的使用
教 具
教学过程
一、导入
列举场景：竹子开花，大面积枯死，国宝熊猫面临生存危机。动手种一株小
竹子帮小熊猫度难关。
二、新授
熊猫的梦――绘制图像与逐帧动画
1、启动并认识 flash 的工作界面
执行“开始”――“程序”――“flash”程序图标，进入 flash 工作界面。
认识 flash 工作界面 。
2、设置文档属性
执行“修改”－“文档”，在弹出的“文档属性”对话框中设置参数。
3、制作第一帧画面
（1）利用椭圆工具绘制熊猫外形
（2）利用颜料桶工具填充颜色
（3）利用刷子工具绘制小苗
4、制作第二帧画面
（注意使用“选择工具”把矩形变成竹节，竹叶用“刷子工具”绘制。）
（练习使用“选择工具”改变选中部分的颜色。）
5、调整动画时间
（1）测试：执行“控制”——“测试影片”
（2）插入帧：在第一帧上右击，在弹出菜单中选中“插入帧”
（3）测试影片效果
6、保存文件
执行“文件”－“保存”，在弹出对话框中选择保存位置，把文件命名为“熊
猫的梦”，单击“保存”
执行测试影片命令，生成 swf 格式的动画播放文件。
三、小结：
绘制图像与逐帧动画主要有：启动 flash、设置文档属性、制作帧、调整动
画时间、保存文件
四、作业
上机练习
第二课：蜜蜂采蜜教案
——多层逐帧动画
课 题 闪客之门 累计备课 2 课时
授课时间 共需 1 课时 第 1 课时 课型：新授课
教学内容 蜜蜂采蜜
教学目标 学会利用 flash 绘画工具制作多层逐帧动画。
教学重点 多层逐帧动画制作
教学难点 分层绘制图像
教 具
教学过程
一、导入：
郁金香开了，把花园点缀成一幅美丽的画面。看!什么在动？哦，原来是一
只小蜜蜂在紧张工作。我们现在就制作一个蜜蜂采蜜动画。
二、新授：
蜜蜂采蜜
多层逐帧动画
1、新建文件并修改文档属性
执行“文件”—“新建”将文档“属性”大小设为“300×300 像素”背景
颜色设为“浅蓝色”。
2、分层绘制蜜蜂、花朵、天空、土地等图形
注意把不同图形分层绘图。
分层绘图方法：
单击时间轴下方的“插入图层”插入一个新图层并将其重新命名。然后在
新图层上绘图。
（1）绘制蜜蜂和花篮
（2）绘制蜜蜂的红脸蛋
（3）绘制蜜蜂的翅膀
注意任意变形工具的使用
（4）美化画面效果
注意混色器工具的使用
3、分层制作动画效果
（1）制作静态效果
（2）制作蜜蜂翅膀飞舞的动态效果
4、保存文件
将动画源文件以“蜜蜂采蜜”为名保存，并测试生成的 swf 格式文件。
三、小结：
多层逐帧动画
新建文件，修改属性，分层绘制图形，分层制作动画效果，保存文件
四、作业：
上机练习
第三课：熊熊之家
——导入图层并修改
课 题 闪客之门 累计备课 3 课时
授课时间 共需 1 课时 第 1 课时 课型：新授课
教学内容 熊熊之家
教学目标 学会在 flash 动画中导入图像，并修改图像。
教学重点 在 flash 动画中导入图像、修改图像
教学难点 图像修改
教 具
教学过程
一、导入
热情好客的熊熊把云彩打扮成自己的样子，等待朋友们到家里做客！还等
什么？快来吧！
现在我们就来制作一个“熊熊之家”
二、新授
熊熊之家——导入图像并修改
1、设置文档属性
新建动画文档，“属性”的大小为“600×180”
2、第一帧动画的制作
（1）导入背景图像
步骤 1：将“图层 1”重命名为“背景”
步骤 2：执行“文件”—“导入”—“导入到舞台”，在弹出的对话框中
选择要导入的“背景.jpg”文件，单击“打开”，图片就被导入到舞台“背景”
图层上了。
步骤 3：使用“选择工具”选中背景图像，单击“变形工具”，图像出现
节点后调整背景图像与舞台大小一致。然后锁定改图层。
（2）制作边框
（3）导入“小熊”图像并除去图像背景
导入同导入背景图片一样。
除去背景图像：用“套索工具”、“魔术棒”除去大面积图像。用“橡皮
擦工具”擦除其他小熊以外的图像。然后锁定该图层。
（4）文字录入——文字图层
注意对文字属性进行设置，然后锁定该图层。
3、制作动画效果
（1）静态效果制作
插入相应的帧
（2）动画效果制作、文字动态制作
取消图层锁定，调整相应帧的图像角度、大小、方向、颜色等
4、保存文件
三、小结： 导入图像并修改
四、作业：
上机练习
第四课：变相怪杰
——形状补间动画
课 题 变幻莫测 累计备课 4 课时
授课时间 共需课时 1 课时 课型：新授课
教学内容 变相怪杰——形状补间动画
教学目标 利用形状补间动画制作具有特殊效果的动画
教学重点 制作形状补间动画
教学难点 如何进行分图层
教 具
教学过程
变相怪杰
——形状补间动画
一、导入
请同学们看投影画面，变相怪杰就要开始了，一只可爱的猫转眼就变成老
虎。
是怎么回事呢？下面我们一起来看看就知道了。
本课，我们在分图层制作的基础上，利用形状补间动画的方法制作具有特
殊效果的动画。
二、新课讲解
1、设置文档属性（板书）
方法：新建动文件，设置文档“属性”的大小为“500×400 像素”，背
景色为“白色”。
2、制作第 1 帧动画（板书）
首先我们要将小猫的脸、嘴、鼻子、眼睛、胡子、文字等图形分别在
不同的图层制作出来，为后面的动画效果作准备。
（1）绘制螺旋形彩色背景（板书）
方法：将“图层 1”重命名为“背景”；使用“矩形工具”绘制同舞台
相同大小的方形；使用“直线工具”将方形分割成米字形；使用“选择工具”
调整直线为弧线，填充色彩。
（2）分图层绘制小猫（板书）
方法：新建图层，重命名为“脸”，使用“椭圆工具”、“线条工具”
绘制脸部轮廓，并填充颜色。
3、制作形状补间画（板书）
（1）脸部图形的渐变制作
（2）嘴、鼻子、眼睛的渐变制作
（3）文字与文字的渐变制作
（4）利用逐帧动画美化背景
4、保存文件（板书）
将动画源文件以“变相怪杰”为文件名保存，并测试生成 SWF 格式的
文件。
三、小结（板书）
1、需要渐变的不同图形应分图层绘制，这样渐变的效果会更加自然；
2、形状渐变可以针对图形之间、图形与文字、文字与文字之间制作。
3、制作文字渐变的动画效果时需要将文字执行“修改”→“分离”命令，
使文字成为沙粒状，否则无法实现相应的效果。
四、作业
上机制作“创作天地”中的燃放的“礼花”形状补间动画。
五、教学反思
第五课：文字演变
——添加形状提示点
课 题 变幻莫测 累计备课 5 课时
授课时间 共需课时 1 课时 课型：新授课
教学内容 文字演变——添加形状提示点
教学目标
1．巩固形状补间动画的制作方法。
2．掌握添加并编辑形状提示点的制作方法。
3．学习使用“变形面板”复制并旋转图形。
教学重点 巩固形状补间动画的制作方法
教学难点 学习使用“变形面板”复制并旋转图形
教 具
教学过程
第五课：文字演变
——添加形状提示点
一、导入
同学们，最早的中国文字是怎么样的？它又是如何演变成今天的文字的
呢？
请看大屏幕（展示文字的演变的过程），同学们想制作这幅动画吗？
二、新知讲解
1、设置文档属性
（1） 大小：400×300 像素；
（2） 背景：“黄色”。
2、制作文字动画
（1） 绘制文字内、外部图形；
方法：
1 将“图层 1”重命名为“文字外部”。
2 使用工具面板中的“刷子工具”，在第 1、20、40 帧插入关键帧并绘
制甲骨文、金文、小篆“目”字的外轮廓。
3 在第 60 帧插入空白关键帧，使用“文本工具”输入楷体“目”字，
参考前面几种文字的外轮廓调整该字的大小。执行“修改”→“分离”
命令，将“目”字中间的两横擦除。
4 用同样的方法新建图层，重命名为“文字内部”。利用制作文字外部
轮廓的方法，分别制作甲骨文、金文、小篆、楷体“目”字内部的两
横。
（2） 制作“文字外部”形状补间动画并添加形状提示点。
方法：
1 分别在“文字外部”、“文字内部”图层的第 12、32、52 帧插入关键
帧，在第 80 帧插入帧。
2 在“文字外部”图层上，选择帧面板中第 12 帧至第 20 帧之间的任何
一帧，更改帧“属性“面板中的补间为”形状。
3 选中帧面板的第 12 帧，连续执行 8 次“修改”→“形状” →“添加
形状提示”命令，此时将出现的 8 个叠放在一起的提示点分加别按顺
序放于文字外部和内部的四角。
4 选中帧面板的第 20 帧，将叠放的提示点参考第 12 帧的顺序、位置进
行摆放。
（3） 制作“文字内部”形状补间动画并添加形状提示点。
3、制作装饰效果。
（1） 使用任意变形工具制作传统图案“云纹”。
（2） 制作说明文字与边框。
4、保存文件
三、小结
添加形状提示点的方法：首先要确保形状补间动画已经制作完成，然后
才能添加形状提示，否则此命令为灰色。接下来分别选择动画的起始关键帧
和结束关键帧，并执行“修改”→“形状”→“添加形状提示”命令，通过
调整提示点的位置来控制两帧的变化。但是由于两个关键帧中间的具体变形
效果最终还是由计算机通过运算获得。因此，如果两帧提示点的摆放位置改
变过大或添加的形状提示点过多，都将导致动画的变形效果失常或无效。完
美的效果还需要多次试验并总结经验才能获得。
四、作业
上机操作创作天地。
五、教学反思
第 6 课：快乐猫咪
——简单的动画补间动画
课 题 动感十足 累计备课 6 课时
授课时间 共需课时 1 课时 课型：新授课
教学内容 快乐猫咪——简单的动画补间动画
教学目标
1.掌握新建并编辑图形元件的方法。
2.学会运用属性面板中的补间选项设置动画补间动画。
3.了解库并运用库管理和应用图形元件。
教学重点 掌握新建并编辑图形元件的方法
教学难点 学会运用属性面板中的补间选项设置动画补间动画
教 具
教学过程
第 6 课：快乐猫咪
——简单的动画补间动画
一、导入
亲爱的同学们，请看大屏幕，快乐的猫咪看着可爱的蜻蜓飞来飞去，心
里一定很羡慕，如果自己也能飞该有多好啊；本课我们在库面板中新建图形元件，
并将图形元件制作成动画补间动画的效果。
二、新课讲解
1、设置文档属性
大小：500×400 像素
背景：蓝色
2、制作图形元件
（1）新建图形元件
方法：
执行“窗口”→“库”命令，弹出“创建设新元件”。单击“库”面
板下方的“新建元件”按钮，弹出“创建新元件”对话框，更改元件
名为“猫”，元件类型为“图形”元件，单击“确定”按钮。
（2）制作“猫”图形元件
方法：
A、在“猫”图形元件的编辑状态下，将“图层 1”重命名为“猫”；
B、进入图形元件的编辑状态，界面中间出现的十字形表示为图形
元件的中央，从这里开始绘制图形便于今后调整元件。使用工具面板中的“椭圆
工具”、“线条工具”绘制猫的外形，使用“选择工具”将直线调整为弧线，并填
充颜色。
C、新建图层，重命名为“领结”，使用“线条工具”绘制领结，并
填充颜色。
（3）用上的方法，在库中制作“背景”、“蜻蜓”、“花”、“眼睛”的图
形元件。
3、制作动画效果
下面我们将图形元件分别放置在场景 1 的舞台中，制作出小猫眼睛随蜻蜓转
动的效果。
（1）将图形元件拖放舞台中并调整。
方法：P 40 页。
（2）制作蜻蜓的动画补间动画。
方法：
A、在“静态”图层的第 45 帧插入帧。
B、在“蜻蜓”图层的第 15 帧插入关键帧，分别移动蜻蜓位置，模拟蜻
蜓从画面的右侧飞到左侧的效果。
4、保存文件
三、小结
1、在“库”面板中新建“图形”元件，制作的图形元件可以随时通过“库”
面板调用至场景的舞台。
2、可以将一个需要多次使用的图形制作成图形元件，图形元件可以像印章
一样重复使用。
四、作业
制作节约用水的动画效果，让水滴逐渐滴落下来。
五、教学反思
第 7 课：穿越森林
——多变的动画补间动画
课 题 动感十足 累计备课 7 课时
授课时间 共需课时 1 课时 课型：新授课
教学内容 穿越森林——多变的动画补间动画
教学目标
1. 巩固图形元件的制作方法
2. 掌握应用“组合”、调整“叠放顺序”等多种技巧绘制图形。
3. 学习动画补间动画的属性调整。
4. 掌握文字对象的动画补间动画的设置方法。
教学重点 学习动画补间动画的属性调整
教学难点 掌握文字对象的动画补间动画的设置方法
教 具
教学过程
穿越森林
——多变的动画补间动画
一、导入
演示七彩填充的小球旋转下落，并且小球逐渐变小变透明的范例，然后向学
生提问:使用已经学过的知识能否完成该动画效果的设置?
同学们会跃跃欲试，表示能够完成，可实际操作以后会发现，如果使用形状
补间动画，小球的旋转运动并不像我们预期的那样，中间的过渡颜色会产生偏差，
小球可以改变大小，却没有办法进行透明度的设置。
通过这个实例，教师可以在第 6 课的基础上继续巩固动画补间动画的概念并
演示本课的范例让学生观察。
二、新知讲解
1、设置文档属性
大小：500×400 像素
背景：土黄色
2、制作背景
本课的重点在于图形元件的绘制、动画补间动画的设置及其属性的调整。
（1）图形元件的绘制
在范例中，使用绘图工具绘制了“树木”、“云朵”、“太阳”、“汽车”等图形元
件。其中花朵的绘制有一定难度，并运用了“组合”的概念。
需要说明几点：
① Flash 8 中提供了多角星形工具，可以通过该工具的选项设置图形的具体
外观，
② 使用箭头工具能够将直线调整为曲线。注意在不选中线条的情况下，鼠
标指向线条中间位置，指针变为弧线即可调整线条弧度；鼠标指针指向线条端点，
指针变为直角可调整线条端点位置，
③ 组合（Ctrl+G）与打散（Ctrl+B）。
在 Flash 8 中，元件、文字及组合图形均可以被设置为动画补间动画。某些
情况下，图形经过组合后便于画面的编辑。与组合对应的操作是“打散”，打散后
的图形经常被用于创建补间形状。
（2）创建汽车行驶的动画补间动画
动画补间动画设置的对象应该是“文字”、“组合图形”或“元件”，打散的图形
不能够设置动画补间动画。如果设置错误，时间轴会以虚线表示，见图 7.4。
讲解上述知识点时，教师可以让学生自己尝试，自己发现问题。这样有助于
学生自主探究并真正掌握动画补间动画与形状补间动画的区别。
（3）动画补间的属性设置
动画补间动画有“缓动”、“旋转”等属性设置，要根据动画的实际需要对属性
进行设置。
（4）保存文件
三、小结
1、通过调整不同关键帧中元件的位置、大小、Alpha 值等设置，使元件的
属性发生变化，并在“帧”属性面板中设置补间为“动画”，就可以产生移动、
淡入淡出等动画效果。
2、在“属性”面板中，设置动画属性中的“缓动”值，可以调整补间动画
的速度变化。
四、作业
制作天空中滑落的星星。
五、教学反思
第 8 课：荷兰风车
——影片剪辑元件的应用
课 题 动感十足 累计备课 8 课时
授课时间 共需课时 1 课时 课型：新授课
教学内容 荷兰风车——影片剪辑元件的应用
教学目标
1. 学习“影片剪辑元件”的制作与应用。
2. 学习为“影片剪辑元件”添加滤镜效果的方法
教学重点 学习“影片剪辑元件”的制作与应用。
教学难点 学习为“影片剪辑元件”添加滤镜效果的方法
教 具
教学过程
荷兰风车
——影片剪辑元件的应用
一、导入
学习了“图形元件”的制作，同学们已经能够制作动画补间动画，但是要制作
较为复杂的动画，特别是为同一个元件多次创建同种动画补间动画的效果时，“图
形元件”的应用就不是很灵活了。
可以先让学生绘制“图形元件”鲜花，并将其拖放到场景中，然后通过复制与
粘贴的方法创建鲜花的多个副本。
此时让同学们思考：如果希望这些花朵随风摇曳，应该怎样操作？如果“鲜
花”元件本身就具有动画效果，那个整体花丛的动画效果设置是否就迎刃而解了
呢？引出在动画制作过程中为何要应用“影片剪辑元件” ，“影片剪辑元件”与“图
形元件”的区别，以及“影片剪辑元件”的制作方法等问题。
二、新知讲解
1、制作背景
为了创建美丽的动画，下面导入一幅外部图片。
（1）大小：800×600 像素
背景：蓝色
（2）将“图层 1”重命名为“背景图片”，执行“文件”→“导入” →
“导入到舞台”命令。
2、制作影片剪辑元件并应用于场景中
（1）制作影片剪辑元件“转动的扇页”。
值得注意的环节：
① 在创建“转动的扇叶”这一影片剪辑元件的过程中，先绘制了一片扇叶，
并使用 “修改”→“转换为元件”命令将该图形转换为 “图形元件”。这一操作有三
点值得注意： a）“修改” →“转换为元件”命令实际上是创建元件的另一种方法，
与“插入” →”新建元件”功能相同； b）为什么一定要将扇叶图形转换为“图形元
件”？这实际上是巩固复习了第 7 课的概念——可以为元件、文本或组创建动画
补间动画。把扇叶图形转换为“图形元件”以后就可以灵活创建动画补间动画了；
c）排列好的四片扇叶的中心点一定要与元件的中心对齐，
（2）将影片剪辑元件应用在场景中
3、制作具有滤镜效果的影片剪辑元件“飘动的白云”。
② 在创建“飘动的白云”过程中，范例在第 500 帧插入了关键帧，并移动白
云位置，创建了动画补间动画。这一操作的目的是为了让白云飘动的速度很慢，
与实际生活状态相符。
从“飘动的白云”和“转动的扇叶”在场景中的应用不难看出，两个影片剪辑元
件的时间轴与场景的主时间轴无关。
三、小结
1、执行“文件”→“导入”命令，可以在 Flash 动画中导入图片、声音等
文件。
2、通常可以将一段独立的小影片制作成影片剪辑类型的元件。
四、作业
上机操作《创作天地》
五、教学反思
第 9 课：蝴蝶飞舞
——“引导层”动画
课 题 奇思妙想 累计备课 9 课时
授课时间 共需课时 1 课时 课型：新授课
教学内容 蝴蝶飞舞——“引导层”动画
教学目标
1. 巩固“影片剪辑元件”的制作与应用。
2. 学习引导层动画的制作方法。
教学重点 引导层动画的制作方法
教学难点 制作蝴蝶飞舞的轨迹
教 具
教学过程
蝴蝶飞舞
——“引导层”动画
一、导入
同学们已经学会了动画补间动画的基本制作方法，可以制作简单的动画
效果了。但是如果希望元件不仅仅沿直线运动，而是按照我们期望的轨迹运动，
应该使用什么样的方法呢？
本课，我们通过制作蝴蝶在画面中飞舞的效果来学习引导层动画。
二、新课讲解
1、打开原有文件修饰整体画面
首先、我们打开第八课完成的作品，现在我们要添加图形元件“鲜花”
来丰富画面，为飞舞的蝴蝶设置情境。
2、制作影片剪辑元件“蝴蝶”和飞舞的轨迹。
值得注意的环节：
① 在绘制逐帧动画的蝴蝶时，应该让同学们自己动手模仿，注意蝴蝶翅膀
与身体的叠放顺序，蝴蝶翅膀不同时刻的形态，从而培养学生对生活的观察，并
在此过程中练习“任意变形工具”的“旋转与倾斜”、“扭曲”、“缩放”、“封套”等不
同选项的用途。
② 在教材的范例中，图 9.6 标示了蝴蝶在第 1、20、35、50 帧时的不同位
置，其中第 20 帧与第 35 帧的蝴蝶位置大致相同，以此来表达蝴蝶在花朵上停留
的动画。同学们可以运用各种技巧设计与范例不同效果的引导层动画。
③ 在教材的范例中，每一只运动的蝴蝶动画对应一个运动引导层。
④ 使用铅笔等工具绘制引导层的路径时，无须考虑线条的颜色、粗细，该
线条只表示一种运动轨迹，在影片播放时线条不显示。
⑤演示过程中，教师应强调元件中心要与引导线路径端点对齐锁定的概念。
3、制作缓缓升空的热气球
方法：
（1） 插入图形元件“气球”，绘制热气球外形，
（2） 插入影片剪辑元件，名称为“上升的气球”；
（3） 将图形元件“气球”放置在图层 1 的第 1 帧位置上；
（4） 在第 300 帧插入关键帧，移动“气球”实例到较高位置，使
用“任意变形工具”调整其大小，在“属性”面板中更改“气
球”实例的透明度。
（5） 添加一个运动引导层，使用“铅笔工具”绘制气球升空的路
径。
（6） 将第 1 帧位置上和“气球”锁定在路径的一端，第 300 帧位
置上和“气球”锁定在另外一端。在第 1 至 300 帧之间创建
动画补间动画。
（7） 回到“场景 1”的编辑状态，新建图层，重命名为“气球”，
将影片剪辑元件“上升的气球”拖放到舞台的合适位置。
4、保存文件
三、小结
在具有补间动画效果的图层之上建设立新的特殊图层——运动引导层，
可以使图形沿在运动引导层绘制好的路径运动。
四、作业
上机制作创作天地
五、教学反思
第 10 课：水波荡漾
——“遮罩层”动画
课 题 奇思妙想 累计备课 10 课时
授课时间 共需课时 1 课时 课型：新授课
教学内容 水波荡漾——“遮罩层”动画
教学目标
1. 复习各类型元件的制作方法，熟练掌握元件的位置、颜色等
属性的更改。
2. 复习巩固引导层动画的制作方法。
3. 学习遮罩层动画的制作。
教学重点 学习遮罩层动画的制作
教学难点 遮罩层的运用
教 具
教学过程
水波荡漾
——“遮罩层”动画
一、导入
河岸边绿树荫荫，鲜花盛开，淘气的小熊坐在小花伞里从空中降落，落在水
中，荡出片片涟漪。
本课我们就要制作出这样的一个情景动画，下面我们就来动动手，开始制作
吧。
二、新知讲解
1、制作背景
我们可以导入外面的图片来完成背景的制作。
（1） 导入图片
方法：A、新建动画文件。
设置大小为：800×600 像素；
背景为：蓝色；
B、单击“文件”→“导入” →“导入到库”命令，将素材导
入到库中。
（2）制作有水中倒影效果的背景。
方法：
A、执行“插入” →“新建元件”命令，新建图形元件“背景图”。
B、打开“库”面板，将素材拖放到舞台。
C、在“图层 1”上复制图层元件“背景图”的另一个实例，在属性
面板中调整其 X、Y 坐标值为 0、300，颜色透明度设置为 40%。
D、使用“选择工具”单击舞台下方位置的“背景图”，执行“修改”
→“变形” →“垂直翻转”命令，制作出水中倒影的特效。
2、制作乘伞落下的小熊
方法：
A、新建图形元件“落水的小熊”，使用“线条工具”、“椭圆工具”
等绘制小熊图案。
B、回到“场景 1”的编辑状态，新建图层，重命名为“小熊”，将
图形元件“落水的小熊”拖放到舞台上方。在第 50 帧插入关键
帧。
C、在图层“小熊”上添加运动引导层，绘制小熊下落的轨迹。
D、将图层“小熊”的第 1 帧和第 50 帧位置的实例“落水的小熊”
分别锁定在路径的两端。
E、在图层“小熊”的第 1 至第 50 帧之间创建动画补间动画，完成
小熊落下的引导层动画。
3．利用遮罩层制作水中倒影特效
（1）制作倒影层
（2）制作水波遮罩
4．保存文件
三．小结
遮罩是 Flash 中的一个常用功能，在遮罩层中，可以使用“绘图工具”
绘制各种图形为遮罩，透过这些图形能够看到被遮罩层的内容，而遮罩层图形以
外的内容将被遮蔽。
四．作业
上机制作《创作天地》的内容。
五．教学反思
第 11 课：心语星愿
——按钮元件的应用
课 题 奇思妙想 累计备课 11 课时
授课时间 共需课时 1 课时 课型：新授课
教学内容 心语星愿——按钮元件的应用
教学目标
1. 巩固影片剪辑元件的创建与应用，元件属性调整的方法、滤
镜特效的应用。
2. 学习为影片剪辑元件添加时间轴特效。
3. 巩固遮罩层特效的制作方法。
4. 学习按钮的制作方法，并为按钮添加简单的控制动作。
教学重点 巩固影片剪辑元件的创建与应用，元件属性调整的方法、滤镜特
效的应用
教学难点 学习为影片剪辑元件添加时间轴特效
教 具
教学过程
心语星愿
——按钮元件的应用
一、导入
节日里，你希望为远方的朋友表达美好的祝愿吗？就让我们做一张
Flash 电子贺卡，用真心传递一份真挚的情谊，让远方的朋友通过网络感受到浓
浓的祝福吧！
下面我们来学习制作按钮元件。
二、新知讲解
1、制作背景
（1）导入背景图片
执行“文件”→“导入” →“导入到舞台”，将素材图片导入到
舞台。
（2）制作闪烁的小星星
方法：
A、执行“插入” →“新建元件”
B、将绘制的星星拖放到舞台上。
2、制作在星形图案中上升的心形图形
绘制星形图案并作为遮罩层，制作各种影片剪辑元件，将多个元件组合为上
升的心形图形，设置动画渐变效果。
（1） 制作移动的心形图形
（2） 设置心形图形的上升动画
（3） 通过制作遮罩层使心形图在背景图中在的星形图案内出现
3、按钮的制作与应用
（1）制作按钮
（2）应用按钮控制动画
选中按钮，在弹出的快捷菜单中选择“动作”，打开脚本助手，选
择左侧列表中“全局函数” →“时间轴控制” →play 命令。
单击“播放”按钮时，跳转并播放当前场景的第 1 帧，回到“场景
1”的编辑状态，在“按钮”图层上，拖放“播放”、“停止”按钮到舞台合适位
置。
4、保存文件
将动画源文件以“心语星愿”为文件名保存，并测试生成 SWF 格式的
文件。
三、小结
按钮元件通常包括 4 帧：“弹起”帧、“指针经过”帧、“按下”帧和“点
击”帧。通过给按钮添加 goto、stop 等时间轴控制命令，可以控制时间轴的播放
与停止，增强动画的交互性。
四、作业布置
使用文字作为按钮，控制影片的播放，点击文字，小兔子从蛋中破壳而
出。
五、教学反思
第 12 课：小鸡旅行
——多场景及声音的应用
课 题 美丽画卷 累计备课 12 课时
授课时间 共需课时 1 课时 课型：新授课
教学内容 小鸡旅行——多场景及声音的应用
教学目标
1. 巩固按钮元件的制作方法。
2. 掌握给帧添加动作的方法。
3. 掌握场景的新建及编辑方法。
4. 学会使用按钮控制场景跳转的命令。
5. 了解为动画作品添加背景音乐的方法。
教学重点 掌握给帧添加动作的方法。
教学难点 学会使用按钮控制场景跳转的命令。
教 具
教学过程
小鸡旅行
——多场景及声音的应用
一、导入
快乐的小鸡开始它的旅行了。春天它漫步在茵茵绿草间，夏日它在向日
葵丛中嬉戏，秋天它穿过丰收的田野，冬天它与小雪人一起玩耍。让我们跟随快
乐的小鸡一起去体验它的美妙旅程吧！
二、新知讲解
（1）创建元件
本课的范例应用了各种类型的元件，原则是：如果元件是静态的一般使用图
形类型，如果
是动态的或者是要添加滤镜效果、时间轴特效的一般使用影片剪辑类型。
（2）按钮的制作过程
本课范例中，按钮的不同状态分别引入了不同的元件，“弹起”、“按下”、“点
击”状态使用的是图形元件“小鸡”，而“指针经过”状态使用的是影片剪辑元件“会
飞的小鸡”，这一操作过程强调了按钮的四个状态可以是绘制的图形也可以是元
件，并且各个状态支持帧的复制与粘贴。
（3）给帧添加动作
第 11 课的范例中重点强调了给按钮添加动作，本课的范例既有按钮的动作
又有帧的动作，教师可以将二者加以比较。
（4）创建与编辑场景
场景的概念要求学生有感性的认识。按钮控制场景间的跳转与按钮控制时
间轴的方法相同，只是在场景的下拉列表里选择适当选项即可，见图 12.1。
（5）为动画加入音乐
声音的导入方法与其他素材的导入方法相同。为了便于控制，我们
通常把声音放在一个独立的图层上。本课中声音文件只是做了简单的引入并没有
加以控制或编辑，实际上，在 Flash 中加入声音会为动画作品增色不少，建议教
师能够找一些声色并茂的动画影片让学生欣赏，激发学生学习的积极性。
三、小结
本课内容多而杂，综合了前面几课的大部分知识点并添加了场景的概念和背
景音乐的使用。本课的重点在于将所学知识点综合应用、强化按钮对影片的控制
作用、场景的创建与编辑方法、声音文件的导入与编辑。
四、作业布置
完成 90 页的创作天地。
五、教学反思
第 13 课：猜拳游戏
——交互式动画
课 题 美丽画卷 累计备课 13 课时
授课时间 共需课时 1 课时 课型：新授课
教学内容 猜拳游戏——交互式动画
教学目标
1．练习导入图片文件。
2 ．巩固多场景动画的基本制作方法。
3．巩固制作影片剪辑元件与按钮元件的基本操作。
4．熟练应用复制帧与粘贴帧的方法。
5．掌握利用 random 函数与 goto 命令实现随机跳转的方法。
教学重点 巩固制作影片剪辑元件与按钮元件的基本操作
教学难点 掌握利用 random 函数与 goto 命令实现随机跳转的方法
教 具
教学过程
猜拳游戏
——交互式动画
一、导入
“石头、剪子、布！”每个人都很熟悉的猜拳游戏，简单有趣的游戏，给
我们的生活带来了无穷的乐趣。
本课，我们将制作一个猜出拳的小游戏。
二、新知讲解
1、设置文档属性并添加场景
（1）设置文档属性
大小：800×600 像素
（2）添加场景
A、执行“窗口”→“其他面板” →“场景”，打开“场景”面板，将“场
景 1”重命名为“开始”。
B、单击“添加场景”，添加 3 个新的场景，并分别重命名为“石头”、“剪
子”、“布”。
2、制作动画中所需的元件
（1）制作图形元件
A、新建“拳头”图形元件
B、在“拳头”图形元件的编辑状态下，用“铅笔工具”绘制拳头，用“颜
料桶工具”填充颜色。
（2）制作影片剪辑元件
微信/支付宝扫码支付