项目三 补间动画制作(教案)-《Flash动画设计与制作》同步教学(劳动版)
2023-09-12
|
8页
|
150人阅读
|
30人下载
普通
内容正文:
《Flash动画设计与制作》
教师授课教案
教学项目
项目三补间动画制作
教学时数
8学时
教学班级
备课教师
教学方法
任务驱动教学法、案例教学法、演示法、小组学习法
1、熟练掌握补间动画的概念、原理、制作方法。
本次授课目的
知识目标
2、熟练掌握图形元件、影片剪辑元件在动画中
与要求
的应用。
能力培养目标
能够根据学习的知识,制作补间动画。
课堂类型
理论与实践相结合
教具
多媒体教室、机房
考核对象
全体同学
1、帧的概念、帧的基本操作
复习旧课要点
2、逐帧动画的制作方法。
3、掌握人物走路动画的制作方法。
1、形状补间动画的构成元素、时间轴显示,如何添加形状提示。
新课重点
2、动画补间动画的构成元素、时间轴显示,如何设置旋转、缓动值等。
3、图形、影片剪辑元件在动画中的应用。
难点:
如何通过添加形状提示控制变形过程?图形、影片剪辑元件在动画补间动画中
如何应用?
新课难点
措施:
及解决措施
在“起始形状"和“结束形状”中添加相对应的“"参考点”使Flash在计算变形过
渡时依据一定的规则进行,从而有效地控制变形过程。
通过实例操作演示,结合讲解,使难点简单化。
课后总结
及改进措施
备课时间
主任审阅
涉及标准
参考工具书
《Flash动画设计与制作》
授课教案副项
授
课
内
容
时间
分配
一、
复习
1学时
前面的几节课我们学习了逐帧动画的相关概念和制作方法及技巧,在讲
新课之前先一块来复习一下:
逐帧动画:适用于制作动作比较复杂的动画,例如:人物走路、说话等
等,它往往用来实现比较精细的动作;但是因为逐帧动画的每一个关键帧都
需要我们手动的来绘制,所以它的缺点也很明显,就是工作量比较大。逐帧
动画时间轴面板显示是“每一帧都是关键帧”或者是“关键帧之间间隔一些普通
帧。
二、导入新课
通过前面的练习,我们知道制作逐帧动画需要一桢一帧的调节动画对象,
但是对于一个相对复杂的动画,如果我们都是这样一帧一帧的调节的话,会
花费较多的时间,那么是否还有其他的制作动画的方法呢?答案是肯定的。
今天我们就一块来学习另外的一种动画形式:补间动画。
补间动画是一种基本动画,补间动画中的对象随着播放时间进行移动或
变形,这种动画制作过程简单,只需制作两个关键帧上的动画,中间部分由
计算机自动运算而得到,能最大限度地减小生成文件的大小。
补间动画可分为形状补间动画和动画补间动画两种类型,它可以实现万
花筒、七十二变、小球运动、电子相册、风车旋转等多种运动效果。
教师:下面我通过一个实例给大家讲解一下补间动画的第一种类型:形
状补间动画。
教师演示并讲解:1变成2的动画效果。
操作步骤:
(1)在时间轴面板上动画开始播放的关键帧中绘制动画的开始形状(用
文本工具输入数字1,然后将其打散把文本转换为形状),在动画结束处插入
空白关键帧,绘制动画的结束形状(用文本工具输入数字2,然后将其打散
把文本转换为形状)。
《Flash动画设计与制作》
授课教案副页
(2)单击开始帧,在属性面板上单击“补间”旁边的小三角,从列表中选
择“形状”即可创建形状补间动画。此时,时间轴面板上相应图层的背景颜色
变为淡绿色,在起始帧和结束帧之间增加了一个长长的箭头。
(3)测试、保存。
像上面的这种动画形式我们在实际生活当中会经常遇见,例如运动的足
球、飞舞的蝴蝶、变幻莫测的万花筒等等。
三、讲授新课
2学时
形状补间动画的概念
在一个关键帧中绘制一个形状,在另一个关键桢中修改形状或者新绘制
一个形状,Flash根据两个关键帧中形状的值来创建的动画称为形状补间动
画。
形状补间动画的构成元素
形状补间动画可以实现两个图形之间颜色、大小、形态及位置的相互变
化。形状补间动画的元素必须是形状,如果是元件、文字、位图或者群组对
象,可以执行【修改】→【分离】命合,或者按【Ct+B】组合键将其打散,
转换为形状,再创建形状补间动画。
制作形状补间动画的步骤
(1)在“时间轴”面板上动画开始播放的关键帧中绘制动画的起始形状,
在动画结束处插入空白关键帧,绘制动画的结束形状。
(2)单击起始帧,在“属性”面板上单击“补间"旁边的三角形按钮,从列
表中选择“形状”,即可创建形状补间动画。
形状补间动画“属性”面板
形状补间动画的“属性”面板常用选项的含义如下。
(1)缓动:用于设定对象在变化过程中是加速还是减速。值大于0是减
速运动,等于0是匀速运动,小于0是加速运动。
(2)混合:用于设置中间帧形状变化的过渡形式,包括分布式和角形两
项。“分布式”使中间帧的形状变化过渡更加自然。“角形”使中间帧的形状变化
《Flash动画设计与制作》
授课教案副页
保持关键帧上图形的棱角和直线特征。如果关键帧中没有尖角,则与分布式
的效果一样。此类型用于有棱角图形的变换。
由于学科网是一个信息分享及获取的平台,不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益,请联系学科网,我们核实后将及时进行处理。