内容发布更新时间 : 2024/11/20 2:46:47星期一 下面是文章的全部内容请认真阅读。

《Flash CS3 遮罩动画》教学设计

一、学习目的

1、了解遮罩图层的含义及遮罩的制作过程。

2、掌握遮罩动画的制作方法及其动画分类、综合应用。

二、实训任务

1、制作彩色移动文字效果。 2、制作卡拉OK文字效果。 3、制作扫光字效果。

4、制作背景移动文字效果。 5、制作画卷效果。 6、制作开门式切换效果。 7、制作水波效果。 8、线性图片切换效果。

三、知识理论基础

在Flash CS3中实现“遮罩”效果有二种做法，一种是用补间动画的方法，一种是用Actions（简称AS）指令的方法，在此仅介绍第一种做法。

1、遮罩动画的概念

（1）什么是遮罩：“遮罩”，顾名思义就是遮挡住下面的对象。 在Flash CS3中，“遮罩动画”也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地，在一个遮罩动画中，“遮罩层”只有一个，“被遮罩层”可以有任意个，如图1所示。

图1 图层五为遮罩层 图层1-图层4均为被遮罩层

（2）遮罩有什么用：在Flash CS3动画中，“遮罩”主要有2种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。

2、创建遮罩的方法 （1）创建遮罩

在Flash CS3中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。你只要在要某个图层上单击右键，在弹出菜单中把“遮罩”前打个勾，该图层就会生成遮罩层，“层图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为

“被遮罩层”,在缩进的同时图标变为，如果你想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就行了，如图2（1）（2）所示，把红色圆形层设为遮罩层，学校图片层设为被遮罩层有前后效果对照。

（1）红色圆层和学校图片层设置遮罩与被遮罩前的效果

（2）红色圆层和学校图片层设置遮罩与被遮罩后的效果

图2

从图2可看出，通过创建遮罩与被遮罩后，最终的效果是只能看到被遮罩形状的效果（即是红色圆形内的内容，其它区域就无法看到了。

创建遮罩的方法有：（以图2（1）为例）

右击“圆形”图层，如图3（1）所示，在弹出的快捷菜单中，选择“遮罩层”即 可。

右击“圆形”图层，如图3（1）所示，在弹出的快捷菜单中，选择“属性”，在 弹出的对话框中选择“遮罩层”，如图3（2）所示

（1）创建遮罩方法一

（2）创建遮罩方法二

图3

创建被遮罩层的方法：

只要创建了“遮罩层”后，它会自动把遮罩层的下一层（如2（1）图中的学校图 片层）设为被遮罩层。