由浅入深，由表及里 掌握动画制作的方法;
提高其制作动画和欣 赏动画的水平；
结束播放
拓展资源
课后练习
2
教学过程
教学目标
教学内容
教学重难点
教学方法
教学内容
1 加深理解遮罩层与被遮罩层的概念。
2 掌握使用遮罩原理制作遮罩动画的方法和技巧。
3 了解复杂遮罩动画设计的方法和技巧。
结束播放
拓展资源
课后练习
3
教学过程
分别在25和50帧插入关键帧，在25帧将矩形条的高度压为最小， 并创建补间动画。
回到场景中，插入一个新图层，将影片剪辑元件拉进舞台中，
利用时间轴特效中复制到网格设置好参数，将其布满舞台。
将此图层设置为遮罩 层。
Page 14
返 回动画实例
流动的瀑布动画画实例 上机实习 小结 返回导航
Flash”遮罩层”动画
教学目标
教学内容
教学重难点
教学方法
我是导航页
知识目标
技能目标
情感目标
使学生了解遮 罩动画的原理；
能理解遮罩层 与被遮罩层的关系；
能将普通图层 转换成遮罩层，并 实现遮罩效果。
能从动画实例 的分析中获取制作 方法，并实现动画 制作；
培养学生自主 学习和探究问题的 能力。
激发学生进一步学 习动画制作的兴趣;
Page 15
返 回动画实例
点我 看思路
【设计思路】
遮罩动画 教学过程
基本概念 动画实例 上机实习 小结 返回导航
导入一幅有瀑布的图片到图层1设置其大小为舞台大小，并放
置开舞台的中央位置，然后将其打散，用套索工具将有水的地方 选中，然后复制所选内容，插入一新图层，将复制的内容利用 “粘贴到当前位置”粘贴在新图层中并将其转换为图形元件，并 将元件向左或右或上或下移动一到两个像素位置。
同学们可以通过模拟本章的实例来进一
步熟悉遮罩工具。在制作时，请同学们从 遮罩的原理出发，并充分发挥自己的创意， 从而创作出更为生动有趣的Flash作品。
返回导航
别忘了返回导航 还有课后练习哦
Page 24
课件使用帮助
这节课是清华大学出版社出版的《信息技术》八年级上册、第三单元第12 课。本课以制作遮罩动画为主要内容，掌握遮罩层、被遮罩层的概念、了解遮罩 动画原理并学会使用遮罩层。学生已经掌握了Flash动画的基础操作，能够利用 图层制作逐帧、补间等多种形式的动画。学生在学习本课之前已学习制作滚动皮 球和再现准确投篮动画。
我认为关键是 区分遮罩层和 被遮罩层……
返回导航
Page 11
返 回基本概念
遮罩动画 教学过程
基本概念 动画实例 上机实习 小结 返回导航
文字遮罩动画实例
百叶 窗
画轴
瀑布
水波荡漾
Page 12
遮罩动画 教学过程
基本概念 动画实例 上机实习 小结 返回导航
文字遮罩动画实例
点我 看思路
点我 看思路
Page 13
插入图形元件，利用刷子工具画许多条波浪形状的线条，宽度
要同图片的宽度，高度要大于刚才所复制内容的高度。
回到场景中，插入一个新图层，将图形元件拉进舞台中，然后
分别在30和60帧插入关键帧，并将30帧的图形元件移动位置， 然后创建补间动画。
将此图层设置为遮罩层。
Page 16
返 回动画实例
画轴的动画效果：
被遮罩层
Page 10
返 回基本概念
遮罩动画的实现方法
遮罩动画 教学过程
你能概括出制作遮罩效果的三 个主要步骤吗？
基本概念 动画实例 上机实习
然后在普通层上方新 建一个图层，在其中 创建一个对象或一段 动画用来遮罩对象。
我认为首先要在 在普通层中创建 要显示的内容。
小结
接着将上方的图层转换 为遮罩层即可完成一个 遮罩动画的创建。
基本概念 动画实例 上机实习 小结 返回导航
遮罩动画的基本概念
01
案例导入
请点击进入 四个子项目
02
基本原理
03
基本构成
04
实现方法
Page 6
遮罩动画 案例一
教学过程
基本概念 动画实例 上机实习 小结 返回导航
利用遮罩制作的一个探照灯效果 （通过拖动圆来改变可看的内容）
更多 案例 点这 里
Page 7
返 回基本概念
遮罩动画 教学过程
基本概念 动画实例 上机实习 小结 返回导航
课堂激趣导入
案例二：小惊喜，请同学们按住左 键不放拖动，你会有惊喜的发现哦！
Page 8
返 回基本概念
遮罩动画 教学过程
基本概念 动画实例 上机实习 小结 返回导航
遮罩动画的基本原理
只有遮罩层覆盖的区域才能显示出被遮罩层的内 容来，没有遮罩层覆盖的区域，不会显示任何内容。 在一个遮罩动画中，“遮罩层”只有一个，“被遮罩 层”可以有任意个。
Page 23
小结
遮罩动画 教学过程
基本概念 动画实例 上机实习 小结
遮罩是Flash中的重要工具，其功能强
大，使用方法却很简单，许多优秀的Flash 作品中都有其身影，希望大家能熟练掌握 并灵活运用遮罩技术。本章通过大量的遮 罩实例，由浅入深地介绍了遮罩效果，为 同学们全面展示了遮罩动画的魅力。
插入一个画轴图形元件，在此元件中画一根画轴。
插入一个画轴头图形元件，在此元件中画两端的画轴头。
回到场景中，插入一新图层，将矩形元件拖入到此图层中，将
将元件旋转在图片的中间位置，然后在90帧插入关键帧，并在 90帧的时候将矩形的宽度拉成图片的宽度并创建补间动画，然 后设置其为遮罩层。
Page 18
（1）课程内容：制作遮罩动画（2）课时安排：40分钟 （3）所属学科：信息技术 （4）教学对象：初二年级学生
返回导航页
谢谢各位专家
上机实习
遮罩动画 教学过程
基本概念
动画实例
任务二：模拟“物体在管道中下落的效果（学有余力者做）
【设计效果】
使用遮罩效果模拟现实生活中物体在管道中 下落的运动效果，动画中使用简单的箭头图 形来代表物体和管道，物体以不变的速度在 管道中下落，在转弯处自动改变方向，最后 的设计效果如图所示。
上机实习
小结 返回导航
返 回动画实例
遮罩动画 教学过程
任务一 制作“地球旋转效果” 【设计效果】
基本概念 动画实例
本例将使用多重遮罩的方法制作一个
地球旋转的动画。蓝色背景中的地球模 型均匀转动，可以清晰地看到其上的大 陆版块图，最终效果如图所示。
上机实习
小结 返回导航
Page 21
遮罩动画 教学过程
任务一 制作“地球旋转效果” 【设计思路】
遮罩动画 教学过程
基本概念 动画实例 上机实习 小结 返回导航
Page 17
返 回动画实例
点我 看思路
【设计思路】
遮罩动画 教学过程
基本概念 动画实例 上机实习 小结 返回导航
导入一幅图片到图层1设置其宽大于高，并放置在舞台的合适
位置。
插入一个矩形图形元件，并在此元件中利用矩形工具画竖长条
矩形，高度大于图片的高度。
基本概念 动画实例 上机实习 小结 返回导航
首先制作蓝色方格背景。 然后制作半透明圆形球体作为 遮罩层。接着利用勾勒出来的 大陆版块作为被遮罩层。圆形球体 是不运动的，但如果让被遮罩的大 陆版块运动起来，圆形球体看起来 就是运动的。 对大陆版块要分正面和背面， 因此需要使用多个被遮罩层。
Page 22
返 回动画实例
水波荡漾的动画效果：
遮罩动画 教学过程
基本概念 动画实例 上机实习 小结 返回导航
Page 19
返 回动画实例
点我 看思路
【设计思路】
遮罩动画 教学过程
基本概念 动画实例 上机实习 小结 返回导航
1. 导入一幅图片到图层1设置其宽为舞台宽，高为其一半，
并转换为图形元件，放置于舞台的上半部，插入一新图层， 将图片复制于此图层中，并垂直翻转置于舞台的下半部分， 再插入一个新图层，然后将翻转的图片复制到此图层中，并 将元件向左或右或上或下移动一到两个像素位置。
教学目标
教学内容
教学重难点
教学重、难点
教学方法
重点
将普通图层转化成遮罩 层，并实现遮罩效果；
遮罩动画的原理。
难点
对遮罩层、被遮罩层 的理解;
遮罩效果的分析及其 制作方法 。
结束播放
拓展资源
课后练习
4
教学过程
教学目标
教学内容
教学重难点
教学方法与手段
教学方法
结束播放
拓展资源
课后练习
5
教学过程
遮罩动画 教学过程
2. 插入一个图形元件，并在此元件中利用刷子工具画许多
条波浪形状的线条，宽度要同图片的宽度，高度要大于刚才
所复制内容的高度。
3. 回到场景中，插入一个新图层，将图形元件拉进舞台中，
然后分别在30和60帧插入关键帧，并将30帧的图形元件移
动位置，然后创建补间动画。
4. 将此图层设置为遮罩层。
Page 20
返 回动画实例
【设计思路】
遮罩动画 教学过程
基本概念 动画实例 上机实习 小结 返回导航
导入图片到图层1设置其大小为舞台大小，并放置在舞台的中
央位置。
插入一个图形元件，并在此元件中利用矩形工具画一条长矩形，
宽度要同图片的宽度，高度可自已设置，但不要太高。
再插入一个影片剪辑元件，并将刚建立的图形元件拉入舞台中，
形状 遮罩层
被遮罩层 内容
Page 9
返 回基本概念