《信息技术形状补间动画教学设计.pdf》由会员分享，可在线阅读，更多相关《信息技术形状补间动画教学设计.pdf（8页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、“形状补间动画”教学设计 教材分析 本课教学内容是校本教材第三单元“动画制作”中的“制作基本动画”第二课时“形状补间动画”。“动画制作”对高一的学生来说还是有一定难度的，但学生的兴趣非常浓厚；本课主要学习形状补间动画的制作方法。教学对象分析 本节课的教学对象为高中一年级学生，以下将从两个方面对其实行分析：高一绝绝大多数学生是刚刚接触 FLASH 内容，通过前几节课的学习对 FLASH 有了一定的理解，对该软件的窗口、面板、工具、图层等基础知识有一些初步理解，但是对 FLASH 软件还不能较全面的掌握和应用，还需要进一步巩固。2信息水平方面 我校高中生源复杂，水平参差不齐，局部学生在小学时就已经
2、参加过了信息技术竞赛，而有的却是刚接触计算机；奥赛班和普通班的设置使得班级与班级之间的差异增大，就这些现状，对教师的教学也提出了极大的要求。教学内容分析 本节课的教学内容为形状补间动画制作，针对实际情况，具体将以 5 个任务围绕教学目标展开教学：首任务基本任务（任务一）：五边形变五角星；次任务任务二：圆变方；任务三：文字变文字；任务四：图片变图片；任务五：文字变图片。5 个任务的设计切合学生的学习思路，激发学生的学习兴趣，由浅入深，层层提升；在教学过程中持续加入新的知识点，用各种教学方式与手段将知识点传授给学生，最后突破难点，完成课堂教学目标。教学设计思想与策略 本课的教材中给了一副动画卡片“
3、盛开的小花”的详细制作过程。但实际教学中还是应该遵循“循序渐进，逐步提升”的思路，这就对教师的教学设计提出了极大的要求，本节课我个人的思考是：一、设计思想 围绕教材设计基本任务，并适当加以延伸，而对于基础好的同学设计拓展任务；让所有学生各有所得，在原有基础上都有所提升。二、教学策略 采用有趣的素材，激发学生的学习兴趣，提升学生的学习水平，让学生总有一种想尝试的感觉，不怕学生出问题，遇到困难，教师引导学生探究学习的方向，学生通过自主学习来解决困难，若解决不了，在必要时教师设置排疑解难；让学生在尝试中去探索，在探索中获取知识，同时获得水平，通过本节课内容的学习与实践操作，要使学生学会“形状补间动画
4、”的制作。教学目标：一、知识与技能：1理解形状补间动画的概念，掌握其制作方法；2掌握将位图转换为矢量图的操作方法，理解位图在形状补间动画中为何要矢量化；二、过程与方法：通过自主探究、任务驱动，发现问题、解决问题，来掌握形状补间动画的制作方法；三、情感态度与价值观：培养学生的动手水平、想象力、创造力、审美水平及互助精神。教学重难点：重点：形状补间动画的制作方法；掌握位图矢量化方法。难点：形状补间动画的制作方法；理解图片矢量化的原因。教学方法及教学手段分析：一、教学方法：引导法、演示法、任务驱动法、师生互动 二、教学手段 任务素材、投影、课件 教学过程与设计意图 一、情景导入 师：(过渡语)同学们
5、，我们上节课已经学习了 FLASH 制作动画的一般流程。理解到制作一个 FLASH 动画需要实行 6 个步骤：新建文档设置文档属性动画编辑保存动画发布设置发布测试动画。并且利用这个流程制作了两个逐帧动画：过光文字（文字与背景在两个图层、重命名、导入图片、文本工具、相对于舞台对其、文字需打散、F6 关键帧、F5 普通帧）与数字倒计时（要想在游览器中播放 FLASH 动画必须在发布时选择 HTML 选项卡创建 HTML 文档，我们理解到逐帧动画的每一帧都是一个关键帧。FLASH 制作动画有逐帧动画和补间动画，其中补间动画又分为形状补间动画和动画补间动画。而我们今天将要学习的其中的“形状补间动画”。
6、设计意图：回顾上节课的内容，引出今天的要学内容。二、讲授新课，师生互动 师：(过渡语)那么，现在就请同学们跟我去理解一下什么是“形状补间动画”；演示“五边形变五角星”的动画。(板书)形状补间动画的概念：使一个对象逐渐变成另一个对象，实现两个对象间(颜 色、位置、大小、形状)的平滑过渡。设计意图：让学生有概念理解。演示“五边形变五角星”的源文件。形状补间动画在时间面板上的表现：形状补间动画建好后，时间轴面板的背景颜色变为淡绿色，在起始帧和结束帧之间有一个长长的实线箭头。(板书)在 FLASH 的时间轴上，在一个关键帧绘制一个形状，然后再另一个关键帧更改形状或绘制另一个形状，FLASH 根据二者之
7、间的帧的值或形状来创建的动画被称为“形状补间动画”。而其中的形状是指在 FLASH 中直接使用绘图工具绘制出来的矢量图，或者是将其他对象分离出来的矢量图形。设计意图：让学生加深概念。师：(过渡语)理解了概念以后，我们一起来制作一个简单的形状补间动画。（讲解）以“五边形变五角星”为例简单讲授制作过程。(制作五角星提示)：点击工具箱中选择“多角星形工具”，然后打开“窗口”菜单“属性”面板，点击“选项”，修改“工具设置”属性对话框。注意：无笔触。只要创建出两个关键帧中的对象，其他过渡帧便能够通过Flash 自己制作出来。设计意图：学生认真学习，掌握制作过程让学生对形状补间动画的制作过程有系统的理解。
8、通过教师讲解使学生知道形状补间动画的制作过程。制作形状补间动画的条件：至少有两个关键帧；在这两个关键帧中包含必要的形状，并且有一定的变化；设定了“形状补间”的动画方式。师：(过渡语)按照上述条件请同学们完成“圆变方”的动画。生：完成任务，并实行保存。设计意图：让学生掌握基本的形状补间动画制作方法。文字与文字间形状补间动画：师：（过渡语）这位同学完成的非常好！再请同学们完成“文字-文字”的动画。（预期结果：操作未成功，1-30 帧显示为绿色虚线。）形状补间动画并不是什么时候都能够实现，假设对象不是形状或矢量图，而是元件、位图、文字等，选择补间为“形状”时，将在属性面板中出现一个惊叹号图标，表示补
9、间动画设置有问题，同时在时间轴上显示出的不是箭头而是虚线。点击惊叹号图，出现错误原因解释对话框。如何解决？提示：文字是一个组合对象，首先实行分离，然后再打散成矢量图形（点击菜单修改分离或用快捷键 ctrl+B）。图片与图片间形状补间动画：请一位学生制作“二郎神”变成“牛魔王”的动画。（使用分离命令！）（预期结果：操作成功，但不是平滑过渡。）提示：图片从库中拖出来后必须执行将位图矢量化。(注意为了使形状补间动画更加逼真，请将不需要的点状删除)。排难解疑：师：(过渡语)在完成任务二时，同学们都碰到了问题：问题 1：文字、图片的形状补间动画无法实现？(解难)：教师以“文字-文字”为例讲解文字必须分离
10、打散。以“图片-图片”为例讲解图片必须矢量化。问题 2：位图为何要矢量化？(解难)：有的同学非常爱动脑筋，导入位图与 flash 绘制的图片不一样吗？干嘛要矢量化，这是因为位图用二维象素矩阵描绘，而矢量图用指令集合描绘；他们的存储结构不同，所以必须矢量化，这样才能实行形状补间动画。文字与图片间形状补间动画：请一位学生制作文字“猪八戒”变成“猪八戒”图片的动画。师：(过渡语)那么此时同学们是否思考过制作形状补间动画的关键点是什么？(板书)形状补间动画制作的关键点 1插入的帧为空白关键帧 2首帧与尾帧的对象必须为点状的矢量图 3补间的实现动作不能放在尾帧上 设计意图：归纳后，避免学生在这些问题上再
11、次出错，而且能有一个系统的理解。三、课堂总结：插入的是空白关键帧；文字的变化，首尾帧文字要分离，即打散而且要打散两次；图片的变化，首尾帧的位图要转化位图为矢量图；形状补间动画制作成功的标志是：有绿色箭头。四、课堂练习：一、选择题：1 要使用外部图片创建形状补间动画时，必须先将它们（）A、组合 B、转换位图为矢量图 C、对齐 D、变形 2形状补间动画中，当第一个关键帧制作完成后，需要制作第二个关键帧，应在后面某一帧中（），对它的描绘以下错误的选项是：A、插入空白关键帧 B、转换为关键帧 C、转换为空白关键帧 3创建形状补间动画时，应（）A、选中起始帧，在属性面板中设置“补间形状”B、在时间轴上直
12、接击右键“创建补间动画 C、以上都不用 答案：1、B；2、B；3、A 二、判断题 1在形状补间动画创建成功时，在时间轴上会显示一条淡紫色背景加长箭头。（）2在改变一个矢量图形的形状、颜色、位置，或一个矢量图变形成为另一个矢量图的过程中，能够使用形状补间动画。（）3 在创建形状补间动画时，选中结束帧在属性面板中设置“补间”为“形状”即可完成。（）4通常导入的图片都是位图，要做形状补间动画必须将位图转换成矢量图（）答案：1、；2、；3、；4、五、板书设计 创建形状补间动画 一、定义 关键帧形状关键帧 二、步骤 第一帧绘制图形；插入空白关键帧，绘制另一图形；在属性面板设置“补间 形状”。六、课后作业 请同学们制作 A-B 的形状补间动画。七、课后反思 本节课素材新颖；教学设计合理，引入及整个教学过程都充满了浓郁的趣味；很好地激发了学生的学习兴趣，调动了学生的学习积极性；教学设计以探究式教学模式实行，在教师引导下，由浅入深，让学生自己探究学习，发现问题，解决问题；整节课材料准备非常充分，师生互动效果好，且每个练习设有排难解疑，适合高中生学习思路，最后设置衔接延续，能很好地贴近学生学习思路。