华佗小知识
您的当前位置:首页教学设计—简单的动画补间动画

教学设计—简单的动画补间动画

来源:华佗小知识
小猫钓鱼

—简单的动画补间动画

前端分析:

学习需要分析:做flash动画时,在两个关键帧中间需要做“补间动画”,才能实现图画的运动;插入补间动画后两个关键帧之间的插补帧是由计算机自动运算而得到的,本节课我们需要作出蜻蜓在空中飞过的动画效果,然我们一起来学习传统补间动画。

学习内容分析:在本节课中,我们学习一种动画——动画补间动画,在动画补间动画中大量采用元件,元件是一种可重复使用的对象,重复使用不会增加文件的大小,传统补间再配合引导层动画,还可以让元件自由运动。让我们一起感受调用元件制作动画的快捷。

学习者分析:本节课的学习者为九年义务教育中八年级段的学生,八年级学生在小学信息技术教学阶段中浅层次的接触过flash动画的制作,开学到现在逐渐学习了逐帧动画,多层逐帧动画,创建补间形状等中学阶段的flash教程。为今后的课程学习打下基础。

学习环境分析:本中学计算机设施配置完整,齐全,学生能够在一个舒适,安静的环境下学习。

教材分析:本节课教材主演讲解简单的动画补间动画,在教材内容的设计中,部分内容偏复杂化,内容量大,基础较差的学生一节课完成起来稍有困难,课堂时间可能不够。

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

因篇幅问题不能全部显示,请点此查看更多更全内容