《Flash教案7蝴蝶飞舞-“引导层”动画》由会员分享，可在线阅读，更多相关《Flash教案7蝴蝶飞舞-“引导层”动画（6页珍藏版）》请在装配图网上搜索。
1、课题蝴蝶飞舞-“引导层”动画课型实作教学目标1、巩固“影片剪辑元件”的制作与应用。2、学习引导层动画的制作方法。重点引导层动画的创建是本课的重点。难点引导层动画的创建、更改元件属性创建各种特效的动画补间动画。教学方法演示和学生上机教学媒体课件多媒体网络教室教学课时4课时教学过程与方法教师活动学生活动第1课时：n 新课的引入：师引入课题：同学们已经学会了动画补间动画的基本制作方法，可以制作简单的动画效果了。但是如果希望元件不仅仅沿直线运动，而是按照我们期望的轨迹运动，应该使用什么样的方法呢？引入如图下图所示的范例，演示介绍小球沿抛物线运动的方法。注意强调引导层动画的制作要点： 创建图形元件“小球
2、”的动画补间动画。 在“小球”图层上添加特殊引导层“运动引导层”，使用铅笔绘制运动的轨迹。在起始帧和结束帧位置，分别将产生动画补间动画的元件锁定在引导线两端。或者师提前演示“蝴蝶飞舞”动画效果来引入课题。n 新课的教学：一、打开原有文件修饰整体画面师引入第8课完成的作品实例，添加图形元件“鲜花”来丰富画面，为飞舞的蝴蝶设置情境。师先做演示操作，然后学生上机操作。具体演示操作步骤：1、打开第8课制作好的源文件“荷兰风车.fla”。2、插入图形元件“鲜花”，利用“绘图工具”绘制郁金香花，如教材P60图9.2所示。3、回到“场景1”的编辑状态，新建图层“花丛”，多次拖入图形元件“鲜花”到舞台适当位置
3、，制作出花丛效果，如教材P60图9.3所示。学生上机制作。二、制作影片剪辑元件“蝴蝶”师先做演示操作，然后学生上机操作。具体演示操作步骤：1、插入影片剪辑元件，名称为“蝴蝶”。2、在“图层1”的第1帧绘制蝴蝶外形。分别在第3、5、7帧插入关键帧，绘制不同形态的蝴蝶，完成蝴蝶原地飞舞的效果设置，如教材P60图9.4所示。学生上机制作设置“蝴蝶”第2课时：三、制作飞舞的轨迹动画师：为了完成蝴蝶在花丛中飞舞的效果，需要添加引导层动画（今天我们学习的知识点）。师先做演示操作，然后学生上机操作。具体演示操作步骤：1、回到“场景1”的编辑状态，分别在图层“背景图片”、“白云”、“风车扇页”、“花丛”的第5
4、5帧插入帧，使其延续该层第1帧状态（也就是从第1帧到第55帧画面保持不变“静止画面”）。2、在图层“花丛”上新建图层，重命名为“蝴蝶”，将影片剪辑元件“蝴蝶”拖放到舞台上。3、在时间轴上单击“添加运动引导”按钮，在图层“蝴蝶”之上新建一个特殊图层。学生上机操作添加“运动引导层”。【智多星】师：Flash中可以插入运动引导层，使用钢笔、钢笔、直线、圆形、矩形或刷子工具在该层上绘制路径，物体就可以沿着绘制好的轨迹运动。4、使用“钢笔工具”在引导层上绘制出“蝴蝶”运动的平滑曲线，如教材P61图9.5所示。5、选中图层“蝴蝶”，分别在第20、35、50帧插入关键帧，改变蝴蝶在舞台上的位置，如教材P61
5、图9.6所示。学生上机设置绘制“引导层”【智多星】师：注意：使用“选择工具”移动“蝴蝶”的位置时，需选中“工具”面板中“贴紧至对象”选项。移动时注意使图形元件“蝴蝶”的中心锁定在引导层路径上。即在图层的第1帧位置，蝴蝶的中心锁定在引导层路径的一端；在图层的第50帧位置，蝴蝶的中心锁定在另一端；在第20帧及35帧位置，蝴蝶的中心基本锁定在路径的中间位置。说明：第20帧至35帧之间，蝴蝶的位置基本不变，其目的是为了达到蝴蝶停留在花朵上的效果。6、在“蝴蝶”图层的第1至20帧之间和第35至55帧之间，创建动画补间动画，如教材P62图9.7所示。7、按Ctrl+Enter键测试影片。可以看到舞动的蝴蝶
6、沿绘制好的路径运动。【DIY】师先做演示操作，然后学生上机操作。具体演示操作步骤：使用上述方法，新建图层“蝴蝶2”和运动引导层“引导层：蝴蝶2”以及图层“蝴蝶3”和运动引导层：“引导层：蝴蝶3”，制作出多只沿不同路径飞舞的蝴蝶，如教材P62图9.8所示。提示：为了使蝴蝶能在不同时刻出现在画面上，增强作品的美观性，可以在图层“蝴蝶2”和图层“蝴蝶3”的不同位置上插入关键帧，然后在各关键帧中放入影片剪辑元件“蝴蝶”，制作出多只蝴蝶飞舞的效果，学生上机制作。第3课时：四、制作缓缓升空的热气球师：由于气球升空速度缓慢，无法与蝴蝶飞舞的主时间轴保持一致的速率，所示气球升空的引导层动画将在影片剪辑元件的制
7、作过程中实现，而不是在场景中直接制作。师先做演示操作，然后学生上机操作。具体演示操作步骤：1、插入图形元件“气球”，绘制热气球外形，如教材P63图9.9所示。2、插入影片剪辑元件，名称为“上升的气球”。3、将图形元件“气球”放置在图层出不穷的第1帧位置上。4、在第300帧插入关键帧，移动“气球”实例到较高位置，使用“任意变形工具”调整其大小，在“属性”面板中更改“气球”实例的透明度，如教材P63图9.10所示，描述气球由近及远的变化效果。5、添加一个运动引导层，使用“铅笔工具”绘制气球升空的路径。6、将第1帧位置上的“气球”锁定在路径的一端，第300帧位置上的“气球”锁定在另外一端。在第1至3
8、00帧之间创建补间动画，如教材P63图9.11所示。7、回到“场景1”的编辑状态，新建图层，重命名为“气球”，将影片剪辑元件“上升的气球”拖到舞台的合适位置。学生上机制作缓缓升空的热气球。五、保存文件师：将动画源文件以“蝴蝶飞舞”为文件名保存在自己的“作业”文件夹中，并测试生成swf格式的文件。【知识着陆】师：在具有补间动画效果的图层之上建立新的特殊图层-运动引导层，可以使图形沿在运动引导层制好的路径运动。使用这种方法可以制作飞机投弹的抛物线、树叶飘落和曲线等。提示：【知识着陆】教材P63师：在具有补间动画效果的图层之上建立新的特殊图层-运动引导层，可以使图形沿在运动引导层制好的路径运动。使用
9、这种方法可以制作飞机投弹的抛物线、树叶飘落和曲线等。【视野拓展】视频制作软件-会声会影学生阅读第4课时：【创作天地】制作：蜿蜒曲折的乡间小路上开来一辆颠簸的红色小汽车，使用运动引导层动画制作汽车的运动轨迹。1、影片剪辑元件“开动的汽车”各关键帧的效果见教材P64图9.12所示。产生的补间动画用来表示汽车的颠簸状态效果。2、可以使用引导层动画来表现小屋中冒出的缕缕炊烟。教学后记本节课值得注意的环节：1、在绘制逐帧动画的蝴蝶时，应该让同学们自己动手模仿，注意蝴蝶翅膀与身体的叠放顺序，蝴蝶翅膀不同时刻的形态，从而培养学生对生活的观察，并在此过程中练习“任意变形工具”的“旋转与倾斜”、“扭曲”、“缩放
10、”、“封套”等不同选项的用途。2、在教材的范例中，图9.6标示了蝴蝶在第1、20、35、50帧时的不同位置，其中第20帧与第35帧的蝴蝶位置大致相同，以此来表达蝴蝶在花朵上停留的动画。同学们可以运用各种技巧设计与范例不同效果的引导层动画。3、在教材的范例中，每一只运动的蝴蝶动画对应一个运动引导层。4、使用铅笔等工具绘制引导层的路径时，无须考虑线条的颜色、粗细，该线条只表示一种运动轨迹，在影片播放时线条不显示。5、演示过程中，教师应强调元件中心要与引导线路径端点对齐锁定的概念。6、更改元件属性创建各种特效的动画补间动画在范例中，更改影片剪辑元件“上升的气球”的大小及透明度属性，达到了气球由近及远的效果。在该动画的制作过程中可以引导学生观察生活，要制作各种动画效果，除了图形位置的相对变化以外还应该有哪些属性的变化。
Flash教案7蝴蝶飞舞-“引导层”动画
