第三章flash路径动画与遮罩动画

图 在新图层上绘制作为遮罩的对象
图 遮罩效果
• 4. 创建遮罩效果

要创建和使用遮罩效果，至少要用到 两个图层，它们按特定的顺序排列在时间 轴上。其中，遮罩层肯定位于被遮罩层的 上方。当然，如果多个图层都被遮罩，那 么它们都是“被遮罩层”，都会受到遮罩 效果的影响。
1．创建遮罩效果的步骤 2．不同的遮罩效果
简单旋转
路径动画 引导层不会出现在发布的Flash影片中
运动引导层
（b）中心对准引导线终点 （a）中心对准引导线起点 横贯工作区的引导线示意
引导层动画的运行轨迹
实例
红心飘动 太阳运动 雪花
设置遮罩效果
• 什么是遮罩

遮罩效果，也叫做蒙版效果，是指一个 图层中的对象以一定方式遮盖住另外一个 （或多个）图层中的对象，或者说以一定方 式透过一个图层中的对象去查看另外一个 （或多个）图层上的对象。比如说，聚光灯 效果、放大镜效果、百叶窗效果等就是一些 常见的遮罩效果。
• 实例——探照灯文字

本节结合使用形状补间动画和遮罩技 术实现一个探照灯文字的效果（探照灯 左右移动，且其中心的亮度大于四周）， 步骤如下。 （1）新建一个电影文件，设置文档 背景颜色为“黑色”。 （2）在时间轴上单击“图层1”，将 其命名为“文字遮罩”层。

（3）单击工具箱中的“文本工具”， 在属性检查器中设置字体、字号及颜色， 然后在舞台正中间输入文字“计算机动画 技术”。 （4）新建一个图层，并将其命名为 “探照灯”层。单击工具箱中的“椭圆工 具”设置笔触颜色为无色、填充为灰白放 射状渐变填充，在文字左侧绘制一个圆形， 如图4-18所示。
图 在舞台左方绘制长方形

（8）选中“遮罩”层第214-22左图所示。

（5）在“遮罩”层的第15帧插入关键 帧，这时长方形被自动复制到该帧，按 住“Shift”键用选择工具将其摆放到舞 台的右侧。 （6）在时间轴“遮罩”层第1到第15 帧之间任意位置单击，然后在属性检查 器中将“补间”选项设置为“形状”。 （7）选中“遮罩”层第20帧，按 “F5”键插入相同帧。
图 探照灯文字效果的时间轴和舞台

折扇 瀑布流水 流水 仿奥运开幕式卷轴动画效果
实例——海报扫描效果
本实例结合使用形状补间动画和遮罩 技术实现海报的扫描效果：先是一条亮 线由左到右扫描灰暗的海报，然后是由 上到下扫描整个海报，最后显示出完整 的彩色海报，如图所示。
图 海报扫描效果

实现该效果的参考步骤如下。 （1）新建一个Flash电影，将图层1的 名称更改为“背景”。 （2）按“Ctrl+R”键导入要作为背景 显示的黑白位图文件（该位图文件事先 由Fireworks处理好，最简便的办法是执 行Fireworks的“命令”菜单“创意”子 菜单的“转换为灰度图像”命令），将 其调整为舞台大小。
图 绘制探照灯

（5）在“文字遮罩”层第50帧单击 鼠标右键，选择“插入帧”命令。 （6）单击“探照灯”层，在第25帧 插入关键帧，用选择工具将渐变的圆形 移动到文字右侧（注意选中“视图”菜 单“对齐”子菜单中的“贴紧对齐”命 令）。 （7）在该层第1帧上单击鼠标右键， 选择“复制帧”命令，在第50帧上单击 右键，选择“粘贴帧”命令。

根据上面的说明可以看出，遮罩效果 的作用方式有以下4种。 遮罩层中的对象是静态的，被遮罩 层中的对象也是静态的，这样生成的效 果就是静态遮罩效果；
遮罩层中的对象是静态的，而被遮 罩层中的对象是动态的，这样就生成了 第一类动态遮罩效果：透过静态的一个 “孔”，观看后面的动态内容； 遮罩层中的对象是动态的，而被遮 罩层中的对象是静态的，这样就生成了 第二类动态遮罩效果：透过动态的一个 “孔”，观看后面的静态内容；
图 设置了遮罩的时间轴
（12）为了使效果更逼真，可以在“遮 罩”层上方插入一个新图层，命名为 “声音”。 （13）选择“文件”菜单“导入”子菜 单的“导入到库”命令，分别导入两个 声音文件。
（14）选中第1帧，然后在属性检查器的 声音选项中选择导入的一个声音文件， 此时该帧上将出现声音的波形。
（8）在“探照灯”层第1帧和25帧之间、 第25帧和50帧之间设置形状补间动画。 （9）把“文字遮罩”层拖动到“探照灯” 层上方。 （10）在图层区的“文字遮罩”层上单击 右键，选择“遮罩层”命令，将该层设置 为遮罩层，而“探照灯”层自动被设置为 被遮罩层，同时这两层也被锁定，此时的 时间轴窗口与场景如图所示，动画制作结 束。

选中第35帧，按“F6”键插入关键 帧，这时长方形被自动复制到该帧，用 任意变形工具将长方形的大小缩放到与 图形大小相一致，如图4-22右图所示。

（9）在“遮罩”层第21到第35帧之 间创建形状补间动画。 （10）把“图片”层和“背景”层的 内容都延续到第35帧（在该帧按“F5” 键）。 （11）在“遮罩”层上单击鼠标右键， 选择“遮罩层”命令。此时的时间轴如 图所示。
（15）选中第21帧，按“F7”键插入空 白关键帧，然后在属性检查器的声音选 项中选择导入的另一个声音文件，最后 完成时的时间轴如图所示。
图 完成后的时间轴
（16）按“Ctrl+Enter”键测试电影。
飘云效果 流动的图片效果 水中倒影


遮罩层中的对象是动态的，被遮
罩层中的对象也是动态的，这样就生成
了第三类动态遮罩效果：透过动态的一
个“孔”，观看后面的动态内容。这时，
遮罩对象和被遮罩对象之间就会进行一 些复杂的交互，从而得到一些特殊的视 觉效果。
3．形状补间动画与遮罩效果
遮罩层中的对象是静态的，而被遮罩层 中是形状补间动画； 遮罩层中是形状补间动画，而被遮罩层 中的对象是静态的； 遮罩层与被遮罩层中都是形状补间动画。

（3）在当前图层上方插入了一个新图 层，命名为“图片”，并按“Ctrl+R” 键导入要扫描显示的彩色海报位图文件， 将其调整为舞台大小。 （4）插入一个新图层，将图层名称更 改为“遮罩”。选中该图层，在舞台 （也就是导入的位图）左侧绘制一个笔 触颜色为无色，填充颜色为某种纯色的 矩形，如图所示。