当前位置:
文档之家› 第三章flash路径动画与遮罩动画
第三章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)插入一个新图层,将图层名称更 改为“遮罩”。选中该图层,在舞台 (也就是导入的位图)左侧绘制一个笔 触颜色为无色,填充颜色为某种纯色的 矩形,如图所示。