经典与FLASH电子教材 第9讲.docVIP

复杂动画的制作 一、教学目的 掌握引导层和遮罩层动画的制作方法，能够制作一些复杂的动画。 二、知识点 1、图层的作用 2、图层的基本操作 3、制作引导层动画 4、制作遮罩层动画 5、动画场景 三、教学过程 1、图层的基本操作 插入图层 删除图层 重命名图层 选取图层 改变图层顺序 2、引导层和遮罩层制作，讲解按照实例 3、创建场景 ? 选择【插入】【场景】命令，即可在Flash文档中插入一个新场景。如图9-58所示。 图9-58创建场景 ? 选择【窗口】?【其它面板】?【场景】命令或者按下Shift+F2组合键，即可打开【场景】面板。如图9-59所示。 图9-59打开【场景】面板 ? 创建场景完毕后，如果要对新建的场景进行编辑，最简单的方法就是单击舞台右上角的【编辑场景】按钮，然后单击需要进行编辑的场景名称即可切换到该场景中。如图9-61所示。 四、案例分析 【案例一】作引导层动画——奔向大海 ? 新建一Flash空白文档。在【属性】面板中，单击按钮，在弹出的【文档属性】对话框中设置【尺寸】为“280px×480px”。如图9-33所示。 图9-33【文档属性】对话框 ? 选择工具箱中的【铅笔】工具，在舞台上绘制动画背景。如图9-34所示。 图9-34绘制动画背景 ? 双击【图层1】并将其命名为【背景】，然后在【背景】图层的第80帧处按下F5键插入帧。如图9-35所示。 图9-35重命名图层 ? 单击【时间轴】面板中的【插入图层】按钮，插入【图层2】。如图9-36所示。 图9-36插入一图层 ? 选中【图层2】，单击【时间轴】面板中的【添加运动引导层】按钮，为【图层2】添加引导层。如图9-37所示。 图9-37添加引导层 ? 选择【文件】→【导入】→【导入到库】命令，将“素材/ch09/鱼.bmp”导入到【库】面板中。如图9-38所示。 图9-38导入位图 ? 将位图拖入到舞台上，按F8键将其转换为名为“鱼”的图形元件。按Ctrl+E组合键回到主场景中，选择引导层，在舞台中绘制一条曲线作为引导线。如图9-39所示。 图9-39绘制引导线 ? 单击【图层2】中的第1帧，将【库】面板中的【鱼】图形元件拖到舞台上。并调整其大小和位置，使元件控制点与曲线的下端点重合。如图9-40所示。 图9-40拖入图形元件 ? 单击【图层2】中的第50帧，按下F6键插入关键帧，单击鼠标右键并在弹出的快捷菜单中选择【创建补间动画】命令。如图9-41所示。 图9-41创建补间动画 ?用同样的方法调整第50帧处的元件与曲线的上端点重合(元件实例的控制点和曲线的右端点靠近的时候，控制点就会被吸附到曲线的端点上；如果不能使之重合，则无法创建引导层动画的效果)。如图9-42所示。按下Ctrl﹢Enter组合键，预览制作的引导层动画效果。如图9-43所示。 图9-42调整元件的位置 图9-43最终效果 【案例二】制作遮罩动画—探照灯效果 ? 新建一Flash空白文档，在【属性】面板中设置【背景颜色】为“黑色”。如图9-47所示。 图9-47设置背景色 ? 按Ctrl﹢F8组合键，在弹出的【创建新元件】对话框中设置【名称】为“背景”，【类型】为【图形】。如图9-48所示。 图9-48【创建新元件】对话框 ? 单击按钮，进入元件编辑界面。选择【文件】?【导入】?【导入到舞台】命令。将“素材∕ch09∕背景.jpg”文件导入舞台中。如图9-49所示。 图9-49导入位图 ? 按Ctrl﹢E组合键回到主场景中，将【库】面板中的背景元件拖动到舞台中，在【属性】的【颜色】下拉列表中选择【Alpha】选项，设置其数值【50%】。并在第60帧处按下【F6】键插入关键帧。如图9-50所示。 图9-50调整图形元件 ? 按Ctrl﹢F8组合键，在弹出的【创建新元件】对话框中设置【名称】为“灯”，【类型】为【图形】。如图9-51所示。 图9-51创建图形元件 ? 单击按钮，进入元件编辑界面。选择工具箱中的【椭圆】工具，设置【笔触颜色】为，【填充颜色】任意，在舞台中绘制一个椭圆。如图9-52所示。 图9-52绘制图形元件 ? 按Ctrl﹢E组合键回到主场景中，单击插入图层按钮，新建图层，并将其重命名为【灯罩】，选中第一帧，从【库】面板中将【灯】图形元件拖动到舞台中。如图9-53所示。 图9-53将图形元件拖入舞台中 ? 在【灯罩】图层的第30帧和第60帧处按下F6键插入关键帧，分别将【灯】元件拖动到舞台的上方和右下方。并且分别在【灯罩】图层第一帧和第30帧处单击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】命令，创建补间动画。如图9-54所示。 图9-5