1.遮罩动画的概念
遮罩动画是运用遮罩制作的动画。与运动引导层动画类似，在Animate CC中遮罩动画的创建也至少需要两个图层才能完成，这两个图层分别是遮罩层和被遮罩层。其中，位于上方用于设置遮罩范围的层为遮罩层，而位于下方的层则是被遮罩层。遮罩层如同一个窗口，通过它可以看到其下被遮罩层中的区域对象，而被遮罩层中区域以外的对象将不会显示，遮罩层的特点是遮罩层绘制的区域为可见区域。
遮罩动画可以产生一些特殊的效果，如探照灯、水中涟漪、百叶窗、放大镜等效果。
遮罩动画是一种特殊的Animate动画类型。在制作遮罩动画时，需要在动画图层上创建一个遮罩层。当播放动画时，只有被遮罩层遮住的内容才会显示，而其他部分将被隐藏起来。遮罩层本身在动画中是不可见的。
在制作遮罩动画时需要注意，一个遮罩层下可以包括多个被遮罩层，但按钮内部不能有遮罩层，也不能将一个遮罩应用于另一个遮罩。
遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要使用线条，可以将线条转化为“填充”。
可以在遮罩层、被遮罩层中分别或同时使用补间动画、路径动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。
2.创建遮罩动画
遮罩动画至少要有两个图层，上层是设置了遮罩范围的遮罩层，遮罩层中的对象可以是填充的形状、文字对象、图形元件的实例或影片剪辑。下层是被应用遮罩的图层，可以是一个或多个图层。遮罩层决定形状，被遮罩层决定显示的内容。
创建遮罩层最简便的方法是使用“遮罩层”命令，操作步骤为:首先在“时间轴”面板中选择需要设置为遮罩层的图层。然后单击鼠标右键，从弹出的快捷菜单中选择“遮罩层”，即可将当前图层设为遮罩，用遮罩层中的形状来显示被遮罩层中的图像。
遮罩层其实是由普通图层转化而来的，Animate CC会忽略遮罩层中的位图、渐变色、透明、颜色和线条样式。
下面通过制作“放大镜”动画实例来理解遮罩层的作用。
【例4-8】创建遮罩动画——放大镜。
(1)新建一个ActionScript 3.0的文件，并保存为“放大镜.fla”。在“属性”面板中设置舞台的大小:宽度350像素，高度200像素。
(2)将图层1改名为“小文字”，并在舞台上输入文字“樱花校园”(字体大小30磅，间距50)。在第50帧插入普通帧。
(3)导入一张放大镜图片到“库”面板中。新建“放大镜”图层。在第1帧位置将放大镜图片拖到舞台上，并移到第一个文字上。在第50帧插入关键帧，并将放大镜图片移到最后一个文字上。在第1帧和第40帧之间鼠标右键单击，在弹出的菜单中选择“创建传统补间”命令，创建动作补间。
(4)新建“大文字”图层。输入文字“樱花校园”，比小文字大(字体大小60磅，间距50)。将大文字移动到小文字上，左边对齐。
(5)新建“遮罩”图层。在第1帧绘制一个圆(大小与大文字相似)，将其转换为元件，并将其移到第一个文字上，如图4-29所示。在第50帧插入关键帧，并将圆移到最后一个文字上，如图4-30所示。在第1帧和第50帧之间创建动作补间。
图4-29 第1帧的遮罩图形
图4-30 第50帧的遮罩图形
(6)选择“遮罩”图层，单击鼠标右键，在弹出的菜单中选择“遮罩层”命令，使当前图层变为遮罩层。“时间轴”面板如图4-31所示。
图4-31 设置了遮罩的“时间轴”面板
(7)遮罩动画完成。测试影片，效果如图4-32所示。
图4-32 放大镜遮罩动画
本章小结
动画是构成多媒体的重要内容之一，具有表现力强、直观生动等特点。计算机动画是在传统动画的基础上，采用计算机图形图像技术而发展起来的新技术。
本章主要介绍了动画的基本原理过程、动画的分类和动画的应用。讲述了使用Adobe Animate制作二维网页动画。重点讲解了逐帧动画、补间动画、运动引导层动画和遮罩动画的概念、技术要点以及制作过程。
习 题
一、单选题
1.在Adobe Animate CC时间轴上，选取连续的多帧或选取不连续的多帧时，分别需要按( )键后，再使用鼠标进行选取。
A.Shift，Alt B.Shift，Ctrl C.Ctrl，Shift D.Esc，Tab
2.下列关于舞台的说法不正确的是( )。
A.舞台是编辑动画的地方
B.影片生成发布后，观众看到的内容只局限于舞台上的内容
C.场景和舞台上内容，影片发布后均可见
D.场景是指舞台周围的区域
3.以下各种关于图形元件的叙述，正确的是( )。
A.图形元件可重复使用 B.图形元件不可重复使用
C.可以在图形元件中使用声音 D.可以在图形元件中使用交互式控件
4.以下关于使用元件的优点的叙述，不正确的是( )。
A.使用元件可以使动画的编辑更加简单化
B.使用元件可以使发布文件的大小显著地缩减
C.使用元件可以使动画的播放速度加快
D.使用元件可以使动画更加漂亮
5.下列关于元件和元件库的叙述，不正确的是( )。
A.Animate中的元件有三种类型(www.xing528.com)
B.元件从元件库中拖到场景就成为实例，实例可以复制、缩放等各种操作
C.对实例的修改，元件库中的元件会同步变更
D.对元件的修改，舞台上的实例会同步变更
6.以下关于逐帧动画和补间动画的说法，正确的是( )。
A.两种动画模式Animate CC都必须记录完整的各帧信息
B.前者必须记录各帧的完整记录，而后者不用
C.前者不必记录各帧的完整记录，而后者必须记录完整的各帧记录
D.以上说法均不正确
7.下面( )动画的制作只需给出动画序列中的起始帧和终结帧，中间的过渡帧由Animate CC自动生成。
A.逐帧动画 B.形状补间 C.引导层动画 D.遮罩动画
8.( )选项不是Animate CC中帧类型。
A.帧 B.空白关键帧 C.中间帧 D.关键帧
9.Animate CC的时间轴上空心小圆点表示的是( )。
A.帧 B.空白关键帧 C.过渡帧 D.关键帧
10.在Animate CC中，测试影片的快捷键是( )。
A.Ctrl＋Alt＋Enter B.Ctrl＋Enter
C.Ctrl＋Shift＋Enter D.Shift＋Enter
11.正方形变为平行四边形的动画属于( )。
A.动作补间动画 B.形状补间动画
C.引导层动画 D.遮罩动画
12.Animate CC中将文字变为形状从而可以制作形状补间动画的操作是( )。
A.分离 B.改变字体大小
C.任意变形 D.缩放
二、填空题
1.Animate CC中三种元件分别是:________、________和按钮。
2.绘制椭圆时，在拖动鼠标时按住________键，可以绘制出一个正圆。
3.Animate CC中，图层包括普通层、引导层和________层等。
4.Animate CC中，将文字打散分离的组合键是________。
5.使用部分选取工具拖曳节点时，按________键可以使角点转换为曲线点。
6.在Animate CC中，新建ActionScript 3.0文档，则源文件的扩展名是________，生成的影片文件的扩展名是________。
7.Animate CC中，________直接导入PSD文件。
8.在Animate的混色器中，可以为图形填充纯色、线性渐变色和________等。
9.引导层动画，引导层和被引导层的位置不能改变，引导层在________，被引导层在________。
10.橡皮擦工具只能对________进行擦除，对文字和位图无效，如果要擦除文字或位图，必须将它们________。
三、简答题
1.简述使用Adobe AnimateCC制作动画的主要步骤。
2.简述Animate CC中关键帧、空白关键帧、普通帧和过渡帧的作用和区别。
3.什么是补间动画?补间动画有哪两种形式?它们的作用和区别是什么?
4.简述引导层的作用。
5.简述遮罩层的作用。
四、操作题
2.使用Adobe Animate制作广告片。
3.使用Adobe Animate制作网站片头。
4.使用Adobe Animate制作宣传短片。
5.使用Adobe Animate制作课件。
五、思考题
1.如何制作出能够吸引观众、具有美感的优秀动画片?
2.如何理解动画技术探索与艺术发现的关系?
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
