Flash中的遮罩动画效果

Flash中的遮罩动画效果

教学目标

1．通过实例教学使学生理解Flash中遮罩的含义及原理；

2．通过实例教学使学生学会遮罩图层的建立和遮罩效果的实现方法；

3．使学生学会在排序面板中对对象进行排序；

4．学会分析他人的Flash作品并学习其中使用的技术、技巧

5．通过整个教学过程，培养学生的自学能力与小组合作、创新精神。 教学内容

1．FLASH中遮罩动画效果；

2．FLASH中遮罩动画的原理；

3．遮罩层的定义；

4．遮罩动画的实现过程。

教学重点及难点

1．遮罩原理；

2．遮罩动画的制作步骤。

教学方法

1．利用多媒体课件教学；

2．以实例演示为设计思想；

3．通过实例教学，使学生掌握设计方法。

教学过程

一、教学引入：

上节我们学习了flash中形状补间动画的制作方法（简单的演示制作）下面我们共同来观看几个作品，看看大家有什么想法

展示作品。1、打开画卷效果。2、毛笔书写效果3、水波效果。4、星光闪闪

运用“遮罩”这种效果可以制作出许多美妙的动画。

下面我们就以打开画卷这个实例来学习遮罩层的使用。

画卷打开的制作步骤

（1）在图层1上导入图片，调整图片的大小略小于背景，边界留20像素以上，以备放画卷轴。延长帧到60帧，调整好大小后锁定该层

（2）添加图层2，命名为“遮罩”。选择“无笔触色”，画一个和图片一样大小的矩形。在第60帧按F6键插入关键帧。选择第1帧，打开“信息”面板，注册点选择左上角，在宽度项中输入“1”，如下图所示。设置好后后，可看到在第1帧矩形变成一条线，放在图片左边沿处。设置补间为“形状”。

（3）添加图层3，命名为“轴1”。打开“混色器”面板，选择“线性”渐变色，设置两端较暗中间较亮的颜色画卷轴。高度和图片高度一样。画一个颜色更暗一些的

小矩形，放在卷轴上端，模拟轴心。复制一个同样的小矩形放在卷轴下端，同时选中卷轴和两个轴心，按F8键转换影片剪辑元件，命名为“卷轴”。设置好场景如下图：

（4）添加图层4，命名为“轴2”，从元件库中将“卷轴”导入，和“轴1”并排放置，如上图所示

（5）在“轴2”层第60帧按F6键插入关键帧，将卷轴向右移动到图片右边沿。按下回车键观看卷轴是否和遮罩层的矩形同步动作。如果能够同步，下一步选中遮罩层，选择右键菜单命令“遮罩层”即可完成。

这主要是利用遮罩层下层的内容随着遮罩层的变化实现画卷逐渐展开的效果。因第一帧遮罩层的矩形是一条竖线，所以被遮罩的图片只显示一竖线，而这竖线又被卷轴盖着，所以看不到图片，随着遮罩层的展宽，图片显示面积也加大，让上层的卷轴也同时向右移动，就好像卷轴上展开的画了。

2．遮罩的原理：

（1）遮罩是需要通过两层实现的，上一层叫遮罩层，下一层叫被遮罩层。

（2）遮罩结果显示的是二层的叠加部分，上一层决定看到的形状，下一层决定看到的内容。我们通常也把遮罩层叫做“透通区”，即透过上一层看下一层的内容。

（3）遮罩显示结果的色彩由被遮罩层的色彩决定，即可通过辩别色彩的来源来确定哪一层为被遮罩层。

3．提出问题：（1）在刚才的动画中，如果改变两层的顺序，再利用“遮罩”效果，制作出的动画会有什么改变？

三、总结：

本节课主要讲解如何利用Flash中的遮罩来制作动画。通过这节课的学习，同学要掌握以下的几个概念：

1．要产生遮罩，至少要有两层：遮罩层和被遮罩层。

2．遮罩层决定看到的形状，被遮罩层决定看到的内容。即用遮罩层的可显示区域（即通透区）来显示被遮罩层的内容。

3．遮罩层与被遮罩层的设置及取消方法。

四、教学设计的特色

在整个教学设计中，我感觉比较有特色的是：

1、转换教学方式。避免了直接的知识讲解，通过一系列递进式的实例，学习由被动接受学习变为愉快的自主学习。体现在任务驱动下，教师将知识设计于实例中，通过实例的学习，让学生愉快的接受知识。

2、鼓励自主学习。在学生完成实例操作的过程中，不断设置疑问，要求学生观察分析，

教师不是高高在上的知识传授者，而是学生学习的指路人。