南苑中学备课专用纸八上动画设计

1、第八章动画设计与制作第1页南苑中学备课专用纸课题动画基础知识、获取计算机动画主备人课型课时2 2 课时总教案数教学目标1.1. 知识与技能目标(1) 了解动画制作的原理及动画技术的发展历程与现状。(2) 学会从网上下载计算机动画的常用方法。(3)了解制作动画的常用软件，会用 UleadUleadGIFGIF AnimatorAnimator 制作简单的 GIFGIF 动画。(4) 理解动画技术是人类文明的传承和智慧的结晶。2.2. 过程与方法借助动画软件将动画分解成一组彼此相关的图片，帮助学生理解动画的 原理；学生亲手用动画软件制作一幅动画，感受计算机动画技术的优越性， 同时获得动画制作中的相

2、关知识，为进一步学习打下基础。3.3. 情感态度与价值观通过了解动画的原理和发展历程，进一步认识动画的艺术性；通过下 载动画素材，增强获取信息的能力，提高欣赏动画的素养；通过了解动画 制作软件并尝试制作动画，培养学习动画制作的兴趣。教学 重点(1) 动画的基本原理(2) 动画的分类教学 难点理解动画的基本原理教学 用具教学实施过程:个人备课集备和二备1.1. 导入动画有着悠久的历史，我国民间的走马灯和皮影戏， 就是动画的一种古老表现形式。国产动画片大闹天空中的“孙悟空”形象闻名世界，“喜洋洋”、“熊大熊二光头强”等动画形象也深受大众的喜爱。现代科学技术的 发展为动画注入了新的活力， 网上的生日

3、贺卡、搞笑短片、 MTVMTV、网页广告、益智游戏等极大地丰富了网页的内容 与形式，电视上也经常能看到动画形式的广告、趣味小品和宣传短片。2.2. 讲授新课(1 1)演示有动画元素的视频(篮球运动、 旋转的多个齿 轮、 数字)、电影(功夫熊猫)。了解动画的分类，归纳动画分类的方法。第八章动画设计与制作第2页动画：传统动画、计算机动画介绍传统动画制作的知识，中国美术制作厂的大闹天宫 1010 分钟的影片，需要 70010007001000 张的手工图片。（2 2）获取计算机动画。从网上下载动画，增强学生获取信息的能力。1.1. 访问含有 GIFGIF 动画和 FlashFlash 动画的网页，介

4、绍从网页 上识别动画的方法。2.2. 介绍 GIFGIF 动画和 FlashFlash 动画的特点和应用。 GIFGIF 动画：制作容易，不可添加音频，不能交互。 常用于网页、演示文稿和手机彩信等。FlashFlash 动画：表现力强，可添加音频，能够进行交互。广 泛应用于网页、贺卡、游戏、MTVMTV、广告、教学课件、宣传短片等。3.3. 演示下载 GIFGIF 动画的方法。在百度中输入“ GIFGIF 动画下载”、“SWFSWF 动画下载” 让学生练习下载 GIFGIF 动画和 FlashFlash 动画的方法，并让几名 同学进行示范。引导学生如何合理规范保存素材。（在本地磁盘建立一个“动

5、画素材”文件夹，下面再创建“GIFGIF 动画素材”和“SWFSWF 动画素材”两个文件夹，将下载的动画分类保存，方便以 后查找和使用。（3 3）分析动画原理1介绍 GIFGIF 动画制作软件 UleadUlead GIFGIF AnimatorAnimator。UleadUlead GIFGIF AnimatorAnimator 动画制作软件功能强大、操作简易、 使用广泛。该动画制作软件可以连结到绘图软件，来对图片进行编辑和修改，使用它来制作动画相当便利。2用 UleadUlead GIFGIF AnimatorAnimator 打开课例素材中“GIFGIF 动画素材” 或从网上下载，并保存

6、为 JPGJPG 图片。如“小鸡”、“船”船坯秋千的男療海黴蝴姊L用键盘向右方向键播放刚才保存的 JPGJPG 文件， 可以看见 动画的效果。 播放素材中“动画原理”视频。（小鸡脱壳而出）分析动画的组成（由 N N 张静止的图片组成）。 理解动画的原理：利用人眼具有“视觉暂留”的特性，让 一系列渐变的图像在前一幅图像还没有消失前显示出下 一幅图像，形成了动态的影像。第八章动画设计与制作第3页总结：动画是将一张张静态的图片通过软件连续地播放， 产生影像的动态效果。(4) 总结制作步骤见教材中“实践学习一一制作一幅跑步的GIFGIF 动画”中的内容。(5) 学生自主练习学生根据老师的演示，协作完成

