卡通人物大变身
——制作“形状补间”动画
授课人：花洁 授课班级：初二（4）班
教学目标：
1．知识与技能目标
（1）掌握“形状补间”动画制作的一般步骤，学会“形状补间”动画的制作方法。
（2）掌握位图转换成矢量图的方法。
（2）掌握位图转换成矢量图的方法。
（3）分析比较“动画补间”动画和“形状补间”动画的区别，进一步理解动画制作的原理。
2．过程与方法
2．过程与方法
通过制作“多边形变成圆形”、“卡通变身”两个简单的变形动画，了解“形状补间”动画制作的一般方法。对比“动画补间”动画的制作方法，分析“动画补间”和“形状补间”这两种基本动画制作中的区别，提高学生对动画制作的理性认识。
3．情感态度与价值观
激发学生进一步学习动画制作的兴趣，掌握动画制作的方法，提高制作动画和欣赏动画的水平，培养学生的自主探索、协作研究的精神。
教学方法：
讲解与演示相结合，自主学习与合作学习相结合。
教学重难点：
④选择“椭圆”工具，在场景编辑区右侧画一个圆。
⑤单击时间轴窗口下边的“绘图纸外观”按钮，在第30帧处能看到第1帧的画面内容，以便调整场景中元件的位置。
⑥单击第1帧，在 帧“属性”面板中，设置“补间”项为“形状”。
可见时间轴的第1帧到第30帧之间的影格呈淡绿色，同时标上了一条黑色的箭头线，表示这段动画是“形状补间”动画。
⑦制作完毕，执行“控制→播放”命令，观察动画效果。
学生根据学案尝试制作动画，增强对操作步骤的理解和掌握。
教师指导学生自己动手操作，及时指出学生操作中出现的问题，对做得好的同学进行表扬，并在学生中展示。
2.小结“形状补间”动画的主要制作步骤。
（1）在一段动画的起始帧插入关键帧，在起始帧的场景中编辑对象。
（2）选择结束帧插入空白关键帧，在结束场景中编辑对象。
（3）选择开始帧，在帧属性面板中设置补间为“形状”。
3.任务二：学生小组互助合作“卡通人物大变身”
（1）学生小组合作，根据学案步骤制作动画，为创造性制作自己的动画作品打下基础（步骤以制作“老鼠变成小猪”的动画为例。）
① 将“老鼠”和“小猪”两幅图片导入到库中，把“老鼠”图片拖到舞台中。
拖入“老鼠”图片
②选定“老鼠”图片，执行“修改→位图→修改位图为矢量图”命令，将“老鼠”图片转换成矢量图，删除周围多余部分。
③在时间轴30帧处右击，在弹出的快捷菜单中选择“插入空白关键帧”命令。
④将“小猪”图片拖到场景中并转换为矢量图，删除周围多余部分。
拖入“小猪”图片
⑤单击第1帧，在帧“属性”面板中，设置“补间”项为“形状”。播放观看动画效果。
（2）学生根据学案模仿制作动画，增强对操作步骤的理解和掌握。
（3）教师指导学生自己动手实践，及时指出学生操作中出现的问题，对做得好的同学进行表扬，并在学生中展示。
4．分析“动画补间”动画和“形状补间”动画之间的区别。
|
区别之处
|
“动画补间”动画
|
“形状补间”动画
|
|
在时间轴上的表现
|
淡紫色背景加长箭头
|
淡绿色背景加长箭头
|
|
组成元素
|
影片剪辑、图形元件、按钮
|
如果使用图形元件、按钮、文字，则必先打散（分离）再变形。
|
|
完成的作用
|
实现一个元件的大小、位置、颜色、透明等的变化。
|
实现两个形状之间的变化，或一个形状的大小、位置、颜色等的变化。
|
三．拓展延伸：
任务三：文字变化
①在时间轴第60帧处右击，在弹出的快捷菜单中选择“插入空白关键帧”命令。
②使用“工具”中的文本工具在舞台中输入文字，如：“老鼠变小猪”，使用属性面板调整文字格式。
③选中文字对象右击，使用分离命令（两次），将文字也变换成矢量图的格式。
④单击第30帧，在帧“属性”面板中，设置“补间”项为“形状”。播放观看动画效果。
学生作品展示与评价。
四．课堂总结
谈一谈你本课的收获，师生共同归纳本课知识点。
卡通人物大变身
——“形状补间”动画学案
学习目标：
1．知识与技能目标
（1）掌握“形状补间”动画制作的一般步骤，学会“形状补间”动画的制作方法。
（2）掌握位图转换成矢量图的方法。
（2）掌握位图转换成矢量图的方法。
（3）分析比较“动画补间”动画和“形状补间”动画的区别，进一步理解动画制作的原理。
2．过程与方法
2．过程与方法
通过制作“多边形变成圆形”、“老鼠变成小猪”两个简单的变形动画，了解“形状补间”动画制作的一般方法。对比“动画补间”动画的制作方法，分析“动画补间”和“形状补间”这两种基本动画制作中的区别，提高学生对动画制作的理性认识。
3．情感态度与价值观
激发学生进一步学习动画制作的兴趣，掌握动画制作的方法，提高制作动画和欣赏动画的水平，培养学生的自主探索、协作研究的精神。
学习过程：
任务一：制作“多边形变成圆形”的动画。
1执行“修改→文档”命令，在弹出的“文档属性”对话框中，设定动画的大小为“400px×150px”，单击“确定”按钮。
2单击“图层1”第1帧，按住工具栏中的“矩形工具”，在弹出的下拉菜单中选择“多角星形工具”，设置填充颜色为“绿色圆形渐变色”，在场景编辑区左侧画一个五边形。
3单击时间轴的第30帧，执行“插入→空白关键帧”命令，插入一个空白关键帧。
4选择“椭圆”工具，在场景编辑区右侧画一个圆。
5单击时间轴窗口下边的“绘图纸外观”按钮，在第30帧处能看到第1帧的画面内容，以便调整场景中元件的位置。
6单击第1帧，在 帧“属性”面板中，设置“补间”项为“形状”。
可见时间轴的第1帧到第30帧之间的影格呈淡绿色，同时标上了一条黑色的箭头线，表示这段动画是“形状补间”动画。
7制作完毕，执行“控制→播放”命令，观察动画效果。
任务二：学生小组互助合作“卡通人物大变身”
（请在素材文件夹中自选两幅图片作为变身的对象导入到库，学案以老鼠和小猪为例）
1 将“老鼠”和“小猪”两幅图片导入到库中，把“老鼠”图片拖到舞台中。
拖入“老鼠”图片
2选定“老鼠”图片，执行“修改→位图→修改位图为矢量图”命令，将“老鼠”图片转换成矢量图，删除周围多余部分。
3在时间轴30帧处右击，在弹出的快捷菜单中选择“插入空白关键帧”命令。
4将“小猪”图片拖到场景中并转换为矢量图，删除周围多余部分。
拖入“小猪”图片
5单击第1帧，在帧“属性”面板中，设置“补间”项为“形状”。播放观看动画效果。
拓展延伸任务：文字变化
1在时间轴第60帧处右击，在弹出的快捷菜单中选择“插入空白关键帧”命令。
2使用“工具”中的文本工具在舞台中输入文字，如“老鼠变小猪”，使用属性面板调整文字格式。
3选中文字对象右击，使用分离命令（两次），将文字也变换成矢量图的格式。
4单击第30帧，在帧“属性”面板中，设置“补间”项为“形状”。播放观看动画效果。
关闭窗口
打印文档