1第15章 创建遮罩动画在本章在本章节中，我中，我们除了除了为大家介大家介绍遮罩的基本知遮罩的基本知识，，还结合合我我们的的实际经验介介绍一些遮罩的一些遮罩的应用技巧，最后通用技巧，最后通过制作一制作一个遮罩个遮罩动画的范例，以加深画的范例，以加深对遮罩原理的理解，遮罩如遮罩原理的理解，遮罩如图15-1所示在在Flash中中实现遮罩效果有两种做法，一种是用遮罩效果有两种做法，一种是用创建建【【补间动画的画的】】方法；另一种是用方法；另一种是用actions指令的方法在平指令的方法在平时制制作作动画的画的过程中，我程中，我们最常用的是第一种方法在本章最常用的是第一种方法在本章节中中我我们主要学主要学习利用利用【【补间动画画】】创建遮罩建遮罩动画的方法画的方法 215.1 遮罩的原理在在Flash中，遮罩中，遮罩动画也确画也确实是通是通过遮罩遮罩层来达到有来达到有选择地地显示位于其下方的被遮罩示位于其下方的被遮罩层中内容的目的在一个遮罩中内容的目的在一个遮罩动画画中，遮罩中，遮罩层只有一个，被遮罩只有一个，被遮罩层可以有任意多个，如可以有任意多个，如图15-2所示遮罩遮罩动画主要有两种用途，一个是用在整个画主要有两种用途，一个是用在整个场景或一个特定景或一个特定区域，使区域，使场景外的景外的对象或特定区域外的象或特定区域外的对象不可象不可见；另一个；另一个是用来遮罩住某一元件的一部分，从而是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。
一些特殊的效果 315.2 创建和取消遮罩层我我们可以在遮罩可以在遮罩层、被遮罩、被遮罩层中分中分别或同或同时使用形使用形状状补间动画、运画、运动补间动画、引画、引导层动画等画等动画手画手段，从而使遮罩段，从而使遮罩动画效果更加丰富多彩，如画效果更加丰富多彩，如图15-3所示要在要在场景中景中显示遮罩效果，可以示遮罩效果，可以锁定遮罩定遮罩层和被遮和被遮罩罩层，如，如图15-4所示 415.2.1 创建遮罩层在在Flash中并没有一个中并没有一个专门的按的按钮来来创建遮罩建遮罩层，，遮罩遮罩层都是由普通都是由普通图层转化而成的化而成的下面我下面我们来具体演示遮罩来具体演示遮罩层的的创建以及一些使用技建以及一些使用技巧1) 首先打开一个场景文件，如图15-5所示2) 在【图层1】的第50帧，按F6键添加关键帧，如图15-6所示 515.2.1 创建遮罩层(3) 单击【新建图层】按钮，创建一个新的图层，如图15-7所示4) 使用【工具】面板中的绘图工具，在【图层3】中绘制图形，如图15-8所示5) 在【图层3】的名称上右击，在弹出的快捷菜单中选择【遮罩层】命令，如图15-9所示 615.2.1 创建遮罩层(6) 这样就创建了一个最简单的遮罩层，如图15-10所示。
7) 遮罩层很少单独使用，只有通过与【补间动画】的结合才能制作出丰富的效果，我们来添加两个简单的补间动画来实现一些简单的动画效果在【图层3】的第50帧，按F6键插入关键帧，如图15-11所示8) 单击【图层3】的50帧，使用【工具】面板中的【任意变形工具】调整图形的大小，如图15-12所示 715.2.1 创建遮罩层(9) 在【图层3】的第1帧到第50帧之间右击，在弹出的快捷菜单中选择【创建补间形状】动画命令，创建形状补间动画，如图15-13所示10) 测试动画，观察遮罩动画的效果，如图15-14所示 815.2.2 取消遮罩层在学在学习了了创建遮罩建遮罩层之后，我之后，我们来学来学习如何取消遮如何取消遮罩效果1) 接着上一小节的演示，在【图层3】的名称上右击，弹出其快捷菜单，如图15-15所示2) 选择【遮罩层】命令，将遮罩层转换为普通图层，如图15-16所示 915.2.2 取消遮罩层这样就取消了遮罩就取消了遮罩层，也就是将遮罩，也就是将遮罩层转换为普通普通图层在遮罩层中所中所绘制的制的图形也不再具有遮罩形也不再具有遮罩图层的效果，如的效果，如图15-17所示 1015.3 上机实践操作本范例源文件：本范例源文件：\15\帆船帆船.fla。
本范例完成文件：本范例完成文件：\15\遮罩帆船遮罩帆船.fla多媒体教学路径：光多媒体教学路径：光盘→多媒体教学多媒体教学→第第15章 1115.3.1 实例介绍和展示本例通本例通过运用运用【【打开打开】】命令、命令、【【新建元件新建元件】】命令、命令、【【新建新建图层】】按按钮、、绘图工具和工具和【【遮罩遮罩】】命令来制命令来制作帆船遮罩效果效果如作帆船遮罩效果效果如图15-18所示 1215.3.2 绘制遮罩图形(1) 首先打开第首先打开第15章的章的实例文件，如例文件，如图15-19所示2) 按按Ctrl+F8组合合键，打开，打开【【创建新元件建新元件】】对话框，框，选择【【类型型】】为【【图形形】】，并把，并把该元件重新命名元件重新命名为“遮罩遮罩图形形”，如，如图15-20所示 1315.3.2 绘制遮罩图形(3) 单击【【确定确定】】按按钮，，进入元件的入元件的编辑界面，如界面，如图15-21所示4) 选择【【工具工具】】面板中的面板中的绘图工具，工具，绘制如制如图15-22所示的所示的图形 1415.3.3 制作遮罩动画(1) 绘制完成制完成图形后，形后，单击【【返回返回场景景】】图标，返回到主，返回到主场景。
景2) 确确认【【图层1】】为当前当前图层，，单击时间轴上的上的【【新建新建图层】】按按钮，新建，新建【【图层11】】，如，如图15-23所示3) 在在【【图层11】】的名称上双的名称上双击，将，将该图层重命名重命名为“遮罩遮罩”，如，如图15-24所示 1515.3.3 制作遮罩动画(4) 在在【【库】】中中选择我我们创建的元件建的元件【【遮罩遮罩图形形】】，如，如图15-25所示5) 将将【【遮罩遮罩图形形】】图形元件拖曳到形元件拖曳到【【遮罩遮罩】】图层上，如上，如图15-26所示6) 选择第第20帧，按，按F6键，插入关，插入关键帧并移并移动图形元件的位形元件的位置，如置，如图15-27所示 1615.3.3 制作遮罩动画(7) 选择第第27帧，按，按F6键，插入关，插入关键帧并保持并保持图形形元件位置不元件位置不变，如，如图15-28所示8) 选择第第50帧，按，按F6键，插入关，插入关键帧，将，将图形元形元件的位置向上拖曳，如件的位置向上拖曳，如图15-29所示9) 在第在第1帧到第到第20帧之之间右右击，在，在弹出的快捷菜出的快捷菜单中中选择【【创建建传统补间】】命令，命令，创建建补间动画，如画，如图15-30所示。
所示 1715.3.3 制作遮罩动画 (10) 在第在第20帧到到27帧之之间右右击，在，在弹出的快捷菜出的快捷菜单中中选择【【创建建传统补间】】命令，命令，创建新的建新的补间动画，如画，如图15-31所所示11) 在第在第27帧到第到第50帧之之间右右击，在，在弹出的快捷菜出的快捷菜单中中选择【【创建建传统补间】】命令，如命令，如图15-32所示12) 在在【【遮罩遮罩】】图层名称上右名称上右击，在，在弹出的快捷菜出的快捷菜单中中选择【【遮罩遮罩层】】命令，如命令，如图15-33所示 1815.3.3 制作遮罩动画(13) 创建完成遮罩建完成遮罩层后的后的时间轴，如，如图15-34所示14) 按按Ctrl+Enter组合合键，，测试遮罩遮罩动画效果，如画效果，如图15-35所示 1915.4 操 作 练 习结合合实例的制作方法，找出几例的制作方法，找出几张自己喜自己喜欢的照片，的照片，导入到入到Flash中；然后多中；然后多创建几个建几个图层，分，分别将照将照片放置片放置进去；最后去；最后结合合实例中所用到的方法，制作例中所用到的方法，制作一个相片展示的一个相片展示的Flash幻灯片幻灯片动画。
效果如画效果如图15-36所示。