7、动画“跑步”，并相互讨论各制作步骤的意义，概括总结出动画制作的主要步骤。3 3 课堂小结：(1 1 )教师总结本课教学内容，点评学生制作过程中遇到的问题。(2) 请学生叙述 GIFGIF 动画制作的主要步骤。(3)播放含有文字内容的 GIFGIF 动画和具有视频效果的动 画。提示学生尝试 UleadUlead GIFGIF AnimatorAnimator 中 文本工具 的 使用和“视频效果”的设置。教学反思:第八章动画设计与制作第4页南苑中学备课专用纸课题体验动画制作主备人课型课时1 1 课时总教案数教学目标1 1 知识与技能：（1 1） 了解 FlashFlash 动画制作软件的工作界面。

8、（2 2） 灵活使用绘图工具，迈出使用计算机绘制动画的第一步。2 2、过程与方法：讲解、演示、实践学习。3 3、情感态度与价值观：激发学生学习动画制作的兴趣，培养学生乐于接受和探究新知识 的精神。教学 重点（1 1） 了解工具面板中的各种常用工具的使用（2 2） 学会将工具面板中的各种常用工具混合使用教学 难点（1 1） 在工具箱众多工具中教学中突出有效性教学。（2 2） 灵活使用“选择”工具。教学 用具教学实施过程:教学环节个人备课集备和二备情 境导 入动画就是将一系列相互关联的静止图片按序 快速显示，这样的效果就是逐帧动画。课刖先制作一个“小本子动画”进行课堂演 示，演示“小本子动画”视频

9、。学生如果感兴趣的话，可以让学生课外制作 一本。教师：如果我们用计算机来实现“小本子动 画”，设想这个计算机软件需要有哪些功能？ 学生：绘制小本子静止图片的 绘图功能；多 张图片连续播放的功能。1 1 计算机绘制动画静止图片在制作“小本子动画”的过程中，对一个对 象要重复绘制多个动作，所以，绘制难度大 且费时费力。计算机的“复制一一粘贴”功能，可以大大 简化这样的重复操作。因此，掌握计算机绘图能力，对于动画制作 非常关键。第八章动画设计与制作第5页教学环节个人备课集备和二备新授课FlashFlash工作界面2 2. FlashFlash 工具面板的使用绘图工具绘图工具浏览介绍一一强调工具功能和

10、使用 上与“画图软件相仿”学生活动：学生结合对画图软件的回忆，加 深对FlashFlash 各个工具应用的了解。第一类一一绘图工具(结合画图软件，简单 介绍)(1)直线工具(2)椭圆工具(3)矩形工具(4)铅笔和刷子工具第二类颜色填充工具(结合画图软件介绍，区分以下两种工具的作用)(1)墨水瓶(应用于笔触颜色)(2)颜料桶(应用于封闭的区域)第三类选择和变形工具(以下三个工具均可以改变对象的形状，先简单介绍，在之 后教学中再详细说明)(1)选择工具(2)部分选择工具(3)任意变形工具归纳绘图工具的使用原则(一般流程) 选择所需的绘图工具一 根据需要选择笔触 颜色和填充色一 根据需要在属性面板中

11、设 置参数一最后绘制图形3 3课堂练习任务要求(学生练习)以教材上的“高速铁路”为样图，学生绘制 该图效果。练习中设置思考问题(1)三角开的房顶和高铁的车头如何绘 制？这样的不规则形状，请同学们思 考，尝试用之前介绍的工具来解决(2)画面中的相同图案，需要重复绘制 吗？(可以通过复制或建立元件)4.4. FlashFlash 绘图重点工具介绍(结合绘图任务中 的难点答疑)(1)三角形绘制使用多边形工具(2) “选择”工具的灵活配合使用一一在绘 制的各类图形未被选中状态下，使用“选择” 工具第八章动画设计与制作第6页其一、可以改变图形对象各个顶点的位置效 果，此时鼠标形态为：也 例如绘制三角形屋

12、顶1.1.绘制矩形2 2点击“选择”工具，鼠标放在左上角顶点位置，鼠标形态为，改变左上角顶点的位置3.3.同上，改变右上角顶点位置其二、可以改变图形各条边的弯曲效果，此 时鼠标形态为：也例如，绘制高铁的车头1.1.绘制矩形；2 2改变左上角顶点的位置第八章动画设计与制作第7页3 3 改变斜边弯曲幅度鼠标轻轻靠近斜边，鼠标形态为A A, ,拖动鼠标到合适位置5 5 学生完成“高速铁路”绘画，提交作业。学生活动：学生寻找到解决问题的多种途径 设计意图：本环节作为技能的拓展，同时也 是对于学生思维的发散拓展，逐步养成学生“一题多解”的认识和习惯，从而对自身能 力和素养的提高起到引领性的作用。1.1.

