起点教育 - 中小学教育资源免费下载平台

第3课 形状补间动画 教学设计1

第三课 形状补间动画

教学目标:
知识与技能目标:
1、掌握形状补间动画制作的一般步骤,学会形状补间动画的制作方法。     2、学会创建影片剪辑的方法,理解影片剪辑的意义。     3、分析比较动画补间动画和形状补间动画的区别,进一步理解动画制作的 原理。
过程与方法:
通过制作“多边形变成圆形”“老鼠变成小猪”两个简单的变形动画,了解形状补间动画制作的一般方法。对比动画补间动画的制作方法,分析动画补间和形状补间这两种基本动画制作中的区别,提高学生对动画制作的理性认识。
情感态度与价值观
激励学生进一步学习动画的制作,由浅入深、由表及里掌握动画制作的方法,提高其制作动画和欣赏动画的水平;培养学生的自主探索、协作研究的精神。
教学方法:
讲解与演示相结合,自主学习与合作学习相结合。
重难点:规则图形变形
重要知识点:变形动画不规则图形变形文字渐变

难点:创建影片剪辑的方法,理解影片剪辑的意义。
教学过程:
导入
播放“图形变形”“老鼠变成小猪”的动画,提出问题,激发学习兴趣。 【讲授新课】
一、演示学习任务1:制作“多边形变成圆形”的动画。
(1)教师按下述步骤,一次性完成其中所有操作,学生理解记忆老师的制作步骤。
1.执行 “修改”菜单中的“文档”命令,在出现的“文档属性”对话框中,设定动画的大小为400px×150px。单击“确定”。
2.在“图层1”第1帧,用“多角星形”工具,选择绿色圆形渐变色,在场景编辑区左侧画一个五边形。
3.单击时间轴的第30帧,执行“插入”→“空白关键帧”命令(或按F7键),插入一个空白关键帧。
4.选择“椭圆”工具,在场景编辑区右侧画一个圆。
5.单击时间轴窗口下边一组洋葱皮按钮中的左边第一个按钮“绘图纸外观”,在第30帧处能看到第1帧的画面内容,以便调整场景中元件的位置。
6.单击第1帧,在帧“属性”面板中,设置“补间”框中的选择为“形状”。
可见时间轴的第1帧到第30帧之间的影格呈淡绿色,同时标上了一条黑色的箭头线,表示这段动画属“形状补间”动画。
7.制作完毕,执行“控制”→“播放”命令(或按Enter键),观察动画效果。
(2)学生在没有文字描述的操作步骤参考的情况下,凭着对老师演示操作的理解性记忆,模仿制作,增强学生对操作步骤的理解和掌握。
(3)教师指导学生自己动手操作,及时指出学生中出现的问题,对做得好的同学进行表扬,并在学生中展示。
二、演示学习任务2:制作“老鼠变成小猪”的动画。
(1)教师按下述步骤,一次性完成其中所有操作,学生理解记忆老师的制作步骤,进一步培养学生理解记忆操作步骤的习惯,为学生创造性制作自己的动画作品打下基础。
1.导入“老鼠”和“小猪”两幅图片到库。将“老鼠”图片拖到舞台中。
2.选中“老鼠”图片,执行“修改”→“位图”→“修改位图为矢量图”命令,将“老鼠”图片转换成矢量图,删除周围多余部分。
3.在时间轴30帧处单击右键,在弹出的快捷菜单中选择“插入空白关键帧”。
4.将“小猪”图片拖到场景中并转换为矢量图,删除周围多余部分。
5.单击第1帧,在帧“属性”面板中,设置“补间”框中的选择为“形状”。播放观看动画效果。
(2)学生在没有文字描述的操作步骤参考的情况下,凭着对老师演示操作的理解性记忆,模仿制作,增强学生对操作步骤的理解和掌握。
(3)教师指导学生自己动手操作,及时指出学生中出现的问题,对做得好的同学进行表扬,并在学生中展示。
三、总结“形状补间”动画的主要制作步骤
第一步,在一段动画的起始帧插入关键帧,在起始帧的场景中编辑对象;
第二步,选择结束帧插入空白关键帧,在结束场景中编辑对象;
第三步,选择开始帧,在帧属性面板中设置补间为“形状”。
四、学生自主尝试制作动画“盛开的小花”。
1.学生在老师的指导下,对照教材中给出的操作步骤自主、合作制作动画“盛开的小花”。
2.检查学生制作情况,对共同性问题集体讲解。
3.表扬和展示学生成果。
4.集体讨论影片剪辑的意义。
5.请同学叙述影片剪辑的意义及其制作方法。

第二课时:
学生上机练习:
p24-p27 1.单个文字变形;
2.多个文字变形;
3.增加形状提示。
课堂小结:
1.教师总结“影片剪辑”的意义。
影片剪辑元件实际上是一小段动画,它可以独立于场景中的时间轴播放。将影片剪辑拖入场景后,即使场景中只有一帧,它也会循环播放。通过影片剪辑元件创建的一些动画片段,可以反复调入场景,避免重复制作,同时还能减少Flash动画的大小。
2.分析“动画补间”动画和“形状补间”动画之间的区别。
区别之处
动画补间动画
形状补间动画

在时间轴上的表现
淡紫色背景加长箭头
淡绿色背景加长箭头

组成元素
影片剪辑、图形元件、按钮
如果使用图形元件、按钮、文字,则必先打散(分离)再变形。

完成的作用
实现一个元件的大小、位置、颜色、透明等的变化。
实现两个形状之间的变化,或一个形状的大小、位置、颜色等的变化。



同类资源