《教学设计—简单的动画补间动画剖析.docx》由会员分享，可在线阅读，更多相关《教学设计—简单的动画补间动画剖析.docx（12页珍藏版）》请在三一文库上搜索。
1、小猫一简单的动画补间动画前端分析:学习需要分析：做flash动画时，在两个关键帧中间需要做“补问动画”，才能 实现图画的运动；插入补间动画后两个关键帧之间的插补帧是由计算机自动运算 而得到的，本节课我们需要作出蜻蜓在空中飞过的动画效果，然我们一起来学习 传统补问动画。学习内容分析：在本节课中，我们学习一种动画动画补问动画， 在动画补问 动画中大量采用元件，元件是一种可重复使用的对象，重复使用不会增加文件的 大小，传统补问再配合引导层动画，还可以让元件自由运动。让我们一起感受调 用元件制作动画的快捷。学习者分析：本节课的学习者为九年义务教育中八年级段的学生，八年级学生在小学信息技术教学阶段中浅层
2、次的接触过 flash动画的制作，开学到现在逐渐学 习了逐帧动画，多层逐帧动画，创建补问形状等中学阶段的flash教程。为今后的课程学习打下基础。学习环境分析：本中学计算机设施配置完整，齐全，学生能够在一个舒适，安静 的环境下学习。教材分析：本节课教材主演讲解简单的动画补问动画， 在教材内容的设计中，部 分内容偏复杂化，内容量大，基础较差的学生一节课完成起来稍有困难， 课堂时 间可能不够。课题简单的动画补间补间动画授课时间课型新授课课时1课时教 学 目 标知识与技能：1、掌握新建并编辑图形元件的方法。2、了解库并运用库管理和应用图形元件。3、学会运用属性面板中的补间选项设置传统补间动画。过程与
3、方法：教师讲授并演7K,学生随后上机操作情感态度与价值观：培养学生的动手能力，创新意识与精神教学重点库与兀件在本课都是首次接触，他们在制作flash动画中的使用率非常高，因此这两个概念与场景间的关系是 本节的重点。教学难点图形兀件与影片剪辑兀件的区别教学具教师机，学生电脑，幻灯机，投影机教学方法讲授法，演示法，任务驱动法教 学 过 程（一）导入新课播放一首同学们小时候学过的儿歌小猫钓鱼师提出：我根据这首儿歌，做了一个简单的动画，现在请同学 们欣赏一下。师提出：做的像不像？同学们想不想知道是怎么做出来的？今 天我们就来学习制作小猫钓鱼的动画。（二）讲授新课一、设置文档属性学生上机设置文档属性（大
4、小为“ 550*400像素”，背景色为“蓝色”）。师先播放逐帧动画，在播放一个简单动画补间动画，作为对比 讲解。动画补间动画二、制作图形元件师提出：在“库”面板中制作的“图形元件”虽然也有很多图 层，但在场景中却是一个整体，这个整体可以随意地摆放到场景的 舞台中，还可以像印章一样重复使用。元件在Flash中的使用率非常高，它是一种可以重复使用的对 象，而且反复使用不会增加文件的大小。 元件还简化了文档的编辑, 当编辑元件时，重复使用的该元件全部被更新。元件作为一个整体 出现在舞台中，这个整体在“库”中完成制作，这样可以很好地避 免直接在舞台中制作而导致的图层过多，容易混乱的问题。将元件从库中拖
5、放到场景或其他元件中后，就变成了元件的实 例。实例之间是独立的，对某一个实例的编辑不会影响其他同元件 的实例。元件和实例之间既保持一定的联系，又具有一定的独立性。创建元件后，可以在文档中重复使用它的实例。可以修改单个 实例的颜色、缩放比例、旋转、Alpha透明度、亮度、色调、高度、 宽度和位置等实像属性，而不会影响其他实例或原始元件。元件包括图形元件，影片剪辑元件和按钮元件三种类型。图形元件适用于静态图像的制作，发家具、服装等。影片剪辑元件适用于制作动态效果，如飞舞的蝴蝶、小鸟 等。按钮元件可以实现交互操作，如单击按钮跳转到其他画面等。、新建图形元件师先做演示操作，然后学生上机操作。具体演示操
6、作步骤：1、执行“窗口” 一 “库”命令，弹出“库”面板。2、单击“库”面板下方的“新建元件”按钮，弹出“创建新 元件”对话框，更改元件名称为“猫”，元件类型为“图形”元件, 单击“确定”按钮。此时“库”面板中出现“猫”的图形元件，并 进入图形元件的编辑状态。学生上机操作。、制作“猫”的图形元件师先做演示操作，然后学生上机操作。具体演示操作步骤：1、在“猫”的图形元件的编辑状态下，将“图层 1”重命名为 “猫”。2、进入图形元件的编辑状态，界面中间出现的十字形表示为 图形元件舞台的中央，从这里开始绘制图形便于今后调整元件。使 用工具面板中的“椭圆工具”、“线条工具”绘制猫的外形，使用 “选择工
7、具”将直线调整为弧线，并填充颜色，如下图所示。师做 演示操作。、新建图层，重命名为“领结”，使用“线条工具”绘制领结，鱼竿，并填充颜色，如下图所示使用制作“猫”图形元件的方法，在“库”面板中分别新建“背景”、“蜻蜓”、“花”、“眼睛”的图形元件，并使用“刷 子工具”、“线条工具”、“铅笔工具”等分别制作各元件，如下 图所示。学生上机操作。使用制作“猫”图形元件的方法，在“库”面板中分别新建“背 景”、“蜻蜓”、“花”、“眼睛”的图形元件，并使用“刷子工 具”、“线条工具”、“铅笔工具”等分别制作各元件，如下图所 示。背景蜻蜓花眼睛三、制作动画效果、将图形元件拖放至舞台中并调整师：将元件分别放置
8、在场景1的舞台中，制作出小猫眼睛随蜻 蜓转动的效果。 师先做演示操作，然后学生上机操作。具体演示操作步骤：1、在“场景1”的编辑状态，将“图层1”重命名为“静态”。2、将“库”面板中的“背景”元件和“猫”元件分别拖放到“场景1”的“静态”图层中。再将图形元件“花”拖放多次，并 使用“任意变形工具”调整大小、角度、位置。师引导学生制作：在场景1中分别新建图层，重命名为“眼睛”和“蜻蜓”，然 后把“库”面板中的图形元件“眼睛”和“蜻蜓”拖放到相应图层 中，并调整大小、角度、位置。、制作蜻蜓的动画补间动画师先做演示操作，然后学生上机操作。具体演示操作步骤：1、在“静态”图层的第三者45帧插入帧2、在
9、“蜻蜓”图层的第15、30、45帧插入关键帧，分别移动 蜻蜓位置，模拟蜻蜓从画面右侧飞到左侧的效果，如下图所示第1帧第15帧第30帧第45帧3、选中“蜻蜓”图层第1至15帧中的任何一帧，更改“属性”面板中的“补间”为“动画”，此时“蜻蜓”图层面板中的第1帧到第15帧间由淡紫色背景与实线箭头表示。分别更改第15至30 帧，第30至45帧“属性”面板中的“补间”为“动画”，制作完 成后的帧面板如下图所示。时间轴离场景1国口Ij?蜻蜿*号D静态*图口1510152025303540使用制作“蜻蜓”图层传统补间动画的方法，制作“眼睛”所在图层的传统补间，使小猫的眼睛随蜻蜓转动。制作完成后的帧面师:将动画源文件以“快乐猫咪”为文件名保存在“我的电脑”板如下图所示。“E盘”-“自己文件夹” -“作业文件夹”中，并测试生成 swf 格式的文件，向教师机提交作业。（三）课堂练习 独立完成“小猫钓鱼”的动画（四）课堂小结 总结使用图形元件的好处，像印章一样，可以多次使用，方便修改，互不影响（五）板书设计小猫钓鱼简单的动画补间动画（六）课后反思