动画制作实践

1、 教学设计 第一学时共1课时 4.3.2动画制作实践 高中信息技术 教科2003课标版 评论（0） 1教材分析 本课教学内容是校本教材第四单元 “计算机动画制作”中的“动画制作实践”。“动画制作”对高一的学生来说还是有一定难度的，但学生的兴趣非常浓厚；本课主要学习形状补间动画的制作方法。评论（0） 2学情分析 本节课的教学对象为高中一年级学生，高一绝大部分学生是刚刚接触FLASH内容，通过前几节课的学习对FLASH有了一定的了解，对该软件的窗口、面板、工具、图层等基础知识有一些初步认识，但是对FLASH软件还不能较全面的掌握和应用，还需要进一步巩固。评论（0） 3教学内容分析 本节课的教学内容

2、为形状补间动画制作，针对实际情况，具体将以几个任务围绕教学目标开展教学：首任务基本任务（讲授）：五边形变五角星；次任务任务一：圆变方；任务二：文字变文字；任务三：图片变图片；任务四：文字变图片。5个任务的设计切合学生的学习思路，激发学生的学习兴趣，由浅入深，层层提高；在教学过程中不断加入新的知识点，用各种教学方式与手段将知识点传授给学生，最后突破难点，完成课堂教学目标。评论（0） 4教学设计思想与策略 课本教材中的动画对我校学生过于复杂，因此在实际教学中应该遵循“循序渐进，逐步提高”的思路，本节课我个人的思考是：一、设计思想围绕教材设计基本任务，使所有学生对形状补间动画有所了解，并能够制作简单

3、的形状补间动画。二、教学策略采用有趣的素材，激发学生的学习兴趣，提高学生的学习能力，让学生总有一种想尝试的感觉，不怕学生出问题，遇到困难，教师引导学生探究学习的方向，学生通过自主学习来解决困难，若解决不了，在必要时教师设置排疑解难；让学生在尝试中去探索，在探索中获取知识，同时获得能力，通过本节课内容的学习与实践操作，要使学生学会“形状补间动画”的制作。评论（0） 5教学目标 一、知识与技能：1理解形状补间动画的概念，掌握其制作方法；2掌握将位图转换为矢量图的操作方法，了解位图在形状补间动画中为何要矢量化。二、过程与方法：通过自主探究、任务驱动，发现问题、解决问题，来掌握形状补间动画的制作方法。

4、三、情感态度与价值观：培养学生的动手能力、想象力及互助精神。评论（0） 6重点难点 重点：形状补间动画的制作方法；掌握位图矢量化方法。难点：形状补间动画的制作方法；了解图片矢量化的原因。评论（0） 7教学方法及教学手段分析 一、教学方法：引导法、演示法、任务驱动法、师生互动。二、教学手段任务素材、投影、课件8教学过程 8.1 第一学时 教学活动 评论(0) 活动1【导入】导入 师：(过渡语)同学们，我们上节课已经学习了FLASH制作动画的一般流程。了解到制作一个FLASH动画需要进行6个步骤：新建文档设置文档属性动画编辑保存动画发布设置发布测试动画。并且利用这个流程制作了两个逐帧动画：过光文字

5、（文字与背景在两个图层、重命名、导入图片、文本工具、相对于舞台对齐、文字需打散、F6-关键帧、F5-普通帧）与数字倒计时（要想在游览器中播放FLASH动画必须在发布时选择HTML选项卡创建HTML文档，我们了解到逐帧动画的每一帧都是一个关键帧。FLASH制作动画有逐帧动画和补间动画，其中补间动画又分为形状补间动画和动画补间动画。而我们今天将要学习的是其中的“形状补间动画”。设计意图：回顾上节课的内容，引出今天的要学内容。复习上节课的内容，对一些操作技巧进行巩固，并引出今天要学的内容。师：(过渡语)同学们，我们上节课已经学习了FLASH制作动画的一般流程。了解到制作一个FLASH动画需要进行6个

6、步骤：新建文档设置文档属性动画编辑保存动画发布设置发布测试动画。并且利用这个流程制作了两个逐帧动画：过光文字（文字与背景在两个图层、重命名、导入图片、文本工具、相对于舞台对齐、文字需打散、F6-关键帧、F5-普通帧）与数字倒计时（要想在游览器中播放FLASH动画必须在发布时选择HTML选项卡创建HTML文档，我们了解到逐帧动画的每一帧都是一个关键帧。FLASH制作动画有逐帧动画和补间动画，其中补间动画又分为形状补间动画和动画补间动画。而我们今天将要学习的是其中的“形状补间动画”。设计意图：回顾上节课的内容，引出今天的要学内容。评论(0) 活动2【讲授】讲授新课 师：(过渡语) 那么，现在就请同

7、学们跟我去认识一下什么是“形状补间动画”；演示“五边形变五角星”的动画。(板书) 形状补间动画的概念：使一个对象逐渐变成另一个对象，实现两个对象间(颜色、位置、大小、形状)的平滑过渡。设计意图：让学生有概念认识。演示“五边形变五角星”的源文件。形状补间动画在时间面板上的表现：形状补间动画建好后，时间轴面板的背景颜色变为淡绿色，在起始帧和结束帧之间有一个长长的实线箭头。(板书)在FLASH的时间轴上，在一个关键帧绘制一个形状，然后再另一个关键帧更改形状或绘制另一个形状，FLASH根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。而其中的形状是指在FLASH中直接使用绘图工具绘制出来的

