动画原理及制作初步
我们也能做动画一一
《动画原理及制作初步》的教学设计、教学分析
（二）教学过程
教学环节教师活动学生活动设计意图【导入】
【提问】
【提问】【板书】
【讲解】
【板书】【讲解】
运行教师板书演示程序展示多部
经典动画片的图片
说说这些经典的动画片的名字
一、什么是动画？展示一幅翻书
的图片
动画：使一幅幅图像“活”起来
的过程。
由于人类的眼睛在分辨视觉讯号
时，会产生视觉暂留的情形，
“视觉暂留”：医学证明：当一
幅画面或者一个物体的景象消失
后，在眼睛视网膜上所留的映像
还能保留1/24秒
的时间。电视、电影或者动画就
是利用了人眼的这一视觉暂留特
性，只要快速的将一连串图形显
示出来，然后在每一张图形中做
一些小小的改变
（如：位置或造型），就可以
欺骗眼睛造成动画的效果。
二、计算机动画的分类
1、二维动画
2、三维动画
播放二维和三维动画视频片断
由于计算机图形功能的强
大，出现了一种新的动画形式，
就是三维动画，它与传统的二维
动画在创作的步骤上仍然是类似
的，但在视觉效果和动画生成形
式上则
说些知道的动画片名
学生结合自己的经验体
会，回答该问题
让学生观察，区别哪些
是二维动画和三维动画
的不同
围绕学生生活中熟悉的东西激
发学习兴趣，点出课题。
因为有图片提示，大多数学生
能说出简单的意思，教师再进
行专业性的解释就容易多了。
了解“视觉暂留”概念，理解
动画“动”起来的原理
从直观上区别“二维动画” 与
“三维动画”，得出“二维动
画”在动画片中占主体地位的
结论
通过对学生非常熟悉的动画片
浩大制作的介绍，理解计算机
为动画制作带来的便捷，树立
我们学生也可以做
【演示】【讲解】
【板书】【讲解】
【板书】【讲解】
【演示】
有很大的不同，而且其技术难度
比较大，一般需专业人员来制
作。
而传统的平面动画，也就是
二维动画仍有它强大的生命力，
更制作容易，更方便表达创作者
的意图，因此适合普通动画爱好
者，包括我们来学习。
下面，我们就来看看如何通
过计算机制作简单的二维动画。
播放一段动画
这是一段普通网友制作的动画，
画面简单而生动，那么我们同学
们自己能不能做动画呢？那就来
了解一下做动画的一般步骤。
三、动画制作的一般步骤脚本的
构思与创意一-造型、背景图片素
材的创作一-动画的编辑与合成
播放一段动画片制作过程的视
频，引入计算机在动画制作中的
发挥的巨大作用和优势
四、利用Flash软件创作静态图
形
计算机中的动画制作软件具
有极其灵巧的图形绘制功能，能
产生翻转、拉伸、擦除、歪斜等
效果。且可以随时存储、修改和
删除任意一幅画面，大大改进了
手工动画画面的制作过程。
我们打开一个动画制作软件
Flash,体验一下它强大
学生观看动画，思考教
师提出的问题。
动画的信念。
学生知道的经典动画片都是由
专业人员制作的，这里欣赏的
普通网友的动画为学生拉近了
距离，激发了学习动画制作的
愿望。
学生不由自主地问自己：“我
能制作出这样的动画吗？” 产
生想亲自制作动画的冲动
学生通过直观的视频演示初步
了解电脑制作动画的过程
这里并不是要详细讲解Flash
软件，只是通过介绍该软件让
学生知道动画制作软件的强大
功能，体会其比传统手工制作
的优势。
简单认识Flash动画制作软
件，了解其界面和功能
【演示】
【作业】【交流】【讲解】
【板书】【讲解】的图形绘制功能。
Flash是集图形绘制和动画
编辑等众多的功能为一身，并且
入门简单、上手较快的动画制作
软件。它所使用的动画制作原理
与手工动画是类似的。
用Flash绘制一个小动物的形象
（任务1）
1、“工具箱”讲解：
选取工具、线条工具、椭圆工
具、颜料桶工具等
2、“工具栏”讲解：
旋转与倾斜工具、缩放工具
学生完成“任务1 ”
评价学生作品
我们刚刚体验了用动画软件来绘
制图形，发现：只要掌握一些小
技巧，没有很强美术基础的我们
也能设计绘制图形，但要做出更
好更有创意的图形图象，还须我
们在以后的学习生活中多多注意
这方面知识的积累。
接着我们来体验一下怎样让静态
图片动起来。
五、让静态图片动起来
首先来理解下“动”起来的原
理。明白下面两个概念。帧：一
段电影或动画是由一幅幅静态
的、连续的图片组成的，每一幅
静态图片就称之为“帧”。
因人的眼睛会产生视觉暂留，
观察教师的“演示”，
思考如何利用自已的美
术和绘画知识并结合
Flash工具进行创作
完成“任务1”，体验
如何用Flash进行图形
绘制。
和教师一同感受部分学
生的作品
培养学生的自主学习能力，培
养学生的语言表达与交流能
力，培养学生懂得欣赏他人作
品，培养学生的创新思想，力
求完善的求学态度。
【板书】
【演示】【提问】
对上一个画面的感知还末消失，
下一张画面又出现，就会有动的
感觉。
层：手工动画是由多层透明胶片
上的图画叠加合成的，但制作中
需要精确对位，而且受到透明胶
片透光的影响，透明胶片的使用
最多不超过四层。在动画软件
中，也同样使用的分层的方法，
对位简单，层数没有限制，且对
层的各种控制，如移动、隐藏
等，也非常容易实现。
（一）帧动画
1、演示动画
2、帧动画过程
（1 ）新建文件
思考：我们不会绘制图形就不能
做动画的吗？
（2）导入已有素材：单击“文
件” __ “导入” __选中素材__
“打开”
（3 ）调整打开的素材图片：
（4 ）在时间轴上插入若干关
键帧：在后一帧上右击——单击
“插入关键帧”
（插入的关键帧是前一帧的复
制帧）
（5 ）根据物体运动的规律，
对当前帧上的图片进行细节调整
（运用旋转、移动等工具，连续
两帧的变化要在可接受的范围
内）学生操作
（6）插入背景层
（在操作时，先制作运动层，
最后将背景等静止层的帧延长到
与动动层一样。）点击“插入图
层”按钮一一单击“文件” __
“导入” __
学生思考教师的问题
观摩教师“演示”，和
教师一起探究帧动画制
作的过程。
仔细观察：插入的关键
帧是前一帧的复制帧
结合“范例”，通过了解动画
制作中的两个重要概念：
“帧”和“层”，来探究理解
动画“动”起来的奥妙。
观察“层”的操作，结合“层”
的概念，进一步探究“层” 的
作用。
观察探究“帧频”的大小对
动画播放的影响
【作业】【交流】【作业】【讲解】
【扩展】
选中打开背景图片一一将背景层
调整为最底层
（7 ）调试动画
帧频：“视觉暂留”：医学证
明：当一幅画面或者一个物体的
景象消失后，在眼睛视网膜上所
留的映像还能保留1/24秒的时
间。
（二）学生选择某一主题尝试
操作“任务2 ”
（三）评价学生作品
学生运行教学自我评价程序，完
成相关选择题
六、课堂小结
1、什么是动画
2、动画制作的一般过程
3、静态图片获取
4、动画制作
5、帧、图层
打开上面用到的网友Flash动画
的源文件，让学生看到与自己制
作动画完全不同的时间间轴、变
形、移动动画等效果。指出Flash
动画制作中有更多的内容等待我
们去学习，大家将在选修模块中
接触到更多的动画软件知识。
学生选择某一主题尝
试操作“任务2”
和教师一同感受评价部
分学生的作品
学生完成自我评价，找
出自身不足
学生对照刚刚完成的自
我评价，对存在的问题
进行梳理
教师根据学生教学评价表完成
情况，评估总体教学目标的达
成度，有重点，有针对性的对
本节课的主要内容做一个回顾
和总结
激发学生对动画制作的更大兴
趣，为今后的进一步学习指出
方向
教学反思
本节课的任务设计是重中之重，化繁于简，从儿童画入手，在此基础上做简单的帧动画，让大多数学生都能完成动画作品，从而体验到动画制作的乐趣，打消了他们对动画制作的畏难情绪。既照顾到了落后，让大多数学生掌握了新知识，又给学习能力强的学生留下自主学习和创新的空间，
“学生练习”小窗口的设计也是本课的特色之一，有任务题目、操作提示和教师演示回放，可以让学生根据自己的实际情况一边看着题目、操作提示一边进行操作。理论讲解时，适当的视频让学生一开始就学习兴趣浓厚。把原理与制作有效地融合在一起，容易理解还不会显得枯燥；结合原理的制作又能让学生很快地上手。本节课的最终达成率虽然还是比较令人满意的，但由于堂课的容量大，时间较紧凑，学生之间的交流与协作仍不充分。评价方式还可大胆地放手，让评价的形式更加多样化，尤其是学生互评可能开展的更好。
（三）教学流程图（见下页）
开始
创设情境，引入课题
讲解计算机动画的分类土X分辨“二维动画”和“三维动画”