动画基础知识 （第17课时）
一、教学目标： 1．知识与技能目标
（1）了解动画制作的原理及动画技术的发展历程与现状。 （2）学会从网上下载计算机动画的常用方法。
（3）了解制作动画的常用软件，会用Ulead GIF Animator制作简单的GIF动画。
（4）理解动画技术是人类文明的传承和智慧的结晶。 2．过程与方法
借助动画软件将动画分解成一组彼此相关的图片，帮助学生理解动画的原理；学生亲手用动画软件制作一幅动画，感受计算机动画技术的优越性，同时获得动画制作中的相关知识，为进一步学习打下基础。 3．情感态度与价值观
通过了解动画的原理和发展历程，进一步认识动画的艺术性；通过下载动画素材，增强获取信息的能力，提高欣赏动画的素养；通过了解动画制作软件并尝试制作动画，培养学习动画制作的兴趣。 二、教学方法：
演示讲授、实验学习。 三、教学重难点：
1、重点：动画原理的理解。 2、难点：GIF动画的制作。
1
四、教学过程： 1．导入
动画有着悠久的历史，我国民间的走马灯和皮影戏，就是动画的一种古老表现形式。国产动画片《大闹天空》中的“孙悟空”形象闻名世界， “米老鼠”、“唐老鸭”等动画形象也深受大众的喜爱。现代科学技术的发展为动画注入了新的活力，网上的生日贺卡、搞笑短片、MTV、网页广告、益智游戏等极大地丰富了网页的内容与形式，电视上也经常能看到动画形式的广告、趣味小品和宣传短片。 2．讲授新课
（1）演示几段具有代表性的动画，并介绍动画的分类。
①播放国产传统动画的视频片段，介绍动画技术的发展历程，了解我国动画艺术大师对世界动画文化艺术的贡献。
中国动画电影开始与1920年。动画先驱者万氏兄弟（万籁鸣、万古蟾、万超尘、万涤寰）从中国的走马灯、皮影戏和国外的卡通中得到启发，试制动画广告片。1926年完成了他们的第一部动画片《大闹画室》。1935年拍摄了第一部有声动画片《骆驼献舞》，在技术上有了较大进步。
1961年-1964年，万籁鸣导演的《大闹天宫》是一部长达120分钟的规模巨大的作品，它创造的孙悟空形象闻名全世界。
1979年，王树枕、严定宪、徐景达导演的《哪吒闹海》，1980年徐景达导演的《三个和尚》等动画片，都是有世界影响的作品。
②播放计算机平面动画和三维动画，使学生在感受动画艺术性的同时，体会动画的技术性，激发学生的求知欲。
2
③了解动画的分类，归纳动画分类的方法。
动画
传统动画
计算机动画 二维动画 三维动画 （2）从网上下载动画，增强学生获取信息的能力。
①访问含有GIF动画和Flash动画的网页，介绍从网页上识别动画的方法。
②介绍GIF动画和Flash动画的特点和应用。
GIF动画：制作容易，不可添加音频，不能交互。常用于网页、演示文稿和手机彩信等。
Flash动画：表现力强，可添加音频，能够进行交互。广泛应用于网页、贺卡、游戏、MTV、广告、教学课件、宣传短片等。
③演示下载GIF动画的方法。
4演示FlashCatcher的安装，介绍下载Flash动画的方法。 ○
5向学生推荐Flash动画网站，引导学生文明上网，提高学生欣赏动○
画艺术的能力。
3lian素材 网页制作大宝库
http://www.3lian.com http://www.dabaoku.com/gif
3
素材中国 图片素材库
http://www.sccnn.com http://sucai.jz173.com
素材精品屋 http://www.sucaiw.com
6学生练习下载GIF动画和Flash动画的方法，并让几名同学进行示○范。
（3）分析动画原理
①介绍GIF动画制作软件Ulead GIF Animator。
Ulead GIF Animator动画制作软件功能强大、操作简易、使用广泛。该动画制作软件可以连结到绘图软件，来对图片进行编辑和修改，使用它来制作动画相当便利。
②用Ulead GIF Animator打开一幅从网上下载的GIF动画。 ③分析动画的组成，理解动画的原理。 4介绍传制作统动画的知识。 ○
5总结动画原理：利用人眼具有“视觉暂留”的特性，让一系列渐变○
的图像在前一幅图像还没有消失前显示出下一幅图像，形成了动态的影像。得出结论：动画是将一张张静态的图片通过软件连续地播放，产生影像的动态效果。 （4）总结制作步骤
见教材中“实践学习——制作一幅‘豹子奔跑’的GIF动画”中的内容。
（5）学生自主练习
4
学生根据老师的演示，协作完成动画“奔跑的豹子”，并相互讨论各制作步骤的意义，概括总结出动画制作的主要步骤。 （6）介绍其它动画软件
①Ulead Cool 3D是友立公司出品的一款专门制作文字3D效果的软件，可以用它方便地生成具有各种特殊效果的3D动画文字。
②Flash动画软件。
Flash动画软件是本单元的主要学习内容。 3．课堂小结：
（1）教师总结本课教学内容，点评学生制作过程中遇到的问题。 （2）请学生叙述GIF动画制作的主要步骤。
（3）播放含有文字内容的GIF动画和具有视频效果的动画。提示学生尝试Ulead GIF Animator中“文本工具”的使用和“视频效果”的设置。 4．巩固练习
见《实践指导》中的“实践8-1”。
第8单元 动画制作
第2节 初识Flash动画（18课时）
初识Flash动画（教案） 教学目标： 【知识与技能目标】
5
1、学会启动Flash的方法，认识Flash工作界面。 2、初步理解动画制作中的基本概念。 3、了解动画制作的一般步骤。 【过程与方法】
通过对一段Flash动画源文件的分析研究，在初步理解Flash动画制作思想的同时，初步理解Flash动画制作中的相关概念；又通过实际制作“移动的小球”的体验，了解Flash动画制作的过程，并从中总结出动画制作的主要步骤。 【情感态度与价值观】
激励学生学习动画制作的兴趣，培养学生乐于接受和探究新知识的精神。 教学方法：
演示讲授法、模仿学习、合作学习。 重难点：
重点：简单对象的移动、缩放动画的制作方法。
难点：Flash8界面的认识及相关操作；帧、关键帧、空白关键帧等概念的理解。 教学过程：
【导入】
同学们一定很喜欢在网上看Flash动画，老师也下载了一些，我们一起来欣赏几个精彩的动画。
（播放几个Flash动画）
6
这些动画是怎么做出来的呢？如果我们自己也会做该有多好啊！好，今天开始老师就和大家一起学习Flash动画的制作。 【讲授新课】
一、启动Flash8，对其界面及基本操作进行简单介绍。
1、Flash的特点
Flash是一个功能强大、简单易学的网页动画制作工具。用Flash制作出来的动画不但占用的空间小，而且动画品质高，不管怎样放大、缩小，都不会影响画面质量。
Flash动画的迷人之处还在于我们可以通过点击按钮，选择菜单来控制动画播放，甚至可以制作成小游戏。正是有了这些优点，使得Flash在网络上非常流行。 2、启动Flash 8
单击“开始”→“程序”→“Macromedia ”→“Macromedia Flash 8”即可。
3、Flash 8编辑窗口的介绍 菜单栏
常用工具栏、控制工具栏（动画播放的控制工具栏） 绘图工具栏（放置了各种绘图及编辑工具）、辅助选项 图层区、时间轴（可以设置动画的播放状况） 面板（可以用来控制各种设置）
场景（可以直接在这里绘图或摆放一些图片、文字、按钮、动画等进行编辑）
4、试一试：教师先隐藏常用工具栏、属性面板、混色器窗口，要求
7
学生重新显示。
二、文档属性设置及元件、库、场景、时间轴的概念。
打开并播放一个Flash动画源文件，分析Flash动画的创建思想方法，用生动的语言和通俗形象的比喻讲解相关的概念。
元件：一个位图、矢量图形、音乐片段或是一段独立的Flash动画（好比是演员）。元件都被放置在库中，使用时只用将其拖放到场景中即可，在场景中只能对其位置和形状进行编辑，如果要对元件进行编辑，需要切换到元件编辑状态。
库：存放动画元件的地方（好比是一场戏的后台） 场景：动画的表现场所（好比是舞台）
时间轴：动画制作的最重要的区域，是编辑动画的工作台，是加工动画的流水线，包括了层编辑区、帧编辑区和时间线。（好比是剧本）
要制作一个动画，就好比是在导演一出戏，需要找好演员（制作好元件），置于后台（放在库里），然后把演员放在舞台上（把元件放在场景上），让演员照着剧本演出（在时间线上设置开始、结束时的状态，生成动画）。
图层：图层可以看成是叠放在一起的透明的胶片，可以根据需要，在不同的层上编辑不同的动画而互不影响，在放映时得到的是各图层合成的效果。制作复杂的动画时，通常把动画角色单独放在一个图层里，这样相互不会影响，编辑修改也很方便。 三、演示制作移动动画
现在我们一起用Flash 8来制作一个简单的动画。
教师边演示边讲解，学生一步一趋跟着老师制作“移动的小球”的动
8
画。
注意讲清每一步骤的意义，同时结合实际制作讲解基本概念，将抽象的概念放到具体实践操作中去加以理解。 制作“移动的小球”操作中需注意：
步骤3：在时间轴中的图层1的第1帧中出现一个实心的黑点，这就是“关键帧”。动画对象一定要创建在关键帧上。
步骤4：也可以在图层1的第30帧处，单击鼠标右键，在弹出的快捷菜单中选择“插入关键帧”。
步骤5：用鼠标将小球拖到编辑区的右边，其意义是改变动画对象的位置属性。
步骤6：完成“创建补间动画”后拖动播放指针，查看帧内容，证实动画已被创建。
补充解释：时间轴中的每一个小格子称为“帧”，帧有两种形式：普通帧和关键帧。普通帧上的图片与它前面相邻关键帧的图片相同并以空心方块为结束标记，关键帧是以实心黑点为结束标记，动画图片一定要创建在关键帧上。
步骤8：注意提醒学生记住Flash原始文件和Flash影片的扩展名（分别为.fla和.swf）。 四、总结制作步骤
教师以清晰简明的步骤熟练地重做一遍，让学生感到这个动画制作很容易。同时概括出三大步骤：第一步，在一段动画的起始帧插入关键帧，在起始帧的场景中编辑对象；第二步，选择结束帧插入关键帧，在结束场景中编辑对象；第三步，选择开始帧，“创建补间动画”。
9
五、学生自主练习
学生根据老师刚才的演示，自主、合作制作动画“移动的小球”，相互讨论各制作步骤的意义，并概括总结出动画制作的主要步骤。
【课堂小结】
1、教师总结本课教学内容，点评学生制作过程中遇到的问题。 2、请学生说出动画制作的三大主要步骤。 【巩固练习】
见《实践指导》中的“实践8-3”。
第8单元 动画制作
第3节 “动画补间”动画（19课时）
教学目标
1、知识与技能：
（1）掌握“动画补间”动画的工作原理和主要步骤； （2）掌握层的概念；
（3）掌握“移动的太阳”的制作方法。 2、过程与方法：
（1）通过师生共同分析动画补间的实例，加深学生对于动画补间的和层的理解；
（2）让学生自主实践，去完成“移动的太阳”的动画，使学生能够迅速掌握“动画补间”动画的制作方法；
10
（3）培养学生自主学习能力、探索创新能力和综合运用知识的能力。 3、情感态度与价值观：
（1）感受运用Flash动画软件创造作品的乐趣；
（2）体验信息技术蕴含的文化内涵，形成和保持对信息技术的求知欲。 教学重点与难点：
1、教学重点：（1）“动画补间”动画制作的一般方法。 （2）层的概念 2、教学难点： 层的概念 教学方法与教学手段：
讲授法、演示法、分层任务驱动法、自主探究学习法。 教学准备：
硬件：多媒体网络教室； 软件：教学软件、学件。 教学过程： 教学 教学活动 环节 激 激发学生的学学生活动 设计意图 【新课导入】（1）学生欣赏FLASH欣赏、观察与习兴趣，引起比较 学生的学习动机，培养学生观察与比较的能力 趣 动画； 导 （2）比较两幅FLASH动画的相同点入 与不同点 11
探 究 新 （1） 图片的导入 引起学生的认（2） 尝试用已有知识操作新的FLASH按教师要求操知冲突，产生动画 作 强烈的求知欲望，维持学习知 分 【实例分析】 “移动的太阳”应用实例析 实 分析 动机 通过实例的展示以及师生共观察、思考 同分析，进一步加深学生对层的理解。 体现合作、自例 【方法指导】用形象的方法帮助学生理解层的含义 自 主 探 究 【即时指正】及时辅导、纠正学生的错 误 分 层 【任务完善】引导学生在完成了动画补实 践 间动画的基础上，修改太阳图片。 制作方法。 【基本任务】参考学件或课本在合作的 基础上自主制作动画“移掌握与完善动主，尊重学生动的太阳”。 画补间动画的的个体差异性。 交 【拓展任务】要求学生在学有余力的基 12
交流、讨论 引导学生运用流 与 提 高 础上尝试思考给出的其它的动画效果的操作方法 所学，举一反三，主动探究问题。 本课为学生加深了对制作动画的一回忆本节课所鼓励学生积极般方法的理解，增加了层的概念，希望学知识。 总结 同学们能活学活用，制作出更好的动画作品。
第8单元 动画制作
第3节 “形状补间”动画 （20课时）
教学目标： 1．知识与技能目标
（1）掌握“形状补间”动画制作的一般步骤，学会“形状补间”动画的制作方法。
（2）学会创建影片剪辑的方法，理解影片剪辑的意义。 （3）分析比较“动画补间”动画和“形状补间”动画的区别，进一步理解动画制作的原理。 2．过程与方法
通过制作“花儿开放”的简单变形动画，了解“形状补间”动画制作的一般方法。对比“动画补间”动画的制作方法，分析“动画补间”和“形
13
主动地学习Flash软件。 状补间”这两种基本动画制作中的区别，提高学生对动画制作的理性认识。 3．情感态度与价值观
激励学生进一步学习动画制作，由浅入深、由表及里地掌握动画制作的方法，提高制作动画和欣赏动画的水平，培养学生的自主探索、协作研究的精神。 教学方法：
讲解与演示相结合，自主学习与合作学习相结合。 教学重难点：
1． 重点：变形动画 不规则图形变形 2．难点：创建影片剪辑的方法，理解影片剪辑的意义。 教学过程： 1．导入
播放“花儿开放的动画”提出问题，激发学生的学习兴趣。 2．讲授新课
制作“花儿开放”的动画。 1、建立一个新文档
2、执行“插入→新建元件”命令，创建名为“盛开的小花”的影片剪辑。
3、将第1层改名为“茎干”，并在第1帧用“刷子”工具画出绿色茎
14
干，再在第20帧插入帧
。
4、创建新图层，并命名为“花”，分别在第10帧、第20帧插入空白关键帧。
5、设置“粉红”、“放射状”渐变色，分别在第1、10、20帧用“椭圆”工具画椭圆，再用“部分选取”工具将椭圆变形成三个花朵形状。
15
6、分别在第1、10、20帧设置“形状补间”动画，
7、执行“文件→导入→导入到库”命令，将“绿色家园”图片导入到库。
8、单击“场景1”标签回到场景，将图层1改名为“背景”。选中“背景”层的第1帧，将元件库中的“绿色家园”图片拖到场景中作为背景。
9、创建新图层，将命名为“小花”。多次从元件库中将名为“小花”的影片剪辑拖放到场景中，将调整其大小各位置。
10、完成作品，执行“控制→测试影片”命令，观看效果。
16
（1）学生在没有操作步骤参考的情况下，根据对老师演示操作的理解性记忆，模仿制作动画，增强对操作步骤的理解和掌握。
（2）教师指导学生自己动手操作，及时指出学生操作中出现的问题，对做得好的同学进行表扬，并在学生中展示。 3．课堂小结
（1）教师总结影片剪辑的意义。
影片剪辑元件实际上是一小段动画，它可以独立于场景中的时间轴播放。将影片剪辑拖入场景后，即使场景中只有一帧，它也会循环播放。通过影片剪辑元件创建的一些动画片段，可以反复调入场景，避免重复制作，同时还能减少Flash动画的大小。
（2）制作“形状补间”动画的主要步聚为：
①在动画的起始帧处插入关键帧，然后在起始帧场景中编辑对象 ②在绿豆帧处插入关键帧，然后在起始帧场景中编辑对象。 ③选择起始帧，在“属性”面板的“补间”选项中选择“形状” （3）分析“动画补间”动画和“形状补间”动画之间的区别。
17
区别之处 在时间轴上的表现 组成元素 “动画补间”动画 淡紫色背景加长箭头 影片剪辑、图形元如果使用图形元件、按件、按钮 钮、文字，则必先打散（分离）再变形。 完成的作用 实现一个元件的大实现两个形状之间的变“形状补间”动画 淡绿色背景加长箭头 小、位置、颜色、透化，或一个形状的大小、明等的变化。
位置、颜色等的变化。
18
因篇幅问题不能全部显示，请点此查看更多更全内容