制作引导线动画 教案正文

Flash动画技术制作引导线动画 教 学 分 析课题制作引导线动画教学时间2课时（90分钟）课程类型讲授新课教学设备多媒体电脑室、投影仪授课方式讲 授；演示；巡回指导教学方法启发式教学；演练结合；以学生为主体的行为引导教学法教 学 目 的u 理解创建引导线动画的基本原理u 掌握创建引导线动画的方法和一些应用技巧u 培养学生的观察力和想象力，能够举一反三运用所学知识制作相应的动画作品。重 点u 引导线动画原理u 引导线动画的制作步骤难 点u 引导线动画的应用技巧教 学 回 顾学习本课之前，学生已经熟练掌握如何在Flash中制作一般的补间运动动画以及Flash的常用术语。这一节课继续学习如何创建引导线动画。说 明考虑到技校学生的实际情况和培养目标，从本课程的教学需求出发，为了提高学生的学习兴趣，增强学生的学习自主性，培养学生的实操能力，巩固所学知识点，本课教学设计安排了较多的课堂练习时间。教 学 过 程 【复习旧课】同学们，我们已经学习了一些动画效果的制作，比如“小球跳动”、“舞台灯光效果”等。不知大家注意到没有，这些动画的运动轨迹都是直线。教师活动：使用投影仪在大屏幕上展示动画，引导学生回顾所学。学生活动：观看动画，思考。时间分配：2分钟【导入新课】展示另一个动画：“蝴蝶在花丛中飞舞”，提问：蝴蝶的运动轨迹与前面做的动画有什么不同？学生观察，得出结论：蝴蝶沿着花丛做曲线运动。在Flash中如何做出像这样的曲线运动效果呢？这就是我们这一节课要介绍的引导线动画。使用引导线做的动画，它的运动轨迹可以是一条曲线。这样，我们就可以创建更丰富更生动的动画效果了。教师活动：继续在大屏幕上展示动画，提问。学生活动：观看动画，回答问题。时间分配：3分钟设计思路：通过把这次课要学习的动画与前面学过的动画做比较，吸引学生的注意力，激发学生学习新知识的兴趣。【讲授新课】我们首先来了解引导线动画的制作原理：一引导线动画的制作原理 （板书）将一个或多个图层链接到一个运动引导层，使一个或多个对象沿同一条路径运动，这种动画形式就叫“引导线动画”。它可以使一个或多个元件完成曲线运动或不规则运动。一个最基本的引导线动画由两个图层组成：上面一层称为“引导层”，它的图层图标为。下面一层称为“被引导层”，图层图标与普通图标一样为。在普通图层上面创建引导层后，普通图层就会缩进成为被引导层。引导层用来放置引导线。引导线也就是元件的运动路径，可以使用铅笔、线条、椭圆和画笔等绘图工具进行绘制。被引导层用来放置被引导的元件，当创建运动动画后，元件就会沿着引导线运动起来。教师活动：讲授新知识。学生活动：听讲。时间分配：5分钟下面，我们通过一个简单的实例具体学习如何制作引导线动画。【演示】制作沿着曲线运动的小球动画1 新建影片，设置影片的高度和宽度值，将图层1重命名为ball层。(如下图)2 在ball层的第1帧画一个小球，（提问）怎么把它转换为元件？（学生答）按F8将小球转换为一个图形元件。将它命名为“小球”。3在图层面板中单击“添加引导层”按钮，添加一个引导层。(如下图)4，在引导层的第1帧用铅笔工具画一条曲线。(如下图)（提问）怎么使画出的线段比较平滑呢？（学生答）在铅笔工具的选项面板里选中“平滑”选项。5 在引导层的第25帧按F5插入帧。6 在ball层的第25帧上按F6插入关键帧。7 在ball层第1帧上将小球移动到引导线的起始位置(如下图1)，在第25帧上将小球移动到引导线的结尾位置(如下图2)，即分别将元件的中心吸附在引导线上。 图1 图28 在小球的第1至第25帧之间创建补间运动。9 测试、保存影片。时间轴如下图：教师活动：通过投影仪演示操作过程，边讲授边提问。学生活动：边观察老师操作，边思考回答问题。在演示的过程中，有一些操作是学生已经学过的，可以结合全体提问的方式，使学生一起参与到这个过程中。设计思路：演示一个简单的引导线动画的制作过程，使学生对这个制作过程有一个感性认识。时间分配：7分钟现在，我们一起来回忆刚才的操作，把创建引导线动画的操作归纳起来，一共有四大步骤：二引导线动画的制作步骤（板书）1、创建元件；（板书）引导层所引导的必须是元件，包括：影片剪辑、图形、按钮以及文字等。在制作引导线动画时，首先要做的就是创建元件。2、编辑引导层；（板书）创建好元件后，接下来就需要编辑引导层：首先是创建引导层，然后在引导层中绘制出引导线，也就是元件的运动轨迹。包括：1）添加运动引导层单击时间轴面板中的“添加运动引导层”按钮，就可以在当前层的上方添加一个引导层。2）添加引导线创建好引导层后，还要在引导层画上引导线，可以使用各种绘图工具来绘制出所需的线条。引导线是一种功能线，在生成的swf文件中是看不到引导线的，所以我们只需画出引导线，而不必理会它的颜色和粗细。3）在被引导层的某一帧按F6插入关键帧，再在引导层插入帧，将它延长到该帧处。3、使元件的注册中心吸附到引导线上；（板书）要使元件沿引导线运动，必须使之吸附到引导线上。也就是在被引导层中，将首尾两个关键帧上的元件中心分别与引导线进行衔接。为了方便操作，可以单击绘图工具栏的“对齐对象”按钮，打开吸附到对象功能。当把元件拖动到引导线附近时，就会自动吸附到引导线上。此时，元件中心与引导曲线上某一点重合，同时出现表示吸附成功的一个小圆标志（如下图的黄色小圆圈所示）。注意：这个步骤非常重要，元件中心能否正确吸附到引导线上，是引导线动画能否创建成功的关键。4、创建元件的动画；（板书）选择元件所在图层的第1帧，单击右键选择“创建补间动画”。教师活动：讲授。学生活动：听讲、思考。设计思路：把动画制作过程归纳为几大步，方便学生记忆，使学生对这个制作过程上升到理性认识。时间分配：8分钟【课堂练习】F 练习1现在，我们进行上机练习，（提问）请大家想一想，生活中，有什么对象的运动轨迹是一条曲线或者是不规则的线条呢？举个例子，比如雪花飞舞、小船在海里乘风破浪。还有什么？（学生答）随风飘落的树叶、小鸟在天空中飞翔、运动员在跑道上跑步根据刚才归纳的几个步骤，参照我演示的沿着曲线运动的小球动画，把你想到的动画做出来，制作的时候，只要把小球元件改成你想到的对象就可以了。练习要点 注意动画能否成功的关键是元件中心有没有与引导线衔接好。我们还可以在需要的位置插入关键帧，把该帧上的元件中心对准引导线，来更好地控制对象的运动效果。教师活动：提问，创设情境使学生能够把所学知识应用到实际中，启发学生思考，联系实际，调动起学习热情。在学生进行练习的同时进行巡回指导。学生活动：积极思考，产生较大的兴趣，愉快地进行练习。设计思路：通过本练习，使学生初步掌握引导线动画的创建过程，并能运用到实际中。时间分配：10分钟当大部分学生完成一个元件的引导线动画后，继续引导学生：假如要制作几片树叶沿着不同的路径落下，能不能做出来？只要在动画中添加多个引导层，绘制多条引导线，使它们分别引导每一个的元件的运动就可以了。接下来，我们来完成以下两个引导线动画的制作。请同学们仔细观察，然后自行做出动画效果。F 练习2 运动的超人实例效果：超人从画面右上角进入，沿着一段弧线运动，再从画面左上角飞出，运动过程中逐渐变大。如下图所示：实例说明：本例使用引导层控制超人的运动轨迹，让超人按一条曲线的运动轨迹飞驰而过。制作要点分析：1如何改变超人的运动方向？我们可以在帧属性面板上对动画进行更细致的设置：选中“调整到路径”、“同步”和“对齐”选项，就可以使元件沿着引导线自动调整运动方向。2如何实现超人从小逐渐变大，以及动画开始时超人的头部在下，结束时超人头部在上的效果？运用以前学习的知识，在起始帧设置超人的大小为5%，旋转180,在结束帧将超人旋转30。教师活动：巡回指导，着重讲解习题的制作要点。学生活动：边观察大屏幕上的动画，边进行上机练习。时间分配：15分钟设计思路：预先对习题进行设计，让学生在练习过程中碰到问题（制作要点），再根据学生的掌握情况进行讲解。F 练习3 绕圈的小球实例效果：两个不同颜色的小球各自围绕不同的椭圆路径做运动，两个椭圆形的运动路径清晰可见。如下图：实例说明：通过本例，使学生了解并掌握在同一个动画中创建多条引导线的方法，以及让对象沿着一段封闭路径运动的方法。制作要点分析：1如何让小球沿着椭圆路径运动？怎么确定运动路径的起始点和结束点？可以把椭圆的一小部分线段删除掉，使线段出现两个端点，再在把小球元件吸咐到这两个端点上。2如何实现两个小球各自围绕椭圆轨迹做运动而不会互相干扰？可以在动画中添加多个引导层，绘制多条引导线，使它们分别引导不同的元件。3如何在动画中显示出运动路径？引导层的内容在生成的动画文件中是看不见的，若要把运动路径显示出来，可以在引导层上面加上一个普通层，再把引导层的内容复制上去即可。教师活动：巡回指导，着重讲解习题的制作要点。学生活动：边观察大屏幕上的动画，边进行上机练习。时间分配：15分钟设计思路：预先对习题进行设计，让学生在练习过程中碰到问题（制作要点），再根据学生的掌握情况进行讲解。下面，我们对引导线动画的一些实际应用技巧做一个总结：三引导线动画的应用技巧（板书）1一个引导线动画中可以创建多条引导线；一条引导线可以引导多个不同的元件；2需要显示运动路径时，可以增加一个普通层，再把引导层的内容复制到该层上即可。比如：制作毛笔写字动画等。3如果要让对象沿着封闭路径运动，应删除掉封闭路径的一小部分，才能做出引导效果。如：沿着圆周运动的小球、沿着文字运动的小球；4选中帧属性面板中的“调整到路径”选项可以使元件沿着引导线自动调整运动的方向；5如果动画不能按指定路径移动，可以在需要的位置插入关键帧来控制它的位置。教师活动：讲授。学生活动：听讲，思考。时间分配：5分钟【小结】这次课学习了在Flash中创建引导线动画的方法和一些制作技巧。请同学们根据今天所学的知识，思考运用这种动画技术，我们还可以做出哪些丰富多彩的动画效果呢？【布置作业】（时间分配：约20分钟）1 课堂作业 制作本节课开始时演示的“比翼双飞”动画：两只蝴蝶在花丛中翩翩起舞，不时停留在花朵上采蜜。如下图：2课外作业根据今天所学的引导线动画的一些应用技巧，结合以前所学内容，把课堂练习1继续进行修改，使动画效果更丰富。【教学反馈】上课过程中，学生学习兴趣比较浓厚，能够掌握引导线动画的制作步骤，可以独立完成习题。个别学生设计出比较生动的动画作品。7 第 页，共7页