13、 再次强调 FlashFlash 面板工具的一般使用过程2.2. 鼓励学生使用绘画工具，积极发挥自己的 想象力和创造力，尝试绘制更多丰富的作小品结学生活动：学生自我的知识技能梳理 设计意图：重温和巩固，激励和肯定教学反思：学生对于这章节第一个作品“高速铁路”非常感兴趣，但成功的作品不是很多。 学生对动车头、房子的屋顶、云等不能直接用工具制作的图像有困难。建议在 制作前将这几个难点教师先演示，学生模仿。有部分学生喜欢用笔刷来绘图， 老师通过画笔工具和 FlashFlash 绘图工具作比较，告诉学生用 FlashFlash 软件画图比用 画笔来的容易多。有些同学会对作品进行创新，老师要适当鼓励这部

14、分学生。4 4开车车头效果FlashFlash工作界面第八章动画设计与制作第8页南苑中学备课专用纸课题制作逐帧动画主备人课型课时1 1 课时总教案数教学 目标1 1 知识与技能：（1 1） 学会制作简单的逐帧动画。（2 2） 了解计算机动画的源文件格式和播放文件格式。（3 3） 了解帧、关键帧。（4 4） 了解元件的概念并在动画中引用元件。2 2、过程与方法：讲解、演示、自主探究、讨论学习。3 3、情感态度与价值观：合理使用软件中的功能，可以事半功倍 激发学生学习动画制作的兴趣，培养学生乐于接受和探究新知识 的精神。教学 重点（1 1） 掌握关键帧的建立（2 2） 学会对导入库中图片的编辑教学

15、 难点（1 1）FlashFlash 中图片的编辑（2 2） 元件的调用教学 用具教学实施过程:教学环节个人备课集备和二备第八章动画设计与制作第9页情 境 导 入通过对 FlashFlash 工具箱的认识，今天开始学习制 作逐帧动画。通过 FlashFlash 菜单一一“文件”一一“打开”一 打开一个已经元成的 flashflash 动画文件 FLAFLA 文件格式， 称源文件，一般以.fla.fla 为文件名后 缀。源文件可以编辑。按“ Ctrl+EnterCtrl+Enter 键”来观看动画或测试影片， 此时在源文件的同一文件夹下会同时生成一 个同名的SWFSWF 格式文件。SWFSWF

16、文件只能播放不能编辑。新 授 课1 1、制作第一个逐帧动画教师：打开 FlashFlash 播放“熊猫唱歌” .fla.fla 动画 源文件，按 Crtl+EnterCrtl+Enter 测试影片，与学生一 起分析动画组成：1 1 熊猫唱歌时，嘴巴不断张开和闭合。只需 要绘制两张图片，一张张开嘴巴的熊猫，一 张闭合嘴巴的熊猫。2 2熊猫的图片可以从网上下载，通过“文件一 导入一一导入到舞台或导入到库”。 将文件加 到 FlasFlash h中。教师：请学生尝试、小组合作完成“熊猫唱 歌”。学生：制作“熊猫唱歌”教师：在制作过程中，巡回指导，对于共同 的难点，全班指导。1 1学生会发现无法修改熊

17、猫的嘴巴。（导入的 图片是一个整体， 如果需要编辑图片， 先将 图片打散。 ）2 2第一帧和第二帧的熊猫不能完全重合，会出 现图片偏差，遮盖等问题。（需要使用对齐面 板）3.3.第二帧插入关键帧。教师：熊猫唱歌的动画，大家觉得有什么遗 憾？学生：背景太单调？教师：我们一起来制作一副背景图。2 2、 学生自主创作一张大阳树花的背景图（如 下），也可以自由发挥。第八章动画设计与制作第10页3 3、作品展示选取部分学生的作品，最好是有问题的作品, 这样可以边展示，边进行指导教学。问题点评1 1、树是怎么画的？2 2、草是怎么画的？引入元件的概念。4 4、元件的建立和引用。观察图的构成，发现背景图需要有花，树， 太阳三种基本图形。在 FlasFlash h中可以将这三个 图形制作成二个兀件，保存在库中，以备调 用。第八章动画设计与制作第11页新授课制作逐帧动画舞台中可以多次调用元件。教师：在新建兀件前，先介绍一下兀件的类 型。元件有图形，影片，按钮三种类型。图形：静止的图片影片：动画按钮：存放程序教师：花，树，太阳是属于什么元件？ 通过