《第八节 路径引导动画的制作》参考课件.pptx

第八节路径引导动画的制作河南大学版七上

掌握Flash中图层的概念与原理掌握引导线的绘制方法及路径引导动画的基本制作方法。理解路径引导动画的基本原理。学习目标

新课导入生活中常见的蝴蝶飞舞、小狗奔跑、日出日落等，它们运动的路线有的是规则的直线，有的则是不规则的曲线或折线等。如果能将动画中运动对象的路线先绘制出来，然后再让运动对象沿着绘制的路线运动，就很容易实现栩栩如生的动画效果。利用动画补间动画，能够让对象“动”起来。如何让动画“动”得更加逼真呢？本节课，我们学习Flash中图层的基本概念和原理，理解什么是路径引导动画，并且能够利用路径引导动画制作动画。

Flash中的图层当新建一个Flash文档之后，时间轴面板上会默认出现一个“图层1”的图层时间轴，这里的“图层”表示什么意思呢？不妨想象一下，在同样大小的若干块透明玻璃的不同位置绘画，绘制完成之后，将这些透明玻璃上下叠加在一起，就会形成一幅合成的图画。图层的原理类似于这里的透明玻璃，在Flash中可以建立多个图层，每个图层都可以绘制图形、添加文字并制作动画等，将其叠加起来就可以形成合成效果。图层之间是相互独立的，修改某一图层上的元素不会影响其他图层。

Flash中的图层Flash中的图层类型包括普通图层、引导图层以及遮罩图层三种，与引导图层和遮罩图层配合的普通图层分别叫作“被引导层”和“被遮罩层”。如图所示，“引导层:图层1”为引导层，“图层1”为被引导层，“图层2”为遮罩层，“图层5”为被遮罩层，“图层3”为普通层。

认识引导图层要让对象沿着一定的路径运动，需要先把路径确定下来，这里的路径被称为引导线。在Flash中，绘制引导线路径的图层被称为引导层，而路径引导动画需要一个引导层和至少一个被引导层配合才能够实现。创建引导层的方法有两种：一是直接选择一个图层，单击“添加运动引导层”按钮，或者在该图层上单击右键快捷菜单中的“添加运动引导层”，执行“添加运动引导层”命令，为该图层添加引导层，如图所示。

认识引导图层二是在该图层上单击右键快捷菜单中的“引导层”命令，使某一普通图层变成引导层，再将其他普通图层拖曳到引导层中，使其归属于引导层。在时间轴面板中，引导层、被引导层和普通层的关系，如图所示。

制作路径引导动画制作一个花瓣随风飞舞的小动画。第1步：新建背景图层。新建一个宽550px、高400px的Flash文档，将图层1重命名为“背景”，选中背景层的第1帧空白关键帧，依次单击“文件”—“导入”—“导入到舞台”，选择背景图片，确定导入。建好的背景层如图所示。之后选中第30帧，单击右键快捷菜单中的“插入帧”

制作路径引导动画第2步：新建花瓣图层。新建普通图层，命名为“花瓣”，选中花瓣层的第1帧空白关键帧，依次单击“文件”一“导人”一“导入到舞台”，选择花瓣图片，单击“确定”后导入。导入花图片后，选中花瓣图片，单击右键快捷菜单中的“转换为元件”，在弹出的“转换为元件”窗口中，命名元件为“花瓣”，类型选择“图形”，单击“确定”，舞台上的花瓣就变为带有蓝色线框的元件了。如图所示。

制作路径引导动画第3步：新建引导图层。选中花瓣图层，为其创建一个引导图层，选中引导层的第1帧关键帧，选择“铅笔工具”，在选项栏中选择“平滑”，如左图所示。在舞台中绘制一条花瓣飞舞路径的引导线，如右图所示。绘制完成后，选中引导层的第30帧，单击右键快捷菜单中的“插入帧”

制作路径引导动画第4步：调整花瓣元件位置。选中花瓣图层，在第30帧插入关键帧，选中第1帧关键帧，将花瓣元件拖动至引导线的起始端，使花瓣元件中间的小圆圈位于引导线的端点处，如图所示。同样的方法，选中花瓣图层第30帧关键帧，调整花瓣元件的位置，使其中间的小圆圈位于引导线的结尾端。

制作路径引导动画第5步：创建补间动画。选中花瓣图层1-30帧中的任意一帧，单击右键快捷菜单中的“创建补间动画”，测试影片，即可看到花瓣沿着引导线飞舞的动画。但是仔细观察会发现，花瓣在飞舞的过程中自身的角度并没有发生任何变化，这个时候需要对补间动画的属性进行设置。在下方属性栏里勾选“调整到路径”选项，如图所示。再次测试影片，就能看到花瓣飞舞的动画了。第6步:完成作品,发布动画。

练习提升完成教材P122练习提升