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

南苑中学备课专用纸
课题
动画基础知识、获取计算机动画
主备人

课型

课时
2课时
总教案数

教学
目标
1．知识与技能目标
（1）了解动画制作的原理及动画技术的发展历程与现状。
（2）学会从网上下载计算机动画的常用方法。
（3）了解制作动画的常用软件，会用Ulead GIF Animator制作简单的GIF动画。
（4）理解动画技术是人类文明的传承和智慧的结晶。
2．过程与方法
借助动画软件将动画分解成一组彼此相关的图片，帮助学生理解动画的原理；学生亲手用动画软件制作一幅动画，感受计算机动画技术的优越性，同时获得动画制作中的相关知识，为进一步学习打下基础。
3．情感态度与价值观
通过了解动画的原理和发展历程，进一步认识动画的艺术性；通过下载动画素材，增强获取信息的能力，提高欣赏动画的素养；通过了解动画制作软件并尝试制作动画，培养学习动画制作的兴趣。

教学
重点
（1）动画的基本原理
（2）动画的分类
教学
难点
理解动画的基本原理
教学
用具

教学实施过程：
个 人 备 课
集备和二备
1．导入
动画有着悠久的历史，我国民间的走马灯和皮影戏，就是动画的一种古老表现形式。国产动画片《大闹天空》中的“孙悟空”形象闻名世界， “喜洋洋”、“熊大熊二光头强”等动画形象也深受大众的喜爱。现代科学技术的发展为动画注入了新的活力，网上的生日贺卡、搞笑短片、MTV、网页广告、益智游戏等极大地丰富了网页的内容与形式，电视上也经常能看到动画形式的广告、趣味小品和宣传短片。
2．讲授新课
（1）演示有动画元素的视频（篮球运动、旋转的多个齿轮、数字）、电影（功夫熊猫）。

了解动画的分类，归纳动画分类的方法。
动画：传统动画、计算机动画

介绍传统动画制作的知识，中国美术制作厂的《大闹天宫》10分钟的影片，需要700~1000张的手工图片。

（2）获取计算机动画。
从网上下载动画，增强学生获取信息的能力。
1. 访问含有GIF动画和Flash动画的网页，介绍从网页上识别动画的方法。
2. 介绍GIF动画和Flash动画的特点和应用。
GIF动画：制作容易，不可添加音频，不能交互。
常用于网页、演示文稿和手机彩信等。
Flash动画：表现力强，可添加音频，能够进行交互。广泛应用于网页、贺卡、游戏、MTV、广告、教学课件、宣传短片等。
3. 演示下载GIF动画的方法。
在百度中输入“GIF动画下载”、“SWF动画下载”
让学生练习下载GIF动画和Flash动画的方法，并让几名同学进行示范。
引导学生如何合理规范保存素材。（在本地磁盘建立一个“动画素材”文件夹，下面再创建“GIF动画素材”和“SWF动画素材”两个文件夹，将下载的动画分类保存，方便以后查找和使用。
（3）分析动画原理
①介绍GIF动画制作软件Ulead GIF Animator。
Ulead GIF Animator动画制作软件功能强大、操作简易、使用广泛。该动画制作软件可以连结到绘图软件，来对图片进行编辑和修改，使用它来制作动画相当便利。
②用Ulead GIF Animator打开课例素材中“GIF动画素材”或从网上下载，并保存为.JPG图片。如“小鸡”、“船”

③用键盘向右方向键播放刚才保存的.JPG文件，可以看见动画的效果。播放素材中“动画原理”视频。（小鸡脱壳而出）
分析动画的组成（由N张静止的图片组成）。
理解动画的原理：利用人眼具有“视觉暂留”的特性，让一系列渐变的图像在前一幅图像还没有消失前显示出下一幅图像，形成了动态的影像。
总结：动画是将一张张静态的图片通过软件连续地播放，产生影像的动态效果。

（4）总结制作步骤
见教材中“实践学习——制作一幅‘跑步’的GIF动画”中的内容。

（5）学生自主练习
学生根据老师的演示，协作完成动画“跑步”，并相互讨论各制作步骤的意义，概括总结出动画制作的主要步骤。

3．课堂小结：
（1）教师总结本课教学内容，点评学生制作过程中遇到的问题。
（2）请学生叙述GIF动画制作的主要步骤。
（3）播放含有文字内容的GIF动画和具有视频效果的动画。提示学生尝试Ulead GIF Animator中“文本工具”的使用和“视频效果”的设置。

