flash课件_第11课 制作引导动画和遮罩动画

（2）新建一个图层，导入图片“风景2.jpg”，将 其缩至适当大小，使其刚好能覆盖舞台，如图1121所示。
图11-21
（3）现在制作遮罩层，选中图层2，新建一个图层 3，在图片的下方绘制一个无边框的矩形，如图1122所示。
图11-22
（4）选中该矩形，将其转换为名为“叶片”的图形 元件，然后新建一个名为“百叶窗”的影片剪辑元件， 将元件“叶片”拖放到元件编辑区中。 （5）用任意变形工具 选中矩形，将中心控制点移 动到矩形下方的中点上，如图11-23所示。
（11）选中图层4的第1帧，在弹出的快捷菜单中选择“粘 贴帧”命令，这时图层4下方出现了图层5，而图层4自动变 为遮罩层，但图层5并未成为被遮罩层。用鼠标右键单击图 层，在弹出的快捷菜单中选择“属性”命令，在打开的 “图层属性”对话框中选中 单选项，再单击 按钮即 可将图层5与图层4链接起来，如图11-26所示。
图11-28
（14）用同样的方法依次添加遮罩图层，并将复制的“百叶 窗”元件依次向上移动到相互连接，至到“百叶窗”元件到 达图片顶部为止，如图11-29所示。 （15）按【Ctrl+Enter】键测试动画。
图11-29
下面制作一 个用毛笔写字 的效果，最终 效 果 如 图 1130 所 示 ， 其 具 体操作如下。
图11-24
（8）单击 图标回到场景中，将场景中的矩形删 除，选中图层3，将元件“百叶窗”拖放到图片下方， 如图11-25所示。
图11-25
（9）用鼠标右键单击图层3，在弹出的快捷菜单中 选择“遮罩层”命令，将图层3变为遮罩层。
（10）在图层3上方新建一个图层4，选中图层3和 图层2中的所有帧，用鼠标右键单击，在弹出的快捷 菜单中选择“复制帧”命令。
（7）下面用类似的方法输入诗句的第二句。在图层3上 方新建一个图层，为了使第二句诗比第一句诗后出现，在 第41帧插入关键帧，并在图层的右下方输入文字“人面桃 花相映红”，设置为“隶书、37、黄色、加粗”，如图 11-16所示。
图11-16
（8）在图层4上方新建一个图层，在文字左方绘制一个 矩形，要求其高度比文字高。
1.引导动画的制作方法
制作引导动画的具体操作如下。 （1）在普通层中创建一个元件。 （2）在普通层上方新建一个引导层，普通层自动变 为被引导层，在引导层中绘制一条路径。 （3）将引导层中的路径沿用到某一帧。
（4）在被引导层中将元件的中心控制点移动到路 径的起点。
（5）在被引导层的某一帧插入关键帧，并将元件移 动到引导层中路径的终点。
图11-5
（2）新建一个图层，将其命名为“飞机2”，导入 图片“飞机2.eps”，将飞机2按比例缩小，并将其 转换为图形元件，如图11-6所示。
图11-6
（3）选中图层“飞机2”，单击图标新建一个引导层， 选中引导层的第1帧，单击铅笔工具 ，在选项区域中选 择“平滑”模式，然后在舞台中绘制两条相交的光滑曲 线，然后在第50帧按【F5】键沿用帧，如图11-7所示。
（9）在第80帧插入关键帧，用任意变形工具
将矩形横向拉长，使其覆盖一行文字，然后在第40帧和第 80帧之间创建形状补间动画。
（10）用鼠标右键单击图层5，在弹出的快捷菜单中选择 “遮罩层”命令，即可使图层5变为遮罩层，图层4变为被 遮罩层。
（11）按 【Ctrl+Enter】 键播放动画，最 终效果如图1117所示。完成后 的时间轴如图1118所示。
11.1 制作引导动画
1.引导动画的制作方法 2.制作多层引导动画
前面介绍过引导层和被引导层，它们是制作引导动画 的必需图层。引导层应位于被引导层的上方，在引导 层中可以像其他层一样绘制各种图形和元件，它只是 对对象运动起导向作用，在最终效果中不会显示出来； 而与之相链接的被引导层则沿着引导层中的路径运动。
时针”选项。
2.制作多层引导动画
一个引导层还可以链接多个被引导层，这样可以使 多个对象沿着同一条路径运动；另外，一个引导层中 还可以有多条运动路径，使得不同的对象沿着不同的 路径运动。下面制作两架飞机相撞的过程，来练习多 层引导动画的制作过程。其具体操作如下：
（1）新建一个文件，将背景色设为浅蓝色，大小 设为550×300像素，将图层1命名为“飞机1”，导 入图片“飞机1.eps”，将飞机1按比例缩小，并将 其转换为图形元件，如图11-5所示。
（6）在被引导层的两个关键帧之间创建补间动画， 引导动画制作完成。
下面通过一个树叶飘落的动画讲解制作引导动画的 方法，具体操作如下。 （1）新建一个文件，选择[文件][导入][导入到 舞台]菜单命令，导入图片“叶子.eps”，将其缩至 适当大小，并放置在舞台的左上方。
（2）选中树叶，选择[修改][转换为元件]菜单命 令，将其转换为图形元件，如图11-1所示。
图11-1
（3）在时间轴的图 层区下方单击 图标新
建一个引导层，选中引 导层的第1帧，单击铅 笔工具 ，在选项区域
中选择“平滑”模式， 然后在舞台中绘制一条 光滑的曲线，如图112所示。
图11-2
（4）在引导层的第50帧按【F5】键沿用帧。 （5）选中被引导层中的树叶，将其中心控制点移动 到引导线的起点，然后在第50帧插入关键帧，并将 树叶放大一点。 （6）选中第50帧中的树叶，将其中心控制点移动 到引导线的终点位置，如图11-3所示。然后在第1 帧和第50帧之间创建动作补间动画。
图11-12
（2）新建一个图层， 在图片的左上方输入
文字“去年今日此门
中”，设置为“隶书、 37、黄色、加粗”， 如图11-13所示。
图11-13
（3）下面创建遮罩 层。在图层2上方新 建一个图层，在文字 的左方绘制一个矩形， 要求其高度比文字高， 如图11-14所示。
图11-14
（4）在第40帧插 入关键帧，用任意 变形工具 将矩形横
体设置为“方正黄草简体、69、白色”，再复制 一份文字，将颜色改为绿色，移动到白色文字的
左上方一点，形成绿字白底的立体字效果，如图 11-32所示。按【Ctrl＋B】键将文字打散，以确 保在没有安装该字体的电脑上也能正确显示该字 体效果。
图11-32
（3）新建一个图层，并命名为“选择[编 辑][粘贴到当前位置]菜单命令，将其粘贴到 “遮罩层”中相同的位置。
（4）新建一个图层，命名为“毛笔”，然后导 入素材“毛笔.swf”，并将其转换为图形元件， 然后对其大小作适当调整。最后用任意变形将毛 笔的中心控制点移动到笔尖上。
层设置为被引导图层。
（8）按【Ctrl+Enter】键播放动画，即可看到两 架飞机沿着不同的路径飞行，最后碰在了一起，如 图11-11所示。
图11-11
如果想使动画效果更 真实，还可以新建一个图 层，在第51帧绘制一团飞 机相撞爆炸后的烟雾，由 于篇幅所限，这里不再具 体制作，读者可以根据所
学知识自己制作。
图11-3
（7）选中第1帧，在“属性”面板的“补间”下
拉列表框中选择“动作”选项，并选中 、
、
和 复选框，如图11-4所示。
图11-4
选中
、
和 复选框是为了
使对象沿着引导路线移动，
选中 复选框是为了使树
叶从上到下飘落时逐渐增大。
如果想让树叶在飘落时旋转，
还可以在“旋转”下拉列表
框中选择“顺时针”或“逆
制作遮罩动画的具体操作如下。
（1）在普通层中创建要显示的内容。
（2）在普通层上方新建一个图层，在其中创建一 个对象或一段动画用来遮罩对象。
（3）将上方的图层转换为遮罩层即可完成一个遮 罩动画的创建。
下面通过一个文字录入效 果练习遮罩层的制作。其具 体操作如下。
（1）新建一个文件，在将 背景大小设为380×300像 素，导入图片“桃花.jpg”， 并适当缩小，使其刚好能覆 盖舞台，如图11-12所示。 然后在第80帧按【F5】键沿 用帧。
图11-23
（6）在元件编辑区的第42帧插入关键帧，单击任意 变形工具，将鼠标光标移到矩形上方的中点，当其变 为双向箭头时按住鼠标左键向下拖动，使其变为一条 直线。
（7）在第47帧和第97帧插入关键帧，再将第1帧复 制到第97帧，然后依次在第1帧和第42帧、第47帧和 第97帧之间创建动作补间动画，最后在第100帧按 【F5】键沿用帧，时间轴如图11-24所示。
图11-9
（6）选中图层“飞机1”中的第1帧，在“属性” 面板中按如图11-10所示进行设置，在第1帧和第50 帧之间创建动作补间动画。用相同的方法在图层 “飞机2”的第1帧和第50帧之间创建补间动画。
图11-10
（7）在场景中按【Enter】测试动画，可以看到飞 机2是沿着路径运动，而飞机1并未按路径运动，这 是因为在图层“飞机1”和引导层之间还没建立链接 关系，用鼠标右键单击图层“飞机1”，在弹出的快 捷菜单中选择“属性”命令，在打开的“图层属性” 对话框中选中 单选项，单击 按钮即可将该图
图11-17
图11-18
上机实战
制作百叶窗效果 毛笔字
在本课上机实战中将进行两个练习：一是制作百叶窗 效果，以此练习遮罩动画的制作方法；二是制作写毛 笔字的效果，以此练习引导动画的制作方法。通过练 习将使读者理解引导层和遮罩层在动画中的作用，并 熟练掌握引导动画和遮罩动画的制作方法。对于没有 练习到的多层引导动画的制作，读者可结合课堂讲解 自行练习。
制作百叶窗效果
下面制作一个 百叶窗效果，最 终 效 果 如 图 1119所示 ， 其 具 体 操作如下。
图11-19
（1）新建一个文件，将背景大小设为400×300像 素，导入图片“风景1.jpg”，将其缩至适当大小， 使其刚好能覆盖舞台，如图11-20所示。然后在第 100帧插入普通帧。
图11-20
11.2 制作遮罩动画
遮罩动画可通过遮罩层创建。利用遮罩层可以决定被 遮罩层中对象的显示情况，如被遮罩层中哪些地方显示， 哪些地方不显示。在遮罩层中有对象的地方就是“透明” 的，可以看到被遮罩层中的对象，而没有对象的地方就 是不透明的，被遮罩层中相应位置的对象是看不见的。 遮罩动画的制作原理就是通过遮罩层来决定被遮罩层中 的显示内容，出现动画效果。