04-遮罩层动画 930编辑11-11

案例：制作“眼镜反光” 特效
图8-15 最终效果
案例：制作“海边美景”
8.2
多层遮罩动画
通过前面一节课的学习，相信同学们已经掌握了遮罩层动画的创 建方法和设计原理，在本小节中，将使用多层遮罩层动画来制作复杂的 Flash动画 。
8.2.1 知识点讲解
将普通图层拖动到遮罩层或被遮罩层的下面，即可将普通图层 转化为其被遮罩层，在一组遮罩中，遮罩层只能有一个，而被遮 罩层可以有多个，那就是多层遮罩，如图8-33所示，其中“图层 2”为遮罩层，其余的所有图层都是被遮罩层。
遮罩动画的概念

遮罩层和引导层一样，是Flash中特殊的图层。合 理地使用遮罩层可以创建出丰富多彩的动画效果。 在现实中我们可以看到很多类似遮罩的情况，比如 说通过望远镜我们只能看到一部分景物。在Flash 中，可以通过遮罩层来定义其下面的图层中对象的 可见区域。遮罩层是一种很特殊的图层，可以将下 面的图层屏蔽，而下方的被遮罩层只能显示上方遮 罩层图形区域大小的内容。
案例：“图片浏览” （ p149-151 ）

遮罩动画是Flash中应用比较多的动画形式， 通过它可以制作出许多炫目的动画效果。我 们可以利用遮罩层来制作一个“图片浏览” 的动画。
最终效果如图所示：
8.3
课后作业
一、操作题 1、请同学们根据典型案例──制作“眼镜反光特效”的制作思路，制 作一个汽车车窗的过光效果，如图8-69所示 。

8.1 遮罩层动画原理
在开始对遮罩层动画进行典型案例分析之前，首先来学习遮罩层 动画的创建方法及其原理，为后续的提高打下理论基础 。
8.1.1 知识点讲解
一、创建遮罩层。
图8-1 两个图层的遮罩 图8-3 【图层属性】对话框
图8-2 用鼠标右键创建遮罩层
取消遮罩层动画的三种方法
在“时间轴”面板中，将 “被遮罩层”拖动 到“遮罩层”的上方，就可以取消遮罩层动 画。 可以通过设置“遮罩层”的图层属性来取消 遮罩层动画。在“时间轴”面板中，双击 “遮罩层”的图标，会弹出“图层属性”对 话框，在对话框的类型栏里面选择“一般”， 然后单击“确定”按钮，即可以断开和“被 遮罩层”建立的链接。 在“时间轴”面板上，选择“遮罩层”，单


制作如图所示的动态文字效果。
制作“动感文字”
【设计目标】
本例将遮罩原理用于制作动感文字，在文字的轮廓中 将出现流云的运动效果，避免文字过于呆板和单调， 增加其美感，最终设计效果如图所示。
使用一幅静态图片制作流水效果，参考图片如 图所示。

“水中倒影效果”
【设计目标】
利用遮罩原理可以表达很多动画效果。例如，
图8-69 车窗过光
2、请同学们根据典型案例——制作“海边美景”的制作思路，制作一 个水中倒影的效果，如图8-70所示 。
图8-70 水中倒影
二、思考题 1、遮罩层动画的原理是什么？ 2、制作遮罩层动画至少需要几个图层？ 3、遮罩层动画还能应用于哪些艺术表达方面？
场景的概念
场景可以看成是一段相对独立的动画，当动画中有 多个场景时，整个动画会按照场景的顺序播放。当 然，也可以用脚本程序来控制场景的播放顺序。 在Flash中，所有的动画制作都是在“场景”中实 现。当新建Flash文档时，Flash就会自动创建一个 名称为“场景1”的场景。如果设计的是一个简单的 小动画，只需要使用一个场景就可以了，但是如果 设计的是一个比较复杂的动画时，一个场景是不够 的，可能需要多个场景。例如网上的大部分Flash 作品，在开始的时候都有一个Loading场景来现实 下载的速度。
多场景动画的应用

我们可以通过简单的小动画来说明场景的操 作。 最终效果如图所示：
综合练习 :
通过制作“手写字” 的动画来熟悉前面 所学的知识：
案例：模拟“物体在管道中下落的效 果”
【设计效果】
使用遮罩效果模拟现实生活中物体在管道 中下落的运动效果，动画中使用简单的箭 头图形来代表物体和管道，物体以不变的 速度在管道中下落，在转弯处自动改变方 向，最后的设计效果如图所示。
【设计思路】
箭头物体在拐弯处转折的流畅性。本例采用两段无缝隙的 遮罩动画来处理。 箭头物体在下落的过程中始终处于窗口的视野范围内。本 例让箭头的下落和管道的上升处于同步状态。
图8-61 效果图
1、打开教学资源中的“素材\第8讲\断桥遗梦\断桥遗梦-模板.fla”文件 ，【库】面板及场景效果如图8-62所示 。

实例：“七彩文字”（p149-151 ）
1、启动Flash CS3，建立一个Flash文档。 2、选择“矩形”工具，在“属性”面板中设置其笔触颜色为无（）， 填充颜色为七彩的线性填充 3、选择绘制好的矩形，按Ctrl＋G键将其组合。 4、选择“时间轴”面板，将“图层1”锁定，在其上面新建一个图层， 图层名称为“图层 2”。 5、选择“文本”工具（），并在“属性”面板中设置字体为“隶书”， 字体大小为50，其他均为默认值 6、在舞台上输入文字“七彩文字” 。 7、在“时间轴”面板中，选择“图层 2”，单击鼠标右键，在弹出来的 快捷菜单中选择“遮罩层”命令，将其设置为遮罩层。 8、选择“图层 2”的第30帧，按F5键，插入普通帧，设置动画的播放 时间为30帧。 9、解除“图层 1”的锁定，选择“图层 1”的第30帧，按F6键，插入关 键帧。选择第30帧处的矩形，将其向左移一定的位置 。 10、在“图层 1”图层的第1帧和第30帧之间选择任意一帧，在“属性” 面板中的“补间”下拉菜单中选择“动画”选项 。 11、按Ctrl＋Enter键，对影片进行测试 。

