FlashCS6中文版基础教程：第15章 创建遮罩动画

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组合键，测试遮