信息技术Flash的遮罩动画课件.ppt

1、FlashFlash的遮罩动画的遮罩动画 课题：课题：FlashFlash的遮罩动画的遮罩动画教学目标：1.知道遮罩层的含义；2.理解遮罩层的作用；3.知道获取信息的主要途径。教学重点教学重点：理解遮罩层的含义教学难点：教学难点：如何制作遮罩动画教学方法教学方法：讲解、演示、分组讨论法教学过程：教学过程：一、课程导入：一、课程导入：二、新课讲授：二、新课讲授：知识要点知识要点理解遮罩图层的含义和作用理解遮罩图层的含义和作用 掌握创建遮罩层的方法掌握创建遮罩层的方法理解遮罩与被遮罩的关系理解遮罩与被遮罩的关系掌握遮罩动画的制作要点掌握遮罩动画的制作要点 遮罩层简介遮罩层简介 遮罩动画通过遮罩层创

2、建。遮罩层是一种特遮罩动画通过遮罩层创建。遮罩层是一种特殊的图层，使用遮罩层后，遮罩层下面的被遮罩殊的图层，使用遮罩层后，遮罩层下面的被遮罩层中的内容就像透过一个窗口显示出来一样，这层中的内容就像透过一个窗口显示出来一样，这个窗口的形状即为遮罩层中的内容形状。当在遮个窗口的形状即为遮罩层中的内容形状。当在遮罩层中绘制对象时，这些对象具有透明效果，可罩层中绘制对象时，这些对象具有透明效果，可以显示出图形位置的背景。以显示出图形位置的背景。遮罩动画遮罩层的作用：可以透过遮罩层内的图形看到其下面图层的内容，而不可以透过遮罩层内的无图形处看其下面图层的内容。可制作图像文字、电影文字、图像的动态切换和探

3、照灯效果等。遮罩动画至少要有两个层（遮罩层和被遮罩层）的配合才能完成。创建遮罩层：右单击需设为遮罩层的普通层层名单击快捷菜单中的Mask。注意：若该层下面有一普通层，系统将自动为其与遮罩建立关联，即将其设为被遮罩层。遮罩动画建立与取消普通层与遮罩层的关联。建立：方法一：用鼠标将已经存在的普通层拖曳到遮 罩层下面。方法二：在建立一个新的遮罩层的同时系统自动 与其下面的普通层建立关联。具体操 作：选中一个普通层，在图层属性对话 框中选中Mask单选项。取消：方法一：用鼠标将被遮罩的图层拖曳到遮罩层 的上面。方法二：选中被遮罩图层，在图层属性对话框 中选中Normal单选项。遮罩动画例6-9 制作一

4、个动画，使其中的文字能在运动中改变颜色。解 根据题意，可以先制作一个运动文字层作为遮罩层（mask），另外再制作一个被遮罩层（masked），在其中导入一幅背景画作为运动中文字的颜色。遮罩动画操作步骤如下：单击Main工具栏中的New按钮。制作运动文字层，并取名为Text：将图层重命名为Text；在第1帧工作区中输入“文字变色动画”，并使用箭头工具将其调整到运动开始位置；在第30帧按F6键创建关键帧，使用箭头工具将文字调到结束位置；将鼠标移到时间轴的第1帧，单击鼠标右键打开快捷菜单，选择Create Motion Tween命令，创建运动动画。遮罩动画 制作背景层，并取名为BG：单击图层操作区

5、中的Insert Layer（插入层）按钮，插入一个图层并重命名为BG；选择File/Import命令，导入背景图片文件。调整图层顺序。在图层操作区，将BG层拖到Text层下面。将Text层和BG层分别设为mask层和masked层：将鼠标移到图层操作区的Text层，单击鼠标右键打开快捷菜单，选择Mask命令。单击播放工具栏中的播放按钮，观看播放效果。保存文件。遮罩动画实例遮罩动画实例画卷画卷 1）导入）导入“画画.jpg”图形素材到场景中。图形素材到场景中。新建一个图层，在其中绘制矩形。新建一个图层，在其中绘制矩形。2）在）在“图层图层2”中创建矩形由上向下伸展的动作中创建矩形由上向下伸展的

6、动作补间动画。补间动画。3）将）将“图层图层2”转换为遮罩层，使矩形对下方的转换为遮罩层，使矩形对下方的画卷进行遮罩。画卷进行遮罩。4）新建一个图层，绘制画轴图形，并创建动作补）新建一个图层，绘制画轴图形，并创建动作补间动画。间动画。“画卷画卷”最终效果图最终效果图 制作遮罩动画与动作补间动画制作遮罩动画与动作补间动画 本例中的遮罩动画是将矩形所在层作为遮本例中的遮罩动画是将矩形所在层作为遮罩层，画卷所在层作为被遮罩层，通过矩罩层，画卷所在层作为被遮罩层，通过矩形的伸展，将其下方的画卷逐渐显示出来。形的伸展，将其下方的画卷逐渐显示出来。遮罩动画的组成遮罩动画的组成 遮罩动画由遮罩层和被遮罩层组

