动画制作实践.doc

4.3.2　动画制作实践
1教材分析
本课教学内容是校本教材第四单元 “计算机动画制作”中的“动画制作实践”。“动画制作”对高一的学生来说还是有一定难度的，但学生的兴趣非常浓厚；本课主要学习形状补间动画的制作方法。
2学情分析
本节课的教学对象为高中一年级学生，高一绝大部分学生是刚刚接触FLASH内容，通过前几节课的学习对FLASH有了一定的了解，对该软件的窗口、面板、工具、图层等基础知识有一些初步认识，但是对FLASH软件还不能较全面的掌握和应用，还需要进一步巩固。
3教学内容分析
本节课的教学内容为形状补间动画制作，针对实际情况，具体将以几个任务围绕教学目标开展教学：首任务——基本任务（讲授）：五边形变五角星；次任务——任务一：圆变方；任务二：文字变文字；任务三：图片变图片；任务四：文字变图片。5个任务的设计切合学生的学习思路，激发学生的学习兴趣，由浅入深，层层提高；在教学过程中不断加入新的知识点，用各种教学方式与手段将知识点传授给学生，最后突破难点，完成课堂教学目标。
4教学设计思想与策略
课本教材中的动画对我校学生过于复杂，因此在实际教学中应该遵循“循序渐进，逐步提高”的思路，本节课我个人的思考是：
一、设计思想
围绕教材设计基本任务，使所有学生对形状补间动画有所了解，并能够制作简单的形状补间动画。
二、教学策略
采用有趣的素材，激发学生的学习兴趣，提高学生的学习能力，让学生总有一种想尝试的感觉，不怕学生出问题，遇到困难，教师引导学生探究学习的方向，学生通过自主学习来解决困难，若解决不了，在必要时教师设置排疑解难；让学生在尝试中去探索，在探索中获取知识，同时获得能力，通过本节课内容的学习与实践操作，要使学生学会“形状补间动画”的制作。
5教学目标
一、知识与技能：
1．理解形状补间动画的概念，掌握其制作方法；
2．掌握将位图转换为矢量图的操作方法，了解位图在形状补间动画中为何要矢量化。
二、过程与方法：
通过自主探究、任务驱动，发现问题、解决问题，来掌握形状补间动画的制作方法。
三、情感态度与价值观：
培养学生的动手能力、想象力及互助精神。
6重点难点
重点：形状补间动画的制作方法；掌握位图矢量化方法。
难点：形状补间动画的制作方法；了解图片矢量化的原因。
评论（0） 7教学方法及教学手段分析
一、教学方法：引导法、演示法、任务驱动法、师生互动。
二、教学手段
任务素材、投影、课件
8教学过程
8.1 第一学时
    教学活动
活动1【导入】导入
师：(过渡语)同学们，我们上节课已经学习了FLASH制作动画的一般流程。了解到制作一个FLASH动画需要进行6个步骤：①新建文档②设置文档属性③动画编辑④保存动画⑤发布设置⑥发布测试动画。并且利用这个流程制作了两个逐帧动画：过光文字（文字与背景在两个图层、重命名、导入图片、文本工具、相对于舞台对齐、文字需打散、F6-关键帧、F5-普通帧）与数字倒计时（要想在游览器中播放FLASH动画必须在发布时选择HTML选项卡创建HTML文档，我们了解到逐帧动画的每一帧都是一个关键帧。FLASH制作动画有逐帧动画和补间动画，其中补间动画又分为形状补间动画和动画补间动画。而我们今天将要学习的是其中的—“形状补间动画”。
设计意图：回顾上节课的内容，引出今天的要学内容。
复习上节课的内容，对一些操作技巧进行巩固，并引出今天要学的内容。
师：(过渡语)同学们，我们上节课已经学习了FLASH制作动画的一般流程。了解到制作一个FLASH动画需要进行6个步骤：①新建文档②设置文档属性③动画编辑④保存动画⑤发布设置⑥发布测试动画。并且利用这个流程制作了两个逐帧动画：过光文字（文字与背景在两个图层、重命名、导入图片、文本工具、相对于舞台对齐、文字需打散、F6-关键帧、F5-普通帧）与数字倒计时（要想在游览器中播放FLASH动画必须在发布时选择HTML选项卡创建HTML文档，我们了解到逐帧动画的每一帧都是一个关键帧。FLASH制作动画有逐帧动画和补间动画，其中补间动画又分为形状补间动画和动画补间动画。而我们今天将要学习的是其中的—“形状补间动画”。
设计意图：回顾上节课的内容，引出今天的要学内容。

