电子教案-《Flash动画设计与制作（第二版）》-A06-3961（示例）项目三补间动画制作

由天下分享时间：2024/12/12 12:49:11 加入收藏我要投稿点赞

《Flash动画设计与制作》

教师授课教案

教学项目教学班级教学方法本次授课目的与要求课堂类型考核对象项目三补间动画制作备课教师教学时数 8学时任务驱动教学法、案例教学法、演示法、小组学习法 1、熟练掌握补间动画的概念、原理、制作方法。知识目标能力培养目标理论与实践相结合全体同学 1、帧的概念、帧的基本操作 2、熟练掌握图形元件、影片剪辑元件在动画中的应用。能够根据学习的知识，制作补间动画。教具多媒体教室、机房 2、逐帧动画的制作方法。复习旧课要点 3、掌握人物走路动画的制作方法。 1、形状补间动画的构成元素、时间轴显示，如何添加形状提示。新课重点 2、动画补间动画的构成元素、时间轴显示，如何设置旋转、缓动值等。 3、图形、影片剪辑元件在动画中的应用。难点：如何通过添加形状提示控制变形过程？图形、影片剪辑元件在动画补间动画中如何应用？措施：在“起始形状”和“结束形状”中添加相对应的“参考点”，使Flash在计算变形过渡时依据一定的规则进行，从而有效地控制变形过程。通过实例操作演示，结合讲解，使难点简单化。课后总结及改进措施备课时间涉及标准参考工具书主任审阅新课难点及解决措施《Flash动画设计与制作》授课教案副页

时间分配 1学时授课内容一、复习前面的几节课我们学习了逐帧动画的相关概念和制作方法及技巧，在讲新课之前先一块来复习一下：逐帧动画：适用于制作动作比较复杂的动画，例如：人物走路、说话等等，它往往用来实现比较精细的动作；但是因为逐帧动画的每一个关键帧都需要我们手动的来绘制，所以它的缺点也很明显，就是工作量比较大。逐帧动画时间轴面板显示是“每一帧都是关键帧”或者是“关键帧之间间隔一些普通帧”。二、导入新课通过前面的练习，我们知道制作逐帧动画需要一帧一帧的调节动画对象，但是对于一个相对复杂的动画，如果我们都是这样一帧一帧的调节的话，会花费较多的时间，那么是否还有其他的制作动画的方法呢？答案是肯定的。今天我们就一块来学习另外的一种动画形式：补间动画。补间动画是一种基本动画，补间动画中的对象随着播放时间进行移动或变形，这种动画制作过程简单，只需制作两个关键帧上的动画，中间部分由计算机自动运算而得到，能最大限度地减小生成文件的大小。补间动画可分为形状补间动画和动画补间动画两种类型，它可以实现万花筒、七十二变、小球运动、电子相册、风车旋转等多种运动效果。教师：下面我通过一个实例给大家讲解一下补间动画的第一种类型：形状补间动画。教师演示并讲解：1变成2的动画效果。操作步骤：（1）在时间轴面板上动画开始播放的关键帧中绘制动画的开始形状（用文本工具输入数字1，然后将其打散把文本转换为形状），在动画结束处插入空白关键帧，绘制动画的结束形状（用文本工具输入数字2，然后将其打散把文本转换为形状）。《Flash动画设计与制作》授课教案副页

（2）单击开始帧，在属性面板上单击“补间”旁边的小三角，从列表中选择“形状”，即可创建形状补间动画。此时，时间轴面板上相应图层的背景颜色变为淡绿色，在起始帧和结束帧之间增加了一个长长的箭头。（3）测试、保存。像上面的这种动画形式我们在实际生活当中会经常遇见，例如运动的足球、飞舞的蝴蝶、变幻莫测的万花筒等等。 2学时三、讲授新课形状补间动画的概念在一个关键帧中绘制一个形状，在另一个关键帧中修改形状或者新绘制一个形状，Flash根据两个关键帧中形状的值来创建的动画称为形状补间动画。形状补间动画的构成元素形状补间动画可以实现两个图形之间颜色、大小、形态及位置的相互变化。形状补间动画的元素必须是形状，如果是元件、文字、位图或者群组对象，可以执行【修改】→【分离】命令，或者按【Ctrl+B】组合键将其打散，转换为形状，再创建形状补间动画。制作形状补间动画的步骤（1）在“时间轴”面板上动画开始播放的关键帧中绘制动画的起始形状，在动画结束处插入空白关键帧，绘制动画的结束形状。（2）单击起始帧，在“属性”面板上单击“补间”旁边的三角形按钮，从列表中选择“形状”，即可创建形状补间动画。形状补间动画“属性”面板形状补间动画的“属性”面板常用选项的含义如下。（1）缓动：用于设定对象在变化过程中是加速还是减速。值大于0是减速运动，等于0是匀速运动，小于0是加速运动。（2）混合：用于设置中间帧形状变化的过渡形式，包括分布式和角形两项。“分布式”使中间帧的形状变化过渡更加自然。“角形”使中间帧的形《Flash动画设计与制作》授课教案副页

