结束播放
Page 4
教学过程
教学目标
教学内容
教学重难点
教学方法
教学重、难点
重 点 难 点

学习遮罩动画的概念、 各种表现形式和制作技巧。 了解文字遮罩动画的 制作方法，结合实践巧妙 地运用遮罩设计制作出各 种文字遮罩动画效果。

分析遮罩层内容的 形状。 掌握使用遮罩原理 制作动画的方法和技巧。 了解复杂文字动画 设计的方法和技巧。
Page 10
娄底技师学院机电系
遮罩动画的构成
文教 字学 遮过 罩程 动 画
基本概念
遮罩动画就是使用一个动画层遮住下一个动画 层的一部分或全部，使其部分或全部显示出来的动 画。要创建遮罩动画，至少需要有两层，一层作为 遮罩层，一层作为被遮罩层。 遮罩层
动画实例
上机实习
小
结
被遮罩层
结束播放
Flash CS3
Flash CS3
动画实例
上机实习
疑问？ ：遮罩动画效果
小 结
结束播放
Flash CS3
的颜色、形状、大小、动作 是取决于遮罩层还是被遮罩 层中的对象。
返回
Page 13
娄底技师学院机电系
文字遮罩动画实例
文教 字学 遮过 罩程 动 画
基本概念
波动文字
变色文字
炫动文字
动画实例
上机实习
任意位置文字
反色文字
景。
Flash CS3
插入一个文字层，然后输入
一段文字，并转换为元件。
动画实例
插入一个形状图层，并在相
应位置画一矩形，宽度和高度 最好大于文字块的大小。
上机实习
在文字层相应位置插入关键
帧，第一帧将文字移到矩形块 下面，第二关键帧文字移到矩 形块的上面，创建补间动画。
小
结
结束播放
Flash CS3
结束播放
Flash CS3
返回
娄底技师学院机电系
文教 字学 遮过 罩程 动 画
基本概念
变色文字的动画效果：
变色文字
Flash CS3
【设计思路】
动画实例
上机实习
在最底层（文字1）录入文字，并设置文字为想要的颜色。 插入一个图层（文字2），并将最底层的文字复制到该的同
一位置，并设置为另一种颜色。 再插入一个图层（遮罩条），用矩形工具划一高和长都大 于文字的的长矩形，并转换成元件，然后在该层相应位置插 入关键帧。 在两个关键帧将矩形条的左边分别对齐文字2的最左边和最 右边，并创建补间动画，然后将该层设为遮罩层。 返回
小
结
结束播放
Flash CS3
Page 14
娄底技师学院机电系
文教 字学 遮过 罩程 动 画
基本概念
波动文字的动画效果：
文字遮罩动画实例 波动文字
Flash CS3
【设计思路】
动画实例
上机实习
小
结
在文字1层输入文字。 在文字2层复制文字1层的文字并粘贴在当前位置。 再插入一个图层，并将其置于最底层，然后制做如图所示矩形
条（高度和长度都要大于文字），并转换成元件，在相应位置插 入关键帧，在两个关键帧将矩形条的左边分别对齐文字1的最左 边和最右边，并创建补间动画。 将文字1层设为遮罩层。 返回
Page 15
结束播放
Flash CS3
娄底技师学院机电系
文教 字学 遮过 罩程 动 画
基本概念
炫动文字的动画效果：
炫动文字
Page 17
小
结
结束播放
Flash CS3
娄底技师学院机电系
文教 字学 遮过 罩程 动 画
基本概念
反色文字的动画效果：
反色文字
Flash CS3
【设计思路】
动画实例
上机实习
在图层1画一矩形，并设左右两边 颜色为黑白两色。 在图层2上复制图层1的矩形到当前位置，并将其水平翻转。 在图层3中输入文字并转换成元件，然后在相应帧插入关
结束播放
Flash CS3
Page 22
娄底技师学院机电系
机电系
键帧，并在第一帧将文字移到矩形左边，在最后一个关键帧 将文字移到矩形中间，创建补间动画。 将图层3设为遮罩层。
小
结
结束播放
Flash CS3
思考：能不能实现红绿两种颜色的文字。
Page 18
返回
娄底技师学院机电系
舞台任意位置显示文字
文教 字学 遮过 罩程 动 画
基本概念
舞台任意位置显示文字的动画效果： 【设计思路】 在最底层选取一幅图片做背
返回
Page 9
娄底技师学院机电系
遮罩原理实例
文教 字学 遮过 罩程 动 画
基本概念
先来看两个遮罩的范例，如图所示，不论是左 侧图中在单色背景上，还是右侧图中在图片上，都 是以一个不规则的图形作为遮罩，控制另一幅图片 的显示区域。
动画实例
上机实习
小
结
结束播放
Flash CS3
Flash CS3
返回
基本概念
动画实例
遮罩作为一个专有名词来源印刷领域， 可以把它看作是一个带孔的画布，孔可以 是任意的形状，遮盖在具有丰富动画内容 的图层之上，然后通过这个画布中的孔来 观看被画布覆盖的其他动画层中的运动对 象，这就是遮罩的基本原理，而这个孔也 就是用户要绘制编辑的区域。
上机实习
小
结
结束播放
Flash CS3
注：一个遮罩层下可以有多个被遮罩层！
下一张
Page 11
返回
娄底技师学院机电系
遮罩动画的构成
文教 字学 遮过 罩程 动 画
基本概念
说明：


