遮罩动画制作
制作遮罩层动画ZHI ZUO ZHE ZHAO CENG DONG HUA主 讲 ：
遮罩动画制作
项目五
制作遮罩层动画
项目五： 项目五：制作遮罩层动画
任务一 理解遮罩层的概念及动画原理 任务二 使用遮罩原理创建复杂动画
任务一 任务二 实 小 训 结
遮罩动画制作
项目五教学目标: 教学目标 项目五： 项目五：制作遮罩层动画
制作遮罩层动画
任务一 任务二 实 小 训 结
理解遮罩层与被遮罩层的概念。 理解遮罩层与被遮罩层的概念。 理解遮罩动画产生的设计原理。 理解遮罩动画产生的设计原理。 了解多层遮罩动画的运用。 了解多层遮罩动画的运用。 掌握使用遮罩原理制作动画的方法和技巧。 掌握使用遮罩原理制作动画的方法和技巧。 了解复杂动画设计的方法和技巧。 了解复杂动画设计的方法和技巧。
遮罩动画制作
任务一 理解遮罩层动画的概念及动画原理
项目五： 项目五：制作遮罩层动画
操作一 操作二
制作“动态文字” 制作“水中倒影效果” 制作“瀑布效果”
任务一 任务二 实 小 训 结
操作三
遮罩动画制作
任务一 理解遮罩层动画的概念及动画原理
项目五： 项目五：制作遮罩层动画
任务一 任务二 实 小 训 结
遮罩层和引导层一样， Flash中特殊的 遮罩层和引导层一样，是Flash中特殊的 图层。 图层。合理地使用遮罩层可以创建出丰富多彩 的动画效果。 的动画效果。
遮罩动画制作
任务一 理解遮罩层动画的概念及动画原理
项目五： 项目五：制作遮罩层动画
任务一 任务二 实 小 训 结
一个遮罩效果的实现至少需要两个图层， 一个遮罩效果的实现至少需要两个图层，上面的图 层是遮罩层，下面的图层是被遮罩层，如图所示， 层是遮罩层，下面的图层是被遮罩层，如图所示，其中 图层2”是遮罩层， 图层1”是被遮罩层。 2”是遮罩层 1”是被遮罩层 “图层2”是遮罩层，“图层1”是被遮罩层。与普通层 不同的是，在具有遮罩层的场景中， 不同的是，在具有遮罩层的场景中，只能通过遮罩层上 对象的形状，才可以看到被遮罩层上的内容。 对象的形状，才可以看到被遮罩层上的内容。
遮罩动画制作
任务一 理解遮罩层动画的概念及动画原理操作一制作“动感文字”
项目五： 项目五：制作遮罩层动画
【 设 计 目 标 】
本例将遮罩原理用于制作动感文字， 本例将遮罩原理用于制作动感文字，在文字的轮 流云的运动效果， 廓中将出现流云的运动效果，避免文字过于呆板 和单调，增加其美感，最终设计效果如图所示。 和单调，增加其美感，最终设计效果如图所示。
任务一 任务二 实 小 训 结
遮罩动画制作
任务一 理解遮罩层动画的概念及动画原理操作一制作“动感文字”
项目五： 项目五：制作遮罩层动画
【设计
思路】 设计思路】
任务一 任务二 实 小 训 结
在最底层选取一幅图片做背景。 在最底层选取一幅图片做背景。 在最底层选取一幅图片做背景 在这幅背景图上面做一个由文字和一组 在这幅背景图上面做一个由文字和一组 序列图片组成的遮罩效果。 序列图片组成的遮罩效果。 在静态的图片上面可以透过文字的轮廓 在静态的图片上面可以透过文字的轮廓 看到一幅动态的景色。 看到一幅动态的景色。
遮罩动画制作
任务一 理解遮罩层动画的概念及动画原理操作一制作“动感文字”
项目五： 项目五：制作遮罩层动画
动感文字 视频 ： 制作 “ 动感 文字 ” 制作“动感文字”的大致过程如下: 制作“动感文字”的大致过程如下: 布置舞台。 ① 布置舞台。 制作遮罩。 ② 制作遮罩。 预览动画。 ③ 预览动画。
任务一 任务二 实 小 训 结
遮罩动画制作
任务一 理解遮罩层动画的概念及动画原理操作二制作“水中倒影效果”
项目五： 项目五：制作遮罩层动画
【 设 计 目 标 】
任务一 任务二 实 小 训 结
利用遮罩原理可以表达很多动画效果。例如， 利用遮罩原理可以表达很多动画效果。例如， 利用遮罩原理可以表达很多动画效果 是动画中常用的主题，波光粼粼的水面、 “水”是动画中常用的主题，波光粼粼的水面、 水中美丽的倒影、流动的小溪以及“ 水中美丽的倒影、流动的小溪以及“飞流直下 三千尺”的瀑布都是动画设计师宠爱的题材。 三千尺”的瀑布都是动画设计师宠爱的题材。 本例将进一步加深对遮罩效果的理解，掌握在 本例将进一步加深对遮罩效果的理解， 本例将进一步加深对遮罩效果的理解 影片剪辑中制作遮罩效果的方法。 影片剪辑中制作遮罩效果的方法。
遮罩动画制作
任务一 理解遮罩层动画的概念及动画原理操作二制作“水中倒影效果”
项目五： 项目五：制作遮罩层动画
【设计思路】 设计思路】
任务一 任务二 实 小 训 结
在主场景中创建图片的背景层和文字层。 在主场景中创建图片的背景层和文字层。 在主场景中创建图片的背景层和文字层 在文字层的上层放置一个影片剪辑，其 在文字层的上层放置一个影片剪辑， 在文字层的上层放置一个影片剪辑 内部包含文字倒影的遮罩效果。 内部包含文字倒影的遮罩效果。 利用倒影文字遮罩一组均匀相间的移动 利用倒影文字遮罩一组均匀相间的移动 线条形成水波效果。 线条形成水波效果。
遮罩动画制作
任务一 理解遮罩层动画的概念及动画原理操作二制作“水中倒影效果”
项目五： 项目五：制作遮罩层动画
视频：制作“水中倒影效果” 视频：制作“水中倒影效果
”
任务一 任务二 实 小 训 结
制作“水中倒影效果”的大致过程如下: 制作“水中倒影效果”的大致过程如下 布置舞台。 ① 布置舞台。 制作倒影。 ② 制作倒影。 制作波纹。 ③ 制作波纹。 ④ 预览动画。 预览动画。
遮罩动画制作
任务一 理解遮罩层动画的概念及动画原理操作三制作“瀑布效果”
项目五： 项目五：制作遮罩层动画
【 设 计 目 标 】
在位图中制作出逼真的遮罩效果。 在位图中制作出逼真的遮罩效果。 在位图中制作出逼真的遮罩效果
任务一 任务二 实 小 训 结
遮罩动画制作
任务一 理解遮罩层动画的概念及动画原理操作三制作“瀑布效果”
项目五： 项目五：制作遮罩层动画
【设计思路】 设计思路】
任务一 任务二 实 小 训 结
遮罩动画的原理就是透过遮罩层物体的形 状看到被遮罩层物体的内容， 状看到被遮罩层物体的内容，因此要使图 片中静止的瀑布“动起来” 片中静止的瀑布“动起来”,而其他区域 的景色则保持不变，应该分两步来处理。 的景色则保持不变，应该分两步来处理。 首先分离瀑布流水。 首先分离瀑布流水。 首先分离瀑布流水 然后给流水添加遮罩效果。 然后给流水添加遮罩效果。 然后给流水添加遮罩效果
遮罩动画制作
任务一 理解遮罩层动画的概念及动画原理操作三制作“瀑布效果”
项目五： 项目五：制作遮罩层动画
视频：制作“ 瀑布效果” 视频 ： 制作 “ 瀑布效果 ” 制作“瀑布效果”的大致过程如下: 制作“瀑布效果”的大致过程如下: 新建Flash文档。 Flash文档 ① 新建Flash文档。 制作“瀑布”元件。 ② 制作“瀑布”元件。 制作“遮罩”元件。 ③ 制作“遮罩”元件。 完成制作“瀑布”元件。 ④ 完成制作“瀑布”元件。 ⑤ 预览动画。 预览动画。
任务一 任务二 实 小 训 结
遮罩动画制作
任务二 使用遮罩原理创建复杂动画
项目五： 项目五：制作遮罩层动画
操作一 操作二
制作“地球旋转效果” 模拟“物体在管道下落的效果” 制作“卷轴展开效果”
任务一 任务二 实 小 训 结
操作三
遮罩动画制作
任务二 使用遮罩原理创建复杂动画
项目五： 项目五：制作遮罩层动画
任务一 任务二 实 小 训 结
遮罩层中有动画对象存在的地方都会产生 一个孔， 一个孔，与其链接的被遮罩层相应区域中的对 象可以显示出来； 象可以显示出来；而没有动画对象的地方会产 生一个罩子，遮住链接层相应区域中的对象。 生一个罩子，遮住链接层相应区域中的对象。 利用这个原理再辅之以其他动画设计方法， 利用这个原理再辅之以其他动画设计方法，可 以制作出更多富有创意的设计作品。 以制作出更多
富有创意的设计作品。本任务将 创建两个具有实用价值的动画作品。 创建两个具有实用价值的动画作品。
遮罩动画制作
任务二 使用遮罩原理创建复杂动画操作一制作“地球旋转效果”
项目五： 项目五：制作遮罩层动画
【设计效果】 设计效果】
任务一 任务二 实 小 训 结
本例将使用多重遮罩的方法制作一个地 球旋转的动画。 球旋转的动画。蓝色背景中的地球模型 均匀转动， 均匀转动，可以清晰地看到其上的大陆 版块图，最终效果如图所示。 版块图，最终效果如图所示。
遮罩动画制作
任务二 使用遮罩原理创建复杂动画操作一制作“地球旋转效果”
项目五： 项目五：制作遮罩层动画
【设计思路】 设计思路】
任务一 任务二 实 小 训 结
首先制作蓝色方格背景。 首先制作蓝色方格背景。 首先制作蓝色方格背景 然后制作半透明圆形球体作为遮罩层。 然后制作半透明圆形球体作为遮罩层。 然后制作半透明圆形球体作为遮罩层 接着利用勾勒出来的大陆版块作为被遮 接着利用勾勒出来的大陆版块作为被遮 罩层。圆形球体是不运动的， 罩层。圆形球体是不运动的，但如果让被 遮罩的大陆版块运动起来， 遮罩的大陆版块运动起来，圆形球体看起 来就是运动的。 来就是运动的。 对大陆版块要分正面和背面，因此需要 对大陆版块要分正面和背面， 对大陆版块要分正面和背面 使用多个被遮罩层。 使用多个被遮罩层。
遮罩动画制作
任务二 使用遮罩原理创建复杂动画操作一制作“地球旋转效果”
项目五： 项目五：制作遮罩层动画
视频：制作“地球旋转效果” 视频：制作“地球旋转效果” 制作“地球旋转效果”的大致过程如下 制作“地球旋转效果”的大致过程如下: 新建一个Flash文档。 文档。 ① 新建一个 文档 创建“元件” ② 创建“元件”。 创建“元件2”。 ③ 创建“元件 。 创建“元件3”和 元件4”。 ④ 创建“元件 和“元件 。 导入外部元件。 ⑤ 导入外部元件。 ⑥ 创建动画 ⑦ 预览动画
任务一 任务二 实 小 训 结
遮罩动画制作
任务二 使用遮罩原理创建复杂动画操作二果” 模拟“物体在管道中下落的效
项目五： 项目五：制作遮罩层动画
【设计效果】 设计效果】
任务一 任务二 实 小 训 结
使用遮罩效果模拟现实生活中物体在管道 中下落的运动效果， 中下落的运动效果，动画中使用简单的箭 头图形来代表物体和管道，物体以不变的 头图形来代表物体和管道， 速度在管道中下落， 速度在管道中下落，在转弯处自动改变方 最后的设计效果如图所示。 向，最后的设计效果如图所示