教学反思：

南苑中学备课专用纸
课题
体验动画制作
主备人

课型

课时
1课时
总教案数

教学
目标
1、知识与技能：
（1）了解Flash动画制作软件的工作界面。
（2）灵活使用绘图工具，迈出使用计算机绘制动画的第一步。
2、过程与方法：
讲解、演示、实践学习。
3、情感态度与价值观：
激发学生学习动画制作的兴趣，培养学生乐于接受和探究新知识的精神。
教学
重点
（1）了解工具面板中的各种常用工具的使用
（2）学会将工具面板中的各种常用工具混合使用
教学
难点
（1）在工具箱众多工具中教学中突出有效性教学。
（2）灵活使用“选择”工具。
教学
用具

教学实施过程：
教学环节
个 人 备 课
集备和二备
情
境
导
入
动画就是将一系列相互关联的静止图片按序快速显示，这样的效果就是逐帧动画。
课前先制作一个“小本子动画”进行课堂演示，演示“小本子动画”视频。
学生如果感兴趣的话，可以让学生课外制作一本。
教师：如果我们用计算机来实现“小本子动画”，设想这个计算机软件需要有哪些功能？
学生：绘制小本子静止图片的绘图功能；多张图片连续播放的功能。
1． 计算机绘制动画静止图片
在制作“小本子动画”的过程中，对一个对象要重复绘制多个动作，所以，绘制难度大且费时费力。
计算机的“复制——粘贴”功能，可以大大简化这样的重复操作。
因此，掌握计算机绘图能力，对于动画制作非常关键。

教学环节
个人备课
集备和二备
新授课——Flash工作界面
2． Flash工具面板的使用——绘图工具
绘图工具浏览介绍——强调工具功能和使用
上与“画图软件相仿”
学生活动：学生结合对画图软件的回忆，加深对Flash各个工具应用的了解。
第一类——绘图工具（结合画图软件，简单介绍）
（1） 直线工具
（2） 椭圆工具
（3） 矩形工具
（4） 铅笔和刷子工具
第二类——颜色填充工具（结合画图软件介绍，区分以下两种工具的作用）
（1） 墨水瓶（应用于笔触颜色）
（2） 颜料桶（应用于封闭的区域）
第三类——选择和变形工具（以下三个工具均可以改变对象的形状，先简单介绍，在之后教学中再详细说明）
（1） 选择工具
（2） 部分选择工具
（3） 任意变形工具
归纳绘图工具的使用原则（一般流程）
选择所需的绘图工具—>根据需要选择笔触颜色和填充色—>根据需要在属性面板中设置参数—>最后绘制图形
3． 课堂练习任务要求（学生练习）
以教材上的“高速铁路”为样图，学生绘制该图效果。
练习中设置思考问题
（1） 三角开的房顶和高铁的车头如何绘制？这样的不规则形状，请同学们思考，尝试用之前介绍的工具来解决
（2） 画面中的相同图案，需要重复绘制吗？（可以通过复制或建立元件）
4. Flash绘图重点工具介绍（结合绘图任务中的难点答疑）
（1）三角形绘制——使用多边形工具
（2）“选择”工具的灵活配合使用——在绘制的各类图形未被选中状态下，使用“选择”工具

新授课——Flash工作界面
其一、可以改变图形对象各个顶点的位置效果，此时鼠标形态为：
例如绘制三角形屋顶
1. 绘制矩形
2. 点击“选择”工具，鼠标放在左上角顶点位置，鼠标形态为，改变左上角顶点的位置

3. 同上，改变右上角顶点位置

4. 形成三角形的效果

其二、可以改变图形各条边的弯曲效果，此时鼠标形态为：
例如，绘制高铁的车头
1. 绘制矩形；2.改变左上角顶点的位置

新授课——Flash工作界面
3．改变斜边弯曲幅度
鼠标轻轻靠近斜边，鼠标形态为，拖动鼠标到合适位置。

4.开车车头效果

5 学生完成“高速铁路”绘画，提交作业。

学生活动：学生寻找到解决问题的多种途径
设计意图：本环节作为技能的拓展，同时也是对于 学生思维的发散拓展，逐步养成学生“一题多解”的认识和习惯，从而对自身能力和素养的提高起到引领性的作用。

小结

1. 再次强调Flash面板工具的一般使用过程
2. 鼓励学生使用绘画工具，积极发挥自己的想象力和创造力，尝试绘制更多丰富的作品

