《网页制作案例教程 第2版 教学课件 ppt 高林 景秀第9章已完成 - 副本 (28601257)》由会员分享，可在线阅读，更多相关《网页制作案例教程 第2版 教学课件 ppt 高林 景秀第9章已完成 - 副本 (28601257)（35页珍藏版）》请在金锄头文库上搜索。
1、第9章 动画制作,本章要点 了解动画制作的基本方法。 掌握元件与实例的概念。 掌握将对象转换为元件的方法。 制作自己的Flash动画。,9.1中文FlashCS3动画制作的基本方法,9.1.1基本常识与基本操作 在Flash中可以创建出丰富多彩的动作动画效 果，可以使一个对象在画面中移动，改变其 大小、形状和颜色，使其旋转，产生淡入淡 出效果等。各种变化可独立进行，也可合成 复杂的动画。,Flash动画可以分为补间动画（又称为过渡动 画）和帧帧动画两种。Flash CS3可以使实 例、图形、图像、文本和组合产生动作动画。 Flash CS3还可以借助于引导层使对象沿任 意路径运动，即创建引导动
2、作动画。,9.1.2动画的编辑制作 1.动作动画的制作方法 (1)单击选中时间轴中的一个空白关键帧（第 1帧就是空白关键帧），在舞台工作区创建一 个对象或从【库】面板中把一个元件拖曳到 舞台工作区中，形成一个实例。例如，画一 个圆球。此时，第1帧的空白关键帧会自动变 为关键帧。,(2)单击选中关键帧，再单击【插入】【时 间轴】【创建补间动画】命令，或单击其 帧快捷菜单中的【创建补间动画】命令，即 可将该帧创建为动作动画的第1帧。,(3)单击选中时间轴中的动画终止帧（如第30 帧），按F6键，创建一个关键帧并选中该关 键帧。此时时间轴中两个关键帧（如第1帧到 第30帧）之间会产生一个指向右边的水
3、平箭 头线，表示过渡动画创建成功。,(4)然后，可调整动画起始帧和终止帧中对象的位置、大小、旋转角度、颜色和透明度等。此处将第30帧的圆球移到舞台工作区的右边。图9-1给出了一个圆球从左移到右边的动作动画的时间轴，图9-2给出了该动画的【库】面板情况。,图9-1 一个动作动画的时间轴和舞台工作区,图9-2 一个动作动画的 【库】面板,2.引导动作动画的制作方法 (1)按上述方法建立沿直线移动的动作动画 (2)单击时间轴左下角的【添加运动引导层】 按钮，则选中图层（此处是【图层1】图层） 的上边会增加一个引导层（也叫导向图层）， 同时选中的图层自动成为与引导层相关联的被引导 层。关联的图层名字向
4、右缩进，表示它是关联的图 层。,(3)单击选中引导层，在舞台工作区内绘制路径曲线，如图9-3所示。单击选中引导层的第30帧，按F5键，创建一个普通帧。,图9-3 在引导层的工作区内绘制路径曲线,(4)单击选中该动画的第1帧，单击选中其【属性】面板中的【对齐】复选框。单击选中图层1图层的第1帧，用鼠标拖曳对象（圆球）到引导线的起始端或引导线上，使对象的中心十字与引导线起始点或引导线其他点重合。再单击选中终止帧，用鼠标拖曳圆球到引导线的终止端或引导线上，使对象的中心十字与引导线终止点或引导线其他点重合。,(5)按回车键，播放动画，可以看到小球沿绘 制的引导线移动。按住Ctrl键再按回车键，播 放动
5、画，此时引导线不会显示出来。动画的 时间轴如图9-4所示。,图9-4 导向动作动画的时间轴,3.动画关键帧的设置方法 单击选中动画关键帧，调出动画关键帧的 【属性】面板。利用该面板可以设置动画类 型和动画其他属性。在【补间】下拉列表框 中选择了【动作】选项后，该对话框如图9-5 所示。,图9-5动画关键帧的【属性】面板,9.2 元件,9.2.1 创建元件 1.图形元件：对于静态位图可以使用图形元 件，并可以创建几个连接到主影片时间轴上 的可重用动画片段。图形元件与影片的时间 轴同步运行。交互式控件和声音不会在图形 元件的动画序列中起作用。可以在这种元件 中引用和创建矢量图形、位图、声音和动画
6、等元素。,2.按钮元件：使用按钮元件可以在影片中创建响应鼠标单击、滑过或其他动作的交互式按钮。可以定义与各种按钮状态关联的图形，然后指定按钮实例的动作。在创建按钮元件时，关键是区别4种不同的状态帧。其中包括【弹起】、【指针经过】、【按下】和【点击】。前3种状态帧根据字面意思就很容易理解，最后一种状态是确定激发按钮的范围，在这个区域创建的图形是不会出现在画面中的。,3.影片剪辑元件：使用影片剪辑元件可以创 建可重用的动画片段。影片剪辑拥有它们自 己的独立于主影片的时间轴播放的多帧时间 轴，即可以将影片剪辑看作主影片内的小影 片，（可以包含交互式控件、声音甚至其他 影片剪辑实例），也可以将影片剪辑
7、实例放 在按钮元件的时间轴内，以创建动画按钮。,9.2.2对象转换为元件 1用舞台工作区中的对象创建图形元件 (1)单击选中舞台工作区中的对象。单击【修 改】【转换为元件】命令或按F8键，调出 【转换为元件】对话框，如图9-6所示。,图9-6 【转换为元件】对话框,(2)在【名称】文本框内输入元件的名称（如元件1）；在【行为】栏内选择元件类型；单击中的小方块，调整元件的中心（黑色小方块所在处表示是元件的中心位置），单击【确定】按钮，即可将选中的对象转换为元件。【库】面板内会增加一个名字为“元件1”的元件。,2.将外部的GIF动画转换为图形元件 (1)单击【插入】【新建元件】命令，调出 【创建新
8、元件】对话框。 (2)在【创建新元件】对话框的【名称】文本 框内输入元件的名字（如输入“元件1”），选 择元件类型。此处选择【影片剪辑】。再单 击【确定】按钮，即可进入元件编辑窗口。,(3)单击【文件】【导入】【导入到舞台】命令，调出【导入】对话框，选择一个GIF动画，导入元件编辑区中。此时，时间轴上会在前几个帧单元格内出现黑点（关键帧）和灰色帧单元格，有多少这样的帧单元格，则表示动画有几帧，如图9-7所示。,图9-7 在元件编辑窗口中导入GIF动画,(4)如果需要，应调整各帧的位置，使它们的 中心与元件编辑窗口内的十字标记对齐。 (5)单击元件编辑窗口中的场景名称图标，回 到主场景。,3.将
9、舞台工作区的动画转换为图形元件 (1)选取动画的所有帧。单击帧快捷菜单内的 【复制帧】命令，将选中的所有帧复制到剪 贴板中。 (2)单击【插入】【新建元件】命令，调出 【创建新元件】对话框。,(3)在该对话框内输入元件名字（如“动画 1”），选择元件类型，再单击【确定】按钮。 此时，【库】面板中增加了一个名字为“动画 1”的元件，但它还是一个空元件，没有内容。 同时舞台工作区切换到元件编辑窗口。,(4)单击选中帧控制区域内第1帧，再单击鼠标右键，调出帧快捷菜单。单击该菜单内的【粘贴帧】命令，将剪贴板内的所有帧粘贴到元件编辑窗口内。 (5)单击元件编辑窗口中的场景名称图标，回到主场景。,9.2.
10、3编辑元件 1.双击【库】面板中的一个元件，即可调出 元件编辑窗口。在舞台工作区内，将鼠标指 针移到要编辑的元件实例处，单击鼠标右 键，调出实例快捷菜单，单击该菜单内的 【编辑】命令，也可以调出元件编辑窗口。 进行元件编辑后，单击元件编辑窗口中的场 景名称图标，回到主场景。,2.在舞台工作区内，将鼠标指针移到要编辑的元件实例（如按钮元件实例）处，单击鼠标右键，调出实例快捷菜单，单击该菜单内的【在当前位置编辑】命令，此时，仍在原舞台工作区中，而且保留原工作区的其他对象（不可编辑，只供参考），如图9-9所示。进行元件编辑后，双击舞台工作区的空白处，即可退出编辑状态，回到原状态。双击舞台工作区内的元件实例也可以进入这种元件编辑状态。,图9-9 在当前位置中编辑,3.单击实例快捷菜单中的【在新窗口中编辑】命令，打开一个新的舞台工作区窗口，可在该窗口内编辑元件。单击该工作区右上角的按钮，即可回到原舞台工作区。,小 结,本章通过多个实例详细介绍了flash动画的制 作方法，通过这些事例的学习和操作，能够 使读者对Flash CS3动画制作方法有一个最 基本的掌握。,
