【大学课件】Flash遮罩层动画

.
7
制作如图所示的动态文字效果。
.
8
制作“动感文字”
【设计目标】
本例将遮罩原理用于制作动感文字，在文字的轮廓中 将出现流云的运动效果，避免文字过于呆板和单调， 增加其美感，最终设计效果如图所示。
.
9
使用一幅静态图片制作流水效果，参考图片如 图所示。
.
10
Biblioteka Baidu
“水中倒影效果”
【设计目标】
利用遮罩原理可以表达很多动画效果。例如， “水”是动画中常用的主题，波光粼粼的水面、 水中美丽的倒影、流动的小溪以及“飞流直下 三千尺”的瀑布都是动画设计师宠爱的题材。 本例将进一步加深对遮罩效果的理解，掌握在 影片剪辑中制作遮罩效果的方法。
.
14
1.创建遮罩层动画的两种方法
在“时间轴”面板中，选择要设置为 遮罩层的图层，单击鼠标右键，在弹 出来的快捷菜单中选择“遮罩层”命 令，就可以添加遮罩，如图所示：
在“时间轴”面板中，双击要作为
“遮罩层”的图层的图标，会弹处
“图层属性”对话框，在对话框中选
择类型为“遮罩层”，此时图层图标
会变为形状。然后双击要作为“被遮
对大陆版块要分正面和背面，因此需要
使用多个被遮罩层。.
20
案例：模拟“物体在管道中下落的效 果”
【设计效果】
使用遮罩效果模拟现实生活中物体在管道中 下落的运动效果，动画中使用简单的箭头图 形来代表物体和管道，物体以不变的速度在 管道中下落，在转弯处自动改变方向，最后 的设计效果如图所示。
.
21
【设计思路】
.
5
.
6
遮罩动画的概念
遮罩层和引导层一样，是Flash中特殊的图层。合 理地使用遮罩层可以创建出丰富多彩的动画效果。
在现实中我们可以看到很多类似遮罩的情况，比如 说通过望远镜我们只能看到一部分景物。在Flash 中，可以通过遮罩层来定义其下面的图层中对象的 可见区域。遮罩层是一种很特殊的图层，可以将下 面的图层屏蔽，而下方的被遮罩层只能显示上方遮 罩层图形区域大小的内容。
遮罩动画是通过遮罩层来完成的。遮罩的原理就 是将某层作为遮罩，遮罩层下的一层是被遮罩层，而 只有遮罩层上的填充色块下面的内容可见，色块本身 是不可见的。作为遮罩层的对象可以是填充的形状、 文字对象、图形元件和影片剪辑元件。
.
4
遮罩动画
对于一些特殊的动画效果，如聚光灯、淡入 淡出效果、水波等，都可以通过Flash的遮 罩功能来实现。
.
18
遮罩原理（注意事项）
图8-4 遮罩前的效果
图8-5 遮罩后的效果
遮罩层中的对象必须是色块、文字、符号、影
片剪辑元件（MovieClip）、按钮或群组对象
，而被遮层不受限制 .
.
19
“地球旋转效果”
【设计思路】
首先制作蓝色方格背景。
然后制作半透明圆形球体作为遮罩层。
接着利用勾勒出来的大陆版块作为被遮 罩层。圆形球体是不运动的，但如果让被 遮罩的大陆版块运动起来，圆形球体看起 来就是运动的。
.
11
“瀑布效果”
【设计思路】
遮罩动画的原理就是透过遮罩层物体的形 状看到被遮罩层物体的内容，因此要使图 片中静止的瀑布“动起来”，而其他区域 的景色则保持不变，应该分两步来处理。 首先分离瀑布流水。 然后给流水添加遮罩效果。
.
12
利用遮罩制作放大镜效果，如图所示。
.
13
遮罩动画的概念
一个遮罩效果的实现至少需要两个图层，上面的图层 是遮罩层，下面的图层是被遮罩层，如图所示，其 中“图层2”是遮罩层，“图层1”是被遮罩层。与 普通层不同的是，在具有遮罩层的场景中，只能通 过遮罩层上对象的形状，才可以看到被遮罩层上的 内容。
在“时间轴”面板上，. 选择“遮罩层”，单17
使用遮罩原理创建复杂动画
遮罩层中有动画对象存在的地方都会产生一 个孔，与其链接的被遮罩层相应区域中的对象可以 显示出来；而没有动画对象的地方会产生一个罩子， 遮住链接层相应区域中的对象。利用这个原理再辅 之以其他动画设计方法，可以制作出更多富有创意 的设计作品。本任务将创建两个具有实用价值的动 画作品。
图8-1 两个图层的遮罩
图8-3 【图层属性】对话框
图8-2 用鼠标右键创建遮罩层
.
16
取消遮罩层动画的三种方法
在“时间轴”面板中，将 “被遮罩层”拖动 到“遮罩层”的上方，就可以取消遮罩层动 画。
可以通过设置“遮罩层”的图层属性来取消 遮罩层动画。在“时间轴”面板中，双击 “遮罩层”的图标，会弹出“图层属性”对 话框，在对话框的类型栏里面选择“一般”， 然后单击“确定”按钮，即可以断开和“被 遮罩层”建立的链接。
箭头物体在拐弯处转折的流畅性。本例采用两段无缝隙的 遮罩动画来处理。
箭头物体在下落的过程中始终处于窗口的视野范围内。本 例让箭头的下落和管道的上升处于同步状态。
.
22
案例：制作“卷轴展开效果”
【设计效果】
【设计思路】
本例利用了两个遮罩。 清晰图片逐渐覆盖模糊图片的遮罩。 卷轴移动效果的遮罩。 两个遮罩始终保持同步。
.
本例将创建一个 卷轴慢慢展开的 动画，设计中使 用卷轴中图画的 模糊效果图作为 背景，随着卷轴 慢慢展开，模糊 的图画逐渐清晰， 具有强烈的视觉 冲击效果，最后 的设计效果如图 所示。
23
案例：制作“眼镜反光” 特效
图8-15 最终效果
.
24
案例：制作“海边美景”
.
25
8.2 多层遮罩动画
通过前面一节课的学习，相信同学们已经掌握了遮罩层动画的创建 方法和设计原理，在本小节中，将使用多层遮罩层动画来制作复杂的 Flash动画 。
罩层”的图层的图标，会弹出“图层
属性”对话框，在对话框的类型栏里
面选择“被遮罩”，然后单击“确定”
按钮，即可以和“遮罩层.”建立链接。
15
8.1 遮罩层动画原理
在开始对遮罩层动画进行典型案例分析之前，首先来学习遮罩层动 画的创建方法及其原理，为后续的提高打下理论基础 。
8.1.1 知识点讲解
一、创建遮罩层。
Flash---遮罩层动画
.
1
学习目标
了解遮罩层动画的基本功能 熟练掌握绘制遮罩层动画的基本方法
.
2
知识要点
掌握创建遮罩层的方法
能通过模仿完成遮罩层动画实例的制作
.
3
遮罩动画
Flash 动画制作
在Flash中，图层有一种遮罩图层。想象一下，我 们现在正透过窗户观看窗外的美景，我们所看的只是 窗户这个范围，其他的景物都被墙壁遮住了。Flash中 的遮罩与此现象非常类似。