利用遮罩制作放大镜效果，如图所示。
遮罩动画的概念
一个遮罩效果的实现至少需要两个图层，上面的图层 是遮罩层，下面的图层是被遮罩层，如图所示，其 中“图层2”是遮罩层，“图层1”是被遮罩层。与 普通层不同的是，在具有遮罩层的场景中，只能通 过遮罩层上对象的形状，才可以看到被遮罩层上的 内容。
1.创建遮罩层动画的两种方法
遮罩原理（注意事项）
图8-4 遮罩前的效果
图8-5 遮罩后的效果
遮罩层中的对象必须是色块、文字、符号、影 片剪辑元件（MovieClip）、按钮或群组对象 ，而被遮层不受限制 .
“地球旋转效果”
首先制作蓝色方格背景。 然后制作半透明圆形球体作为遮罩层。 接着利用勾勒出来的大陆版块作为被遮
罩层。圆形球体是不运动的，但如果让被 遮罩的大陆版块运动起来，圆形球体看起 来就是运动的。 对大陆版块要分正面和背面，因此需要 使用多个被遮罩层。

使用遮罩原理创建复杂动画
遮罩层中有动画对象存在的地方都会产生一 个孔，与其链接的被遮罩层相应区域中的对象可以 显示出来；而没有动画对象的地方会产生一个罩子， 遮住链接层相应区域中的对象。利用这个原理再辅 之以其他动画设计方法，可以制作出更多富有创意 的设计作品。本任务将创建两个具有实用价值的动 画作品。Βιβλιοθήκη 打开模板制作拼图动画
制作遮罩动画
最终效果2
最终效果1
制作清晰图片遮罩效果
图8-34 制作思路及效果
8.2.3 课堂练习──制作“断桥遗梦 ”
请同学们使用经典案例“镜花水月”中制作影片剪辑遮罩动画的类 似方法，制作一个“断桥遗梦”的场景。在动画中，一面镜子映出一座 古桥流水的画卷，被突然下落的石头砸中，产生裂纹，最后散为碎片， 只留下梦境一般的一座古桥留在记忆的画面中。其效果图如图8-61所示 。

案例：制作“卷轴展开效果”
【设计效果】
【设计思路】
本例利用了两个遮罩。 清晰图片逐渐覆盖模糊图片的遮罩。 卷轴移动效果的遮罩。 两个遮罩始终保持同步。
本例将创建一个 卷轴慢慢展开的 动画，设计中使 用卷轴中图画的 模糊效果图作为 背景，随着卷轴 慢慢展开，模糊 的图画逐渐清晰， 具有强烈的视觉 冲击效果，最后 的设计效果如图 所示。
Flash---遮罩层动画
学习目标

了解遮罩层动画的基本功能 熟练掌握绘制遮罩层动画的基本方法
知识要点
掌握创建遮罩层的方法
能通过模仿完成遮罩层动画实例的制作
遮罩动画
Flash 动画制作
在Flash中，图层有一种遮罩图层。想象一下，我 们现在正透过窗户观看窗外的美景，我们所看的只是 窗户这个范围，其他的景物都被墙壁遮住了。Flash中 的遮罩与此现象非常类似。
图8-33 多层遮罩
多层遮罩的创建注意事项：
要使用多层遮罩动画做出精美的动画作品应 该注意以下几点。 1、从现实生活中寻找创作灵感。 2、使用遮罩层动画来模拟表达创意。 3、多种动画技术结合使用。 4、在制作过程中不断完善自己的作品 。

8.2.2
范例解析──制作“镜花水月”
拼图游戏曾一度风靡全球，是老少皆宜的一种娱乐方式。本案例将 通过多层遮罩动画，创造魔幻镜子拼图的效果，在充满乐趣的轻松的氛 围下，带领读者感受唯美的遮罩动画的奥妙。其制作思路及效果如图834所示 。
遮罩动画是通过遮罩层来完成的。遮罩的原理就 是将某层作为遮罩，遮罩层下的一层是被遮罩层，而 只有遮罩层上的填充色块下面的内容可见，色块本身 是不可见的。作为遮罩层的对象可以是填充的形状、 文字对象、图形元件和影片剪辑元件。
遮罩动画

对于一些特殊的动画效果，如聚光灯、淡入 淡出效果、水波等，都可以通过Flash的遮 罩功能来实现。
在“时间轴”面板中，选择要设置为 遮罩层的图层，单击鼠标右键，在弹 出来的快捷菜单中选择“遮罩层”命 令，就可以添加遮罩，如图所示： 在“时间轴”面板中，双击要作为 “遮罩层”的图层的图标，会弹处 “图层属性”对话框，在对话框中选 择类型为“遮罩层”，此时图层图标 会变为形状。然后双击要作为“被遮 罩层”的图层的图标，会弹出“图层 属性”对话框，在对话框的类型栏里 面选择“被遮罩”，然后单击“确定” 按钮，即可以和“遮罩层”建立链接。