flash-引导动画和遮罩动画(PPT)

引导动画的制作方法
制作引导动画的具体操作如下 （1）在普通层中创建一个元件。 （2）在普通层上方新建一个引导层，普通层自动变 为被引导层，在引导层中绘制一条路径。
（3）将引导层中的路径沿用到某一帧。
（4）在被引导层中将元件的中心控制点移动 到路径的起点。
（5）在被引导层的某一帧插入关键帧，并 将元件移动到引导层中路径的终点。
标新建一个引导层， 选中引导层的第1帧， 单击铅笔工具 ，在
选项区域中选择 “平滑”模式，然 后在舞台中绘制一 条光滑的曲线，如 图11-2所示。
图11-2
（4）在引导层的第50帧按【F5】键沿 用帧。
（5）选中被引导层中的树叶，将其中 心控制点移动到引导线的起点，然后在 第50帧插入关键帧，并将树叶放大一点。
（6）选中第50帧中的树叶，将其中心 控制点移动到引导线的终点位置，如图 11-3所示。然后在第1帧和第50帧之间 创建动作补间动画。
图11-3
（7）选中第1帧，在“属性”面板的“补间”下 拉列表框中选择“动作”选项，并选中 、
、 和 复选框，如图11-4所示。
图11-4
选中
、
和 复选框是
为了使对象沿着引导路
（4）在图层“飞机1”中将“飞机1”移动到左 边曲线的左端点上，在图层“飞机2”中将“飞 机2”移动到右边曲线的右端点上，如图11-8所 示。
（5）在图层“飞机1”的第50帧插入关键帧， 并将“飞机1”移动到两条曲线的交点处，在图 层“飞机2”的第50帧插入关键帧，并将“飞 机2”移动到两条曲线的交点处，如图所示。
（6）在被引导层的两个关键帧之间创建补 间动画，引导动画制作完成。
另：如果想看到引导线的话，需要添加一图层， 在引导层第一帧点击“复制帧”，在新添加的 图层第一帧点击“粘贴帧”，然后再双击新图 层把它改为“一般”图层即可。
下面通过一个树叶飘落的动画讲解制作引导动 画的方法，具体操作如下。
（1）新建一个文件，选择[文件][导 入][导入到舞台]菜单命令，导入图片“叶 子.eps”，将其缩至适当大小，并放置在舞台的 左上方。用“修改”-变形-顺时针旋转90度两 次，把叶子旋转一下。
• 比较下面两图的相同与不同
引导动画与制作
在运动引导层中绘制路径，可以使运动 渐变动画中的对象沿着指定的路径运动。运 动渐变动画中的对象被引导，所在的层被称 为被引导层，在一个运动引导层下可以建立 一个或多个被引导层。
引导层和被引导层，它们是制作引导动画 的必需图层。引导层应位于被引导层的上方， 在引导层中可以像其他层一样绘制各种图形 和元件，它只是对对象运动起导向作用，在 最终效果中不会显示出来；而与之相链接的 被引导层则沿着引导层中的路径运动。
（1）新建一个文件，导入背景图片，将图 层2命名为“飞机1”，导入图片“飞机 1.eps”，将飞机1按比例缩小，并将其转换 为图形元件，如图11-5所示。
图11-5
（2）新建一个图层，将其命名为“飞机2”， 把飞机1元件拖到舞台，并用修改-变形-水 平翻转
图11-6
（3）选中图层“飞机2”，单击图标新建一个 引导层，选中引导层的第1帧，单击铅笔工具 ， 在选项区域中选择“平滑”模式，然后在舞台 中绘制两条相交的光滑曲线，然后在第50帧按 【F5】键沿用帧，如图11-7所示。
（6）选中图层“飞机1”中的第1帧，在 “属性”面板中按如图11-10所示进行设置， 在第1帧和第50帧之间创建动作补间动画。 用相同的方法在图层“飞机2”的第1帧和第 50帧之间创建补间动画。
（7）在场景中按【Enter】测试动画，可以看到 飞机2是沿着路径运动，而飞机1并未按路径运动， 这是因为在图层“飞机1”和引导层之间还没建立链 接关系，用鼠标右键单击图层“飞机1”，在弹出的 快捷菜单中选择“属性”命令，在打开的“图层属 性”对话框中选中 单选项，单击 按钮即可将
4
遮 罩 动 画 案 例
5
动画中是否有透过某个 区域可以看到另一番景象？
遮罩动画是flash动画中非常重要的一种动画，它也 是在基本动画上创作起来的，是flash层概念的进一步 学习，链接基本动画和复杂动画的借口，通过非常简单 的制作而实现很多意想不到的效果，比如，动态的圆， 燃放烟花等。
线移动，选中 复选
框是为了使树叶从上到
下飘落时逐渐增大。如
果想让树叶在飘落时旋
转，还可以在“旋转”
下拉列表框中选择“顺
时针”或“逆时针”选
项。
制作多层引导动画
一个引导层还可以链接多个被引导层， 这样可以使多个对象沿着同一条路径运 动；另外，一个引导层中还可以有多条 运动路径，使得不同的对象沿着不同的 路径运动。下面制作两架飞机相撞的过 程，来练习多层引导动画的制作过程。 其具体操作如下：
该图层设置为被引导图层。
（8）按【Ctrl+Enter】键播放动画，即可 看到两架飞机沿着不同的路径飞行，最后碰 在了一起，如图11-11所示。
图11-11
如果想使动画效果 更真实，还可以新建 一个图层，在第51帧 绘制一团飞机相撞爆 炸后的烟雾，并添加 声音效果，这里不再 制作，大家可以在今 后的学习中逐渐补充。
我们可以用，魔术棒把叶子图片的白色背景给去 除掉，首先先把叶子打散，然后选魔术棒，在 叶子白色区域点击，再点击Delete,如果还有还 可以接着用多边形模式删除。
（2）选中树叶，选择[修改][转换为元件]菜单 命令，将其转换为图形元件，如图11-1所示。
图11-1
（3）在时间轴的 图层区下方单击 图
课堂讲解 上机实战 课后习题
课堂讲解 ➢案例呈现 ➢遮罩定义 ➢遮罩原理 ➢遮罩特点 ➢遮罩制作
通过案例，思考：
1.每个小动画有什么具体 的表现?
பைடு நூலகம்2.所有的案例有一个什么 样的共同特点？
遮 罩 动 画 案 例
1
遮 罩 动 画 案 例
2
遮 罩 动 画 案 例
3
遮 罩 动 画 案 例
课堂讲解内容
• 引导动画与制作 • 遮罩动画与制作
本课介绍两种特殊的动画：引导动画和遮罩动 画。从制作原理上来说，它们都是由3种基本动 画演变而来的,并在前面基本动画学习的基础上， 更加深刻的理解层的概念。
引导动画与制作
• 引导动画 • 引导动画的制作方法 • 制作多层引导动画
引导动画与制作