8、矢量图，或者是将其他对象分离出来的矢量图形。设计意图：让学生加深概念。师：(过渡语) 了解了概念以后，我们一起来制作一个简单的形状补间动画。（讲解）以“五边形变五角星”为例简单讲授制作过程。(制作五角星提示)：点击工具箱中 选择“多角星形工具”，然后打开“窗口”菜单“属性”面板，点击“选项”，修改“工具设置”属性对话框。注意：无笔触。只要创建出两个关键帧中的对象，其他过渡帧便可以通过Flash自己制作出来。设计意图：学生认真学习，掌握制作过程让学生对形状补间动画的制作过程有系统的认识。通过教师讲解使学生知道形状补间动画的制作过程。评论(0) 活动3【活动】任务一 制作形状补间动画的条件：至少有

9、两个关键帧；在这两个关键帧中包含必要的形状，并且有一定的变化；设定了“形状补间”的动画方式。师： (过渡语)按照上述条件请同学们完成“圆变方”的动画。生： 完成任务，并进行保存。设计意图：让学生掌握基本的形状补间动画制作方法。评论(0) 活动4【活动】任务二 文字与文字间形状补间动画：师：（过渡语）这位同学完成的非常好！再请同学们完成“文字-文字”的动画。（预期结果：操作未成功，1-30帧显示为绿色、虚线。）形状补间动画并不是什么时候都可以实现，如果对象不是形状或矢量图，而是元件、位图、文字等，选择补间为“形状”时，将在属性面板中出现一个惊叹号图标，表示补间动画设置有问题，同时在时间轴上显示出

10、的不是箭头而是虚线。点击惊叹号图，出现错误原因解释对话框。如何解决？提示：文字是一个组合对象，首先进行分离，然后再打散成矢量图形（点击菜单修改分离或用快捷键ctrl+B）。评论(0) 活动5【活动】任务三 图片与图片间形状补间动画：请一位学生制作 “二郎神”变成“牛魔王”的动画。（使用分离命令！）（预期结果：操作成功，但不是平滑过渡。）提示：图片从库中拖出来后必须执行将位图矢量化。(注意为了使形状补间动画更加逼真，请将不需要的点状删除)。排难解疑：师： (过渡语) 在完成任务二时，同学们都碰到了问题：问题1：文字-文字、图片-图片的形状补间动画无法实现！(解难)： 教师以“文字-文字”为例讲解

11、文字必须分离打散。以“图片-图片”为例讲解图片必须矢量化。问题2：位图为何要矢量化？(解难)： 有的同学非常爱动脑筋，导入位图与flash绘制的图片不一样吗？干嘛要矢量化，这是因为位图用二维象素矩阵描述，而矢量图用指令集合描述；他们的存储结构不同，因此必须矢量化，这样才能进行形状补间动画。评论(0) 活动6【活动】任务四 文字与图片间形状补间动画：请一位学生制作文字“二郎神”变成“猪八戒”图片的动画。师：(过渡语)那么此时同学们是否思考过制作形状补间动画的关键点是什么？(板书)形状补间动画制作的关键点：1插入的帧为空白关键帧；2首帧与尾帧的对象必须为点状的矢量图；3补间的实现动作不能放在尾帧上

12、。设计意图：归纳后，避免学生在这些问题上再次出错，而且能有一个系统的了解。文字与图片间形状补间动画：请一位学生制作文字“猪八戒”变成“猪八戒”图片的动画。师：(过渡语)那么此时同学们是否思考过制作形状补间动画的关键点是什么？(板书)形状补间动画制作的关键点：1插入的帧为空白关键帧；2首帧与尾帧的对象必须为点状的矢量图；3补间的实现动作不能放在尾帧上。设计意图：归纳后，避免学生在这些问题上再次出错，而且能有一个系统的了解。评论(0) 活动7【讲授】课堂总结 插入的是空白关键帧；文字的变化，首尾帧文字要分离，即打散而且要打散两次；图片的变化，首尾帧的位图要转化位图为矢量图；形状补间动画制作成功的标

13、志是：时间轴面板变为浅绿色，有一条实线箭头。评论(0) 活动8【练习】课堂练习 一、选择题：1要使用外部图片创建形状补间动画时，必须先将它们（ ）A、组合 B、转换位图为矢量图 C、对齐 D、变形2形状补间动画中，当第一个关键帧制作完成后，需要制作第二个关键帧，应在后面某一帧中（ ），对它的描述下列错误的是：A、插入空白关键帧 B、转换为关键帧 C、转换为空白关键帧3创建形状补间动画时，应（ ）A、选中起始帧，在属性面板中设置“补间形状”；B、在时间轴上直接击右键“创建补间动画；C、以上都不用。答案：1、B；2、B；3、A。二、判断题1在形状补间动画创建成功时，在时间轴上会显示一条淡紫色背景加长箭头。（ ）2在改变一个矢量图形的形状、颜色、位置，或一个矢量图变形成为另一个矢量图的过程中，可以使用形状补间动画。（ ）3在创建形状补间动画时，选中结束帧在属性面板中设置“补间”为“形状”即可完成。（ ）4通常导入的图片都是位图，要做形状补间动画必须将位图转换成矢量图。（ ）答案：1、；