7、成。遮罩层用遮罩动画由遮罩层和被遮罩层组成。遮罩层用于放置遮罩的形状（与颜色无关），如上例中的矩于放置遮罩的形状（与颜色无关），如上例中的矩形。被遮罩层用于放置要显示的图像，如画卷。形。被遮罩层用于放置要显示的图像，如画卷。遮罩层的建立方法遮罩层的建立方法 将普通图层转换为遮罩层的方法有两种：将普通图层转换为遮罩层的方法有两种：1.菜单命令转换菜单命令转换:在要转换为遮罩层的图层上单击鼠标在要转换为遮罩层的图层上单击鼠标右键，从弹出的快捷菜单中选择【遮罩层】命令，即右键，从弹出的快捷菜单中选择【遮罩层】命令，即可将该图层转换为遮罩层，并与其下层图层建立链接可将该图层转换为遮罩层，并与其下层图层

8、建立链接关系。关系。2.使用【图层属性】对话框使用【图层属性】对话框:1）双击要转换为遮罩层的图层图标）双击要转换为遮罩层的图层图标 ，打开【图层属性】，打开【图层属性】对话框。对话框。2）在【类型】栏中选中）在【类型】栏中选中 单选按钮，单击确定按钮。单选按钮，单击确定按钮。3）此时图层图标由）此时图层图标由 变为变为 。4）双击遮罩图层下层的图层图标）双击遮罩图层下层的图层图标 ，在打开的【图层属，在打开的【图层属性】对话框中选中性】对话框中选中 单选按钮，即可在遮罩层与其下单选按钮，即可在遮罩层与其下的图层之间创建链接关系。的图层之间创建链接关系。遮罩层遮罩层/被遮罩层说明被遮罩层说明

9、遮罩层图标为遮罩层图标为 。将图层转换为遮罩层，。将图层转换为遮罩层，并与下方的图层建立链接关系后，被遮罩层图标比并与下方的图层建立链接关系后，被遮罩层图标比遮罩层图标缩进一格。遮罩层下层的图层图标将更遮罩层图标缩进一格。遮罩层下层的图层图标将更改为被遮罩层图标改为被遮罩层图标 ，成为被遮罩层。被遮罩层，成为被遮罩层。被遮罩层中的内容会透过遮罩层中的填充区域显示出来。中的内容会透过遮罩层中的填充区域显示出来。遮罩动画制作方法遮罩动画制作方法 遮罩动画的制作原理就是通过遮罩层来决定遮罩动画的制作原理就是通过遮罩层来决定被遮罩层中的显示内容，以此出现动画效果。制被遮罩层中的显示内容，以此出现动画效

10、果。制作简单遮罩动画的具体操作如下：作简单遮罩动画的具体操作如下：1）创建或选取一个图层，在其中设置将在遮）创建或选取一个图层，在其中设置将在遮罩中出现的对象。罩中出现的对象。2）选取该图层，再单击图层区域的）选取该图层，再单击图层区域的 按钮，按钮，在其上新建一个图层。在其上新建一个图层。3）在遮罩层上编辑图形、文字或元件的实例。）在遮罩层上编辑图形、文字或元件的实例。4）选取作为遮罩层的图层，单击鼠标右键，）选取作为遮罩层的图层，单击鼠标右键，在弹出的快捷菜单中选择【遮罩层】命令。在弹出的快捷菜单中选择【遮罩层】命令。5）锁定遮罩层和被遮住的层即可在）锁定遮罩层和被遮住的层即可在Flash

11、中显中显示遮罩效果。示遮罩效果。遮罩的用途遮罩的用途 1.用在整个场景或一个特定区域，使场景外的用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见对象或特定区域外的对象不可见;2.用来遮罩住某一元件的一部分，从而实现一用来遮罩住某一元件的一部分，从而实现一些特殊的效果。些特殊的效果。电影序幕，菜单的显示与隐藏电影序幕，菜单的显示与隐藏百叶窗效果百叶窗效果放大镜、探照灯效果放大镜、探照灯效果小小 结结 制作遮罩动画之前一定要思路清晰，想好哪制作遮罩动画之前一定要思路清晰，想好哪部分内容应放在遮罩层，哪部分内容应放在被遮部分内容应放在遮罩层，哪部分内容应放在被遮罩层，否则得不到预想的效果。需要注意的是，罩层，否则得不到预想的效果。需要注意的是，刚才制作的遮罩动画是在遮罩层上创建动作补间刚才制作的遮罩动画是在遮罩层上创建动作补间动画，同学也可以在被遮罩层中制作出动态效果，动画，同学也可以在被遮罩层中制作出动态效果，来实现遮罩动画的效果。来实现遮罩动画的效果。