状变化保持关键帧上图形的棱角和直线特征。如果关键帧中没有尖角，则与分布式的效果一样。此类型用于有棱角图形的变换。形状补间动画的分类（1）不可控的形状补间动画：用于比较简单的形变效果。（2）可控制的形状补间动画：可通过添加形状提示制作出较为精确的形变效果。形状提示的作用在“起始形状”和“结束形状”中添加相对应的“参考点”，使Flash软件在计算变形过渡时依据一定的规则进行，从而有效地控制变形过程。添加形状提示的方法（1）选择形状补间的第一个关键帧。（2）执行【修改】→【形状】→【添加形状提示】命令，在该帧的形状上就会增加一个带字母的红色“提示圆圈”，相应地在结束帧形状中也会出现一个“提示圆圈”。（3）用鼠标分别拖动两个“提示圆圈”，放置在形状的边缘上。首先调整起始帧上的“提示圆圈”到起始形状的边缘上，然后调整结束帧上的“提示圆圈”到结束形状的边缘上，“提示圆圈”变为绿色。此时，起始帧上的“提示圆圈”变为黄色。（4）重复步骤（1）～（3），添加其他形状提示。添加形状提示的技巧（1）形状提示可以连续添加，最多可以添加26个。（2）将形状提示从形状的左上角开始按逆时针顺序摆放，可以使形状提示更有效。（3）形状提示的摆放位置要符合逻辑顺序。例如，当起点关键帧和终点关键帧上均有一个三角形形状，且添加了三个形状提示时，如果它们在起点关键帧三角形上的形状提示顺序为abc，那么在终点关键帧三角形上的形状提《Flash动画设计与制作》授课教案副页

示顺序不能是其他顺序，也必须是abc。（4）形状提示要在形状的边缘上才能起作用。在调整形状提示位置前，要打开工具箱下方的“贴紧至对象”按钮，使形状提示自动吸附到边缘上。如果发现形状提示仍然无效，可以使用缩放工具将形状放大到足够大，再进行调整，保证形状提示在图形的边缘上。（5）要删除所有的形状提示，可执行【修改】→【形状】→【删除所有提示】命令。如果要删除单个形状提示，可选中要删除的形状提示，单击鼠标右键，从快捷菜单中选择“删除提示”选项即可。动画补间动画的概念在一个关键帧上放置一个元件，然后在另一个关键帧上改变元件的大小、颜色、位置、透明度等，Flash根据这两个关键帧之间的值创建的动画称为动画补间动画。动画补间动画的构成元素构成动画补间动画的元素可以是影片剪辑元件、图形元件、按钮、文字、位图、组合等，但不能是形状。如果是形状，需要转换为“元件”或组合后方可使用。制作动画补间动画的步骤（1）在“时间轴”面板上动画开始播放的地方创建一个关键帧，并在关键帧中设置一个元件，在动画结束的地方创建另一个关键帧，修改该元件的属性。（2）选择起始帧，在“属性”面板上单击“补间”旁边的三角形按钮，在弹出的下拉列表中选择“动画”，即可创建动画补间动画。动画补间动画的“属性”面板动画补间动画的“属性”面板中各选项的说明如下。（1）缩放：如果想实现组或实例的尺寸变化，选择这个复选框。（2）缓动：制作的补间动画一般都是匀速运动。如果想做加速运动，就《Flash动画设计与制作》授课教案副页

可以调整这里的数值。当值为0时，做匀速运动；当值大于0时，做减速运动；当值小于0时，做加速运动，值越大效果越明显。（3）旋转：用于设定物体的旋转运动。（4）调整到路径：使对象沿指定的路径运动，并随着路径的改变而相应地改变角度。此功能将在项目四“引导层动画”中介绍。（5）同步：使动画在场景中首尾连续循环播放。（6）贴紧：使对象在沿路径运动时可以自动捕捉路径。教学任务：教师讲解，操作演示：任务一万花筒操作步骤：见书本任务二七十二变操作步骤：见书本任务三运动的足球操作步骤：见书本任务四荷兰风情操作步骤：见书本 2学时四、相关知识小结补间动画在制作之初应根据需要进行动画补间类型的选择，加大专项练习会提升学生对各种动画补间类型有充分的认识。五、扩展实例 1、文字闪现 2、开卷有益 3、花瓣飘落 1学时六、学生上机实训，教师辅导

2学时