Flash动画的制作

1第五章Flash动画的制作第三节轨迹动画的制作课程名称：教育技术学授课教师：教育科学与技术系马慧授课对象：对外汉语0501、0502班，思政0501班教学内容：轨迹动画的制作。首先通过三个方面--什么叫轨迹动画，轨迹动画的创建、轨迹动画图层中对象的要求进行基本原理的讲解，再结合两个具体的实例（月球围绕地球旋转、变轨），使学生在具体的操作演练中对知识进行强化理解。教学目标：1．知识目标：理解“什么叫轨迹动画”；知道轨迹动画中使用对象的具体要求；掌握轨迹动画的制作方法。2．技能目标：能熟练进行轨迹动画的制作；培养学生的动手操作能力。3．情感目标：通过设置丰富的问题情境，激发学生的好奇心和求知欲；体验动画制作的乐趣，激发学生进一步学习动画制作的兴趣。教学重点：轨迹动画的创建方法、实例1的制作。教学难点：引导线的设置、对象在引导线上位置的确定。教学方法：1．讲授、实例操作相结合。2．案例分析法。3．运用多媒体辅助教学。教学媒体：多媒体电脑、多媒体课件、视频材料、动画。教学时间：1课时教学过程：一、导入新课结合“嫦娥奔月”的3D模拟动画以及二维平面动画导入新课——轨迹动画。（一）播放“嫦娥奔月”的3D模拟动画2007年10月24日下午6点05分，我国第一颗探月卫星“嫦娥一号”在西昌卫星发射中心成功升空，嫦娥奔月这个千古神话，也从被称作“月亮城”的西昌开始变成现实。（如图5-3-1）2图5-3-1（二）播放“嫦娥奔月”的二维平面动画“嫦娥奔月”的全过程能通过3D动画进行模拟，如果使用我们正在学习的Flash软件，能否制作出“嫦娥奔月”的二维平面动画呢?当然。播放动画，请学生观看。（如图5-3-2）图5-3-2同学们通过观看以及观察可以发现，卫星在“奔月”的过程中，是沿着特定的轨迹运动的。我们前面学过的两种动画类型--逐帧动画和补间动画（形状补间和动作补间）能否实现这一效果呢？1．逐帧动画（如图5-3-3）：指在每个帧上都有关键性变化的动画，它由多个关键帧组合而成。每两个关键帧之间并不存在运动补间。图5-3-332．补间动画--形状补间和动作补间形状补间动画（如图5-3-4）：指在一个时间点（关键帧）绘制一个形状，然后在另一个时间点（关键帧）更改该形状或绘制另一个形状，Flash根据这两个关键帧的形状来创建的动画。图5-3-4动作补间动画（如图5-3-5）：指在一个时间点（关键帧）放置一个元件，然后在另一个时间点（关键帧）改变这个元件的大小、颜色、位置、透明度等等，Flash根据二者之间的帧的值创建的动画。图5-3-5注意：尽管动作补间动画能实现位置的变化，但它的位移是由两个关键帧中的元件位置决定的，运动路线是元件所在点连成的直线，而并非既定的轨迹（如卫星的运动轨迹）。经过分析和讲解得出答案：这两种类型的动画均不能实现“沿着特定的轨迹运动”这一效果，从而引出新课内容：轨迹动画的制作。（教师在讲解时应结合具体的实例进行分析，既对前面学习的内容进行了复习，同时也很自然地将学生引导进新知的学习中）二、新课教学—轨迹动画（一）基本原理1.什么叫轨迹动画将一个或多个层链接到一个运动引导层，使一个或多个对象沿同一条路径运动的动画形式称为“轨迹动画”，或者称之为“引导动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。从这里我们可以看出,一个轨迹动画至少需要两个图层才能实现。结合实例进行分析（如图5-3-5），一个图层中放置运动的元件—球，另一个图层中放置轨迹（或称为引导线）。从实例中可以发现，引导线在测试影片时生成的.swf文件中不显示，而仅仅在源文件中显示。那4么，这两个图层的名称分别为什么呢？它们与前面学过的普通图层有什么不同呢？进入第2点的学习--轨迹动画的创建。2．轨迹动画的创建一个最基本的“轨迹动画”由两个图层组成，上面一层是“引导层”，它的图层图标为，下面一层是“被引导层”，图标为，同普通图层一样。轨迹动画的创建方法很简单：先选中需要添加“引导层”的普通图层，再点击时间轴面板的“添加引导层”按钮，该层的上面就会添加一个引导层，同时该普通层缩进成为“被引导层”。如图5-3-6，蓝色高光所显示的图层为选中的“普通图层”，添加“引导层”后缩进为“被引导层”；“图层3”为普通图层。尽管两者的图标一样，但两者的属性却完全不同。图5-3-6需要的图层创建好后，接下来的任务便是向每个图层中添加对象。前面学习的形状补间动画和动作补间动画中，对完成动画的对象都有各自具体的要求，那么，在今天学习的轨迹动画中，“引导层”和“被引导层”中的对象又分别有哪些要求呢？进入第3点的学习--图层中对象的要求。3.图层中对象的要求（1）引导层中对象的要求引导层是用来指示元件运行路径的，所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。如卫星运动的轨迹。（如图5-3-7）图5-3-7（2）被引导层中对象的要求由于引导线是一种运动轨迹，某一对象需要沿着这条轨迹运动。所以，不难想象，“被引导层”中最常用的动画形式是动作补间动画，当播放动画时，一个或数个元件将沿着运动5路径移动。也就是说，“被引导层”中的对象与动作补间动画中的对象是一致的。请同学们回想一下，前面讲过的“动作补间动画”中对对象有哪此具体的要求呢？问题1：“动作补间动画”中对象有哪此具体的要求？先请学生回答，教师再进行分析总结。“被引导层”中的对象是跟着引导线走的，可以使用影片剪辑、图形、按钮、文字以及组合后的对象，但不能应用形状。通过三个方面（什么叫轨迹动画；轨迹动画的创建；图层中对象的要求）的学习，对轨迹动画已经有了初步的了解，下面进入实例操作，在具体的操作过程中来仔细体会轨迹动画的强大功能。（二）实例制作实例1：月球围绕地球旋转（如图5-3-8）图5-3-8先请学生对实例进行分析，教师再进行具体步骤的讲解。问题2：在实例1中，需要几个元件，几个图层才能完成动画的制作？具体操作步骤1．启动程序：启动MacromediaFlash8，进入动画设计窗口，将背景色设置为蓝色。2．创建元件：按插入/新建元件命令或按Ctrl+F8，创建两个图形元件（旧知）。第一个图形元件命名为“地球”，绘制方法如下：选取工具栏中的椭圆工具，将“笔触色”设置为“无色”，将“填充色”设置为蓝色到白色的放射状渐变色；然后在编辑窗口中画一个椭圆；并将“对齐”面板调出来，按下相对舞台按钮，分别按下水平中齐和垂直中齐按钮，使元件位于舞台中心。第二个图形元件命名为“月球”，绘制方法如下同“地球”，只是填充色设置为黄色即可。3．建立图层：进入场景1编辑窗口，建立两个图层，由下到上分别命名为“地球”、“月球”（旧知），然后给“月球”图层添加运动引导层（第三个图层）。如果要查看图层的属性，则可以选中图层，单击鼠标右键，选中“属性”，即可查看。4．给图层添加对象：分别向这三个图层的第一帧上添加对象，第一个图层为“地球”，第二个图层为“月球”，在舞台上确定好两个对象的位置。而引导层上则需要选取工具栏中的椭圆工具进行绘制，在填充色工具栏中按下无色按钮，在引导层中画一个椭圆，用变形工具6调整大小和角度，选橡皮擦工具将椭圆擦去一个小缺口。问题：引导线上为什么要用橡皮擦工具擦去一个小缺口呢？这是因为“月球”元件会根据起点与终点的位置来选择最短的路径运行。举例说明：设起点为A区（黄州），终点为B区（武汉）(如图5-3-9),从黄州到武汉可以选择两条线路--线路AB和线路A1B1。AB线路需要花费30元的车费，耗时2小时；A1B1线路需要花费10元的车费，耗时30分钟。如果从黄州到武汉，你会选择哪条路线呢？毫无疑问，大家会不约而同地选择第二线路，既省钱又省时。假如线路A1B1出现故障，进入全面封锁维修状态（如图5-3-10），那么大家只能忍痛去选择既费时又花钱的AB线路了。同理，“月球”在运行的过程中，它也会很明智地去选择较短的路线，它不也同样希望能既省钱又省时吗！所以在制作的过程中，一定要记住给封闭的路线制造一个缺口，使“月球”不得不选择较长的路线运行。当然，在制作缺口的时候要记住，缺口不要太大。由于缺口较小，且动画是循环播放的，月球的运行看起来会很流畅，不会产生跳跃感。图5-3-9图5-3-105．设置补间：进入“月球”图层，选中第一帧，选取“月球”把它拖到椭圆上的一个端口（起点），假设月球围绕地球运行一周的时间为36帧（关于帧以及帧频在前面已讲过，如果帧频为12，则1秒钟可以播放12帧的动画），则需要在第36帧上按下F6插入另一个关键帧，再把“月球”拖到椭圆上的另一个端口（终点）。回到第1个关键帧，在其属性面板中的“补间”窗口中选取“动画”，为两个关键帧中间加入补间动画。最后，按Ctrl+Enter进行测试观看动画效果。注意：在设置“月球”在引导线上的位置时，要用鼠标选中“月球”的中心并拖动，这时，中心会显示出来，使中心紧紧吸附于引导线上。对象是否能紧贴吸附，要查看“视图”--“贴紧”--“贴紧至对象”是否勾选。教师在进行讲解时可以将“注意”的问题放在“学生演示”后再讲，由学生先上台进行操作演示，出现问题后再进行“注意”事项的讲解。这样，可以加深学生对这一知识的记忆和理解。实践：学生上台操作--月球围绕地球旋转实例2：变轨（如图5-3-11）7图5-3-11具体操作步骤在实例1的基础上添加以下步骤：1.引导层中的操作:选中第1个关键帧进行复制“复制帧”，然后选中第37帧，“粘贴帧”即对轨迹进行了复制。使用变形工具将轨迹缩小，即设置了第2条轨迹。2.“月球”图层的操作：确定月球在引导线上的位置。在第37帧插入关键帧，选中“月球”，移动至第2条轨迹的一个端点（起点）；然后在第60帧的位置再插入一个关键帧，再选中“月球”，移动至第2条轨迹的另一个端点（终点），即确定起点和终点的位置;3.设置月球的补间—动作补间。三、小结1.轨迹动画的图层个数：至少两层；2.多个元件的图层分布：每个元件单独放置在一个图层中；3.一个引导层中可以绘制多条轨迹对同一个对象进行引导。四、作业制作动画：滚动的数字（如图5-3-12）图5-3-12课后作业的制作要注意：7、8、9三上数字的滚动是沿着绘制一条曲线进行运动的，即需要在引导层上绘制引导线；而0-6这几个数字的运动只要设置好每个图层的两个关键帧，创建动作补间即可，不需要引导线。