第10课 人物动画 教学设计 (5)

第10课
人物动画
教学设计
1教学目标
知识与技能：感知动画原理，利用画图制作动画中的每一帧，并使用动画向导生成动画，了解动画中帧与帧之间的变化与延时对动画的影响；
技能与方法：通过实物展示来深入感知动画原理，综合利用已有画图技能自主创作动画的帖，通过教师演示运用Animator生成动画；
情感态度价值观：探知动画奥秘，培养动漫创作情怀。
2重点难点
教学重点：动画向导的设置，使用画图制作动画的每一帧。
教学难点：能正确设置动画的延时时间。
3教学过程
活动1【导入】翻页动画，引入课题
1、
师：同学们，上星期杭州刚刚举办了第九届中国国际动漫节，动漫节上，各种动漫人物纷纷到场。今天俞老师也给大家带来了一位熟悉的动漫朋友，请看屏幕。
2、
教师用展示展示喜羊羊的静态图片；
3、
提问：他是谁？
4、
追问：你知道他在什么嘛？
5、
教师：现在俞老师把这几张图片收集起来装订成册（教师慢慢翻小册子），再来看看他在干什么？
6、
教师使用翻页演示喜羊羊向大家挥手打招呼动画。教师代替喜羊羊向大家问好：HELLE,各位504班的同学们，你们好。
7、
提问：他在向我们做什么呢？
8、
提问：明明还是这几张一动也不动的喜羊羊，这样做他就会向我们挥手呢？你们能前几节课学的知识来解答这个问题嘛？
9、
教师小结：是啊，虽然他们都是静止的，但是每一张图片中的手都是连接变化的，我们利用眼睛的残留效应，快速展现接连变化的静态图片时，我们就看到动画了。
10、
揭示课题：今天我们就是要利用这种原理，在电脑上制作人物动画。
11、
教师板书课题。
活动2【活动】动画向导，生成动画
1、
师：利用纸张制作人物动画比较麻烦，今天我们换个方式，俞老师已经把每张图片都放在大家的桌面上的喜羊羊的文件夹内（教师展示）。下面，我们利用GIF
Animator的动画向导来将这几张图片引入进来，生成这个动画。
2、
教师演示打开GIF
Animator,进入动画向导第一页，提问：你认为这儿的画布的高度与宽度应该怎么设置？为什么？想一想这儿的宽与高与要导入的这几张图片的宽与高有什么关系？（如果不这样设置为出现什么情况？）
3、
如果学生无法回答，老师板演如果动画设置得比较小，而导入进来的图片很大（老师黑板上画一画），那么动画播放时只显示部分图像了。
4、
老师追问：如何知道图片的大小（宽与高）呢？
5、
教师演示查看图片大小，然后修改动画向导第一页的画布大小。
6、
教师演示将图片添加到动画向导中：“接下来，我们将喜羊羊的几幅图片添加进来。”
7、
教师演示进行动画向导第三步，提问：你觉得在这儿延时多少比较合适？理由是什么？
8、
教师布置任务：等会你我们自己去做的时候，思考并验证这样的问题：延时设置为多少，动画看上去效果最好。你可以在向导时改，也可以在GIF
Animator的帧属性中改变。
9、
师：最后单击完成，观看效果。
10、
教师布置任务：完成任务一。
任务纸：利用Animator动画向导生成喜羊羊的动画，思考并验证动画中的每一帧延时设置为多少时间，动画播放效果最好。（教你一招：可以使用“魔术棒
”工具将人像周围的白色选定后删除，我们就能得到边缘整齐的动画了。）
11、
展示学生的动画，并且请学生说一说你的动画延时设置成多少秒，为什么？（解释太长与长短会有怎么样的效果。先展示使用默认0.25秒的，然后展示其他秒数的。）
12、
师生共同小结：为了提高动画的播放效果，我们要合理设置延时，太长会有停顿感，太短看不清楚，建议设置成0.1秒至0.05左右。
活动3【活动】自绘图片，生成动画
1、
师：喜羊羊来了，另外一位主角，当然必不可少，看，灰太狼来了（教师展示图片），他又在想着法子捉羊吃，你们说说看，灰太狼的什么表情说明他在想着法子、动着脑子，想歪主意呢？
2、
师：对了，今天我们就来自己动手做一个灰太狼在想歪主意的动画，让他的眼珠子转起来。俞老师在网上搜了下，只找到了一张灰太狼的静态图片，，你有办法，利用学到的知识，制作一个他转眼珠子的动画嘛？
3、
提示：我们刚才利用四幅手在连接变化的喜羊羊图（教师在屏幕上展示四张图片），你觉得我们这个转眼珠子的动画可以怎么做？
4、
学生回答后教师出示四幅无眼珠子的灰太狼图片，请他来点一点眼珠子。
5、
提问：难道只能用四幅图画来制作动画嘛？你觉得还可以用几幅图画来生成这个转眼珠子的动画？
6、
追问：那么你的8幅中每一幅的眼珠子位置与四幅的一样嘛？
7、
学生回答后请他来点一点眼珠子的位置。
8、
提问：同学们都非常棒，很有动漫大师的潜质，我们即可以用四幅来生成这个动画，也可以用8幅或者6幅，或者更多来完成这个动画。图片越多，前一帧与后一帧的动作变化就可以越小，但是这儿有个问题，俞老师这儿只有一张原始的图片，也就是第一张图片，动画需要这么多图片，是不是每一张都要画一遍呢？你有什么好的方法嘛？
9、
教师：原来可以使用画图简单加工，现在我把原始图片做为动画中的第一帧，第一张图片，那么做为第二帧的图片应该怎么加工？请学生上台演示使用画图画第二帧，学生“另存为”时请学生解释下为什么要另存为，而不是保存。
10、
布置任务二：
任务纸：
任务二：用画图软件打开桌面上“任务二”文件夹中的“htl.jpg”图片，制作动画中的每一帧，然后利用Animator中的动画向导生成转眼动画。注意：1、几幅画应该一样大小，因为它们要放在同一个动画中；2、每幅图中的变化内容不能变动得太多，以免造成停顿感；3、每一帧画面命名要有规律，如HTL1、HTL2、HTL3等，以方便图像的导入。思考：帧与帧之间的变化大，还是变化小好，有什么利弊？回答:通过对比，我认为帧与帧之间的变化（
）好，理由是：
11、
学生展示自己的动画，说一说自己是通过几帧来生成这个动画的，每一帧都展示一下。
12、
提问：你觉得帧与帧的变化大好，还是小好？各有什么利弊？
13、
教师小结：帧与帧之前变化得越小，动画看上去越自然流畅，但是要画的帧就越多。帧与帧之前变化得越大，动画看上去越有跳跃感，停顿感，但是需要画的帧就比较少。所以做动画是个精细活，要做出精美的动画，你必须得花大量的时间与精力，大家看过疯狂原始人这个动画片吧，你知道这个动画片做了几年嘛？（8年），前期的剧本和后期制作更益求精，有时一个星期也只能做3秒钟时间的动画。”
活动4【练习】综合利用，深入加工
1、
你觉得现在的转眼动画，还可以进行哪些方面的加工？
2、
师生共同归纳：可以添加帧数或者改变延时，添加字幕等来美化动画。
3、
请学生再深入加工自己的动画，最后将动画导出，保存在电脑中，插入到《我的精彩介绍》演示文稿中，专门制作一页，介绍自己的动画。