Flash 案7蝴蝶飞舞-“引导层”动画.docVIP

课题蝴蝶飞舞----“引导层”动画课型实作教学目标1、巩固“影片剪辑元件”的制作与应用。2、学习引导层动画的制作方法。重点引导层动画的创建是本课的重点。难点引导层动画的创建、更改元件属性创建各种特效的动画补间动画。教学方法演示和学生上机教学媒体课件多媒体网络教室教学课时4课时教学过程与方法教师活动学生活动第1课时：新课的引入：师引入课题：同学们已经学会了动画补间动画的基本制作方法，可以制作简单的动画效果了。但是如果希望元件不仅仅沿直线运动，而是按照我们期望的轨迹运动，应该使用什么样的方法呢？引入如图下图所示的范例，演示介绍小球沿抛物线运动的方法。注意强调引导层动画的制作要点：① 创建图形元件“小球”的动画补间动画。② 在“小球”图层上添加特殊引导层“运动引导层”，使用铅笔绘制运动的轨迹。③在起始帧和结束帧位置，分别将产生动画补间动画的元件锁定在引导线两端。或者师提前演示“蝴蝶飞舞”动画效果来引入课题。新课的教学：一、打开原有文件修饰整体画面师引入第8课完成的作品实例，添加图形元件“鲜花”来丰富画面，为飞舞的蝴蝶设置情境。师先做演示操作，然后学生上机操作。具体演示操作步骤：1、打开第8课制作好的源文件“荷兰风车.fla”。2、插入图形元件“鲜花”，利用“绘图工具”绘制郁金香花，如教材P60图9.2所示。3、回到“场景1”的编辑状态，新建图层“花丛”，多次拖入图形元件“鲜花”学生上机制作。二、制作影片剪辑元件“蝴蝶”师先做演示操作，然后学生上机操作。具体演示操作步骤：1、插入影片剪辑元件，名称为“蝴蝶”。2、在“图层1”学生上机制作设置“蝴蝶”第2课时：三、制作飞舞的轨迹动画师：为了完成蝴蝶在花丛中飞舞的效果，需要添加引导层动画（今天我们学习的知识点）。师先做演示操作，然后学生上机操作。具体演示操作步骤：1、回到“场景1”的编辑状态，分别在图层“背景图片”、“白云”、“风车扇页”、“花丛”的第55帧插入帧，使其延续该层第1帧状态（也就是从第1帧到第55帧画面保持不变“静止画面”2、在图层“花丛”上新建图层，重命名为“蝴蝶”，将影片剪辑元件“蝴蝶”拖放到舞台上。3、在时间轴上单击“添加运动引导”按钮，在图层“蝴蝶”之上新建一个特殊图层。学生上机操作添加“运动引导层”。【智多星】师：Flash中可以插入运动引导层，使用钢笔、钢笔、直线、圆形、矩形或刷子工具在该层上绘制路径，物体就可以沿着绘制好的轨迹运动。4、使用“钢笔工具”在引导层上绘制出“蝴蝶”运动的平滑曲线，如教材P61图9.5所示。5、选中图层“蝴蝶”，分别在第20、35、50帧插入关键帧，改变蝴蝶在舞台上的位置，如教材P61图9.6所示。学生上机设置绘制“引导层”【智多星】师：注意：使用“选择工具”移动“蝴蝶”的位置时，需选中“工具”面板中“贴紧至对象”选项。移动时注意使图形元件“蝴蝶”的中心锁定在引导层路径上。即在图层的第1帧位置，蝴蝶的中心锁定在引导层路径的一端；在图层的第50帧位置，蝴蝶的中心锁定在另一端；在第20帧及35帧位置，蝴蝶的中心基本锁定在路径的中间位置。说明：第20帧至35帧之间，蝴蝶的位置基本不变，其目的是为了达到蝴蝶停留在花朵上的效果。6、在“蝴蝶”图层的第1至20帧之间和第35至55帧之间，创建动画补间动画，如教材P62图9.7所示。7、按Ctrl+Enter键测试影片。可以看到舞动的蝴蝶沿绘制好的路径运动。【DIY】师先做演示操作，然后学生上机操作。具体演示操作步骤：使用上述方法，新建图层“蝴蝶2”和运动引导层“引导层：蝴蝶2”以及图层“蝴蝶3”和运动引导层：“引导层：蝴蝶3”，制作出多只沿不同路径飞舞的蝴蝶，如教材P62图9.8所示。提示：为了使蝴蝶能在不同时刻出现在画面上，增强作品的美观性，可以在图层“蝴蝶2”和图层“蝴蝶3”的不同位置上插入关键帧，然后在各关键帧中放入影片剪辑元件“蝴蝶”，制作出多只蝴蝶飞舞的效果，学生上机制作。第3课时：四、制作缓缓升空的热气球师：由于气球升空速度缓慢，无法与蝴蝶飞舞的主时间轴保持一致的速率，所示气球升空的引导层动画将在影片剪辑元件的制作过程中实现，而不是在场景中直接制作。师先做演示操作，然后学生上机操作。具体演示操作步骤：1、插入图形元件“气球”，绘制热气球外形，如教材P63图9.9所示。2、插入影片剪辑元件，名称为“上升的气球”。3、将图形元件“气球”放置在图层出不穷的第1帧位置上。4、在第300帧插入关键帧，移动“气球”实例到较高位置，使用“任意变形工具”调整其大小，在“属性”面板中更改“气球”实例的透明度，如教材P63图9.10所示，描述气球由近及远的变化效果。5、添加一个运动引导层，使用“铅笔工具”绘制气球升空的路径。6、将第1帧位置上的“气球”锁定在路径的一端，第300帧位置上的“气球”锁定在另外一