学生活动：学生自我的知识技能梳理
设计意图：重温和巩固，激励和肯定

教学反思：

学生对于这章节第一个作品“高速铁路”非常感兴趣，但成功的作品不是很多。学生对动车头、房子的屋顶、云等不能直接用工具制作的图像有困难。建议在制作前将这几个难点教师先演示，学生模仿。有部分学生喜欢用笔刷来绘图，老师通过画笔工具和Flash绘图工具作比较，告诉学生用Flash软件画图比用画笔来的容易多。有些同学会对作品进行创新，老师要适当鼓励这部分学生。

南苑中学备课专用纸
课题
制作逐帧动画
主备人

课型

课时
1课时
总教案数

教学
目标
1、知识与技能：
（1）学会制作简单的逐帧动画。
（2）了解计算机动画的源文件格式和播放文件格式。
（3）了解帧、关键帧。
（4）了解元件的概念并在动画中引用元件。
2、过程与方法：
讲解、演示、自主探究、讨论学习。
3、情感态度与价值观：
合理使用软件中的功能，可以事半功倍
激发学生学习动画制作的兴趣，培养学生乐于接受和探究新知识的精神。
教学
重点
（1）掌握关键帧的建立
（2）学会对导入库中图片的编辑
教学
难点
（1） Flash中图片的编辑
（2） 元件的调用
教学
用具

教学实施过程：
教学环节
个 人 备 课
集备和二备
情
境
导
入
通过对Flash工具箱的认识，今天开始学习制作逐帧动画。
通过Flash菜单——“文件”——“打开”——打开一个已经完成的flash动画文件FLA文件格式，称源文件，一般以.fla为文件名后缀。
源文件可以编辑。

按“Ctrl+Enter键”来观看动画或测试影片，此时在源文件的同一文件夹下会同时生成一个同名的SWF格式文件。
SWF文件只能播放不能编辑。

新
授
课
1、制作第一个逐帧动画
教师：打开Flash播放“熊猫唱歌”.fla动画源文件，按Crtl+Enter测试影片，与学生一起分析动画组成：
1．熊猫唱歌时，嘴巴不断张开和闭合。只需要绘制两张图片，一张张开嘴巴的熊猫，一张闭合嘴巴的熊猫。
2.熊猫的图片可以从网上下载，通过“文件—导入——导入到舞台或导入到库”。将文件加到Flash中。
教师：请学生尝试、小组合作完成“熊猫唱歌”。
学生：制作“熊猫唱歌”
教师：在制作过程中，巡回指导，对于共同的难点，全班指导。
1.学生会发现无法修改熊猫的嘴巴。（导入的图片是一个整体，如果需要编辑图片，先将图片打散。）
2.第一帧和第二帧的熊猫不能完全重合，会出现图片偏差，遮盖等问题。（需要使用对齐面板）
3.第二帧插入关键帧。
教师：熊猫唱歌的动画，大家觉得有什么遗憾？
学生：背景太单调？
教师：我们一起来制作一副背景图。

2、学生自主创作一张大阳树花的背景图（如下），也可以自由发挥。

3、作品展示
选取部分学生的作品，最好是有问题的作品，

这样可以边展示，边进行指导教学。
问题点评
1、 树是怎么画的？
2、 草是怎么画的？
引入元件的概念。
4、元件的建立和引用。
观察图的构成，发现背景图需要有花，树，太阳三种基本图形。在Flash中可以将这三个图形制作成三个元件，保存在库中，以备调用。

新授课——制作逐帧动画

舞台中可以多次调用元件。
教师：在新建元件前，先介绍一下元件的类型。
元件有图形，影片，按钮三种类型。
图形：静止的图片
影片：动画
按钮：存放程序
教师：花，树，太阳是属于什么元件？
通过“插入”——“新建元件”——选择“图形”，修改元件名称为太阳。选择椭圆工具——填充色为红色，笔触颜色为无，画一个太阳的圆，再选择铅笔工具，线条大小为5，笔触颜色为红色，填充色先无，画出太阳的光芒。
通过拖动，将太阳放入舞台。用任意变形工具改变图形的大小、方向、角度等属性

学生：画出“树”、“花”两个图形元件。完成背景图的制作。
教师：与学生一起评价作品。

巩固练习：
1、 制作生活中的红绿灯。
2、 制作我们的校园。

小
结

本节课通过制作逐帧动画，对Flash工具箱进一步熟悉。通过元件的概念，完成作品中重复图形的优化操作。