疑问？轮廓线制作的图形
可不可以用做遮罩项目？
遮罩项目可以是填充的形状、文字对象、图形元 件的实例或影片剪辑。 将多个图层组织在一个遮罩层下可创建更加复杂 的遮罩效果。 若要创建动态效果，可以让遮罩层或被遮罩层动 起来。对于用作遮罩的填充形状，可以使用补间形状； 对于类型对象、图形实例或影片剪辑，可以使用补间 动画。
Flash CS3
【设计思路】
动画实例
上机实习
小
结
在最底层选取一幅图片做背景，并将图层转换成元件。 插入一个新图层，并输入文字。 在图片层的相应帧插入关键帧，并在两个关键帧的位置分别
将图片的不同端对齐文字，然后创建补间动画。 将文字所在的层设为遮罩层。 时间轴的设置如下图所示：
Page 16
娄底技师学院机电系
上机实习
文教 字学 遮过 罩程 动 画
基本概念
思考与练习
图所示。
思考如何利用遮罩制作放大镜效果，如
动画实例
上机实习
小
结
结束播放
Flash CS3
Page 21
娄底技师学 画
基本概念

动画实例
上机实习
小
结
遮罩是Flash中的重要工具，其功能强大， 使用方法却很简单，许多优秀的Flash作品中 都有其身影，希望读者能熟练掌握并灵活运 用遮罩技术。本章通过大量的文字遮罩实例， 由浅入深地介绍了文字遮罩效果，为读者全 面展示了文字遮罩动画的魅力。 读者可以通过模拟本章的实例来进一步 熟悉文字遮罩工具。在制作时，请读者从遮 罩的原理出发，并充分发挥自己的创意，从 而创作出更为生动有趣的Flash作品。 下一讲我们将学习遮罩在图片中的应用。
教学 环节 时间 分配
4.归纳小结时间 5.作业布置时间 6.上机操作时间
教学 后记
授课人：曾松元
机电系
教学目标
教学内容
教学重难点
教学方法
教学目标
知识目标 技能目标 情感目标
了解遮罩层的 掌握创建文 工作原理和图标； 字遮罩动画的方 掌握文字遮罩 法； 动画的制作要点。 培养学生 想象能力和合作 能力。
动画实例
上机实习
小
结
疑问？ 遮罩层动起来的
结束播放
Flash CS3
效果和被遮罩层动起来的 动画效果有什么不同？
Page 12
返回
娄底技师学院机电系
文教 字学 遮过 罩程 动 画
基本概念
遮罩动画的实现方法
制作遮罩动画的具体操作如下。 （1）在普通层中创建要显示的内容。 （2）在普通层上方新建一个图层，在其 中创建一个对象或一段动画用来遮罩对象。 （3）将上方的图层转换为遮罩层即可完 成一个遮罩动画的创建。
将形状图层设为遮罩层。
Page 19
返回
娄底技师学院机电系
上机实习
文教 字学 遮过 罩程 动 画
基本概念
一、上机制作本讲所讲的文字遮罩动画。
【实训目的】 Flash是一个工具软件，只有通过大量的练习和
思考，才能提高我们的动画制作水平。
动画实例
上机实习
小
结
结束播放
Flash CS3
Page 20
结束播放
Page 3
激发学生学习 动画的兴趣，培 养学生的动手能 力和创造力，体 验成功的喜悦。
教学过程
教学目标
教学内容
教学重难点
教学方法
教学内容
理解遮罩层与被遮罩层的概念。
理解遮罩动画产生的设计原理。
了解多层遮罩动画的运用。
掌握使用遮罩原理制作文字遮罩动画的方 法和技巧。 了解复杂文字遮罩动画设计的方法和技巧。
动画实例
上机实习
小
结
结束播放
Flash CS3
Page 7
娄底技师学院机电系
遮罩动画的基本概念
文教 字学 遮过 罩程 动 画
基本概念
目录