活动2【讲授】讲授新课
师：(过渡语) 那么，现在就请同学们跟我去认识一下什么是“形状补间动画”；
演示“五边形变五角星”的动画。
(板书)  形状补间动画的概念：使一个对象逐渐变成另一个对象，实现两个对象间(颜色、位置、大小、形状)的平滑过渡。
设计意图：让学生有概念认识。
演示“五边形变五角星”的源文件。
形状补间动画在时间面板上的表现：形状补间动画建好后，时间轴面板的背景颜色变为淡绿色，在起始帧和结束帧之间有一个长长的实线箭头。
(板书)在FLASH的时间轴上，在一个关键帧绘制一个形状，然后再另一个关键帧更改形状或绘制另一个形状，FLASH根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。
而其中的形状是指在FLASH中直接使用绘图工具绘制出来的矢量图，或者是将其他对象分离出来的矢量图形。
设计意图：让学生加深概念。
师：(过渡语) 了解了概念以后，我们一起来制作一个简单的形状补间动画。
（讲解）以“五边形变五角星”为例简单讲授制作过程。
(制作五角星提示)：点击工具箱中 选择“多角星形工具”，然后打开“窗口”菜单“属性”面板，点击“选项”，修改“工具设置”属性对话框。
注意：无笔触。
只要创建出两个关键帧中的对象，其他过渡帧便可以通过Flash自己制作出来。
设计意图：学生认真学习，掌握制作过程让学生对形状补间动画的制作过程有系统的认识。通过教师讲解使学生知道形状补间动画的制作过程。
活动3【活动】任务一
制作形状补间动画的条件：
①至少有两个关键帧；
②在这两个关键帧中包含必要的形状，并且有一定的变化；
③设定了“形状补间”的动画方式。
师： (过渡语)按照上述条件请同学们完成“圆变方”的动画。
生： 完成任务，并进行保存。
设计意图：让学生掌握基本的形状补间动画制作方法。
活动4【活动】任务二
文字与文字间形状补间动画：
师：（过渡语）这位同学完成的非常好！再请同学们完成“文字-文字”的动画。
（预期结果：操作未成功，1-30帧显示为绿色、虚线。）
形状补间动画并不是什么时候都可以实现，如果对象不是形状或矢量图，而是元件、位图、文字等，选择补间为“形状”时，将在属性面板中出现一个惊叹号图标，表示补间动画设置有问题，同时在时间轴上显示出的不是箭头而是虚线。点击惊叹号图，出现错误原因解释对话框。
如何解决？
提示：文字是一个组合对象，首先进行分离，然后再打散成矢量图形（点击菜单修改分离或用快捷键ctrl+B）。
活动5【活动】任务三
图片与图片间形状补间动画：
请一位学生制作 “二郎神”变成“牛魔王”的动画。（使用分离命令！）
（预期结果：操作成功，但不是平滑过渡。）
提示：图片从库中拖出来后必须执行将位图矢量化。(注意为了使形状补间动画更加逼真，请将不需要的点状删除)。
排难解疑：
师： (过渡语)  在完成任务二时，同学们都碰到了问题：
问题1：文字-文字、图片-图片的形状补间动画无法实现！
(解难)： 教师以“文字-文字”为例讲解文字必须分离打散。
以“图片-图片”为例讲解图片必须矢量化。
问题2：位图为何要矢量化？
(解难)： 有的同学非常爱动脑筋，导入位图与flash绘制的图片不一样吗？干嘛要矢量化，这是因为位图用二维象素矩阵描述，而矢量图用指令集合描述；他们的存储结构不同，因此必须矢量化，这样才能进行形状补间动画。
活动6【活动】任务四
文字与图片间形状补间动画：
请一位学生制作文字“二郎神”变成“猪八戒”图片的动画。
师：(过渡语)  那么此时同学们是否思考过制作形状补间动画的关键点是什么？
(板书)   形状补间动画制作的关键点：
1．插入的帧为空白关键帧；
2．首帧与尾帧的对象必须为点状的矢量图；
3．补间的实现动作不能放在尾帧上。
设计意图：归纳后，避免学生在这些问题上再次出错，而且能有一个系统的了解。
文字与图片间形状补间动画：
请一位学生制作文字“猪八戒”变成“猪八戒”图片的动画。
师：(过渡语)  那么此时同学们是否思考过制作形状补间动画的关键点是什么？
(板书)   形状补间动画制作的关键点：
1．插入的帧为空白关键帧；
2．首帧与尾帧的对象必须为点状的矢量图；
3．补间的实现动作不能放在尾帧上。
设计意图：归纳后，避免学生在这些问题上再次出错，而且能有一个系统的了解。
活动7【讲授】课堂总结
①插入的是空白关键帧；
②文字的变化，首尾帧文字要分离，即打散而且要打散两次；
③图片的变化，首尾帧的位图要转化位图为矢量图；
④形状补间动画制作成功的标志是：时间轴面板变为浅绿色，有一条实线箭头。
活动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、×；2、√；3、×；4、√。
评论(0) 活动9【作业】课后作业
请同学们制作A-B的形状补间动画。
评论(0) 活动10【活动】课后反思
本节课素材新颖；教学设计合理，引入及整个教学过程都充满了浓郁的趣味；很好地激发了学生的学习兴趣，调动了学生的学习积极性；教学设计以探究式教学模式进行，在教师引导下，由浅入深，让学生自己探究学习，发现问题，解决问题；整节课材料准备非常充分，师生互动效果好，且每个练习设有排难解疑，适合高中生学习思路。