网页设计与制作第16章使用FlashMX制作网页动画.ppt

《网页设计与制作第16章使用FlashMX制作网页动画.ppt》由会员分享，可在线阅读，更多相关《网页设计与制作第16章使用FlashMX制作网页动画.ppt（51页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页设计与制作第网页设计与制作第16章使用章使用FlashMX制作制作网页动画网页动画第第16章章 使用使用FlashMX2004制作制作网页动画网页动画v16.1使用元件使用元件 v16.2层层 v16.3帧帧 v16.4制作时间轴动画制作时间轴动画 16.1使用元件使用元件 v16.1.1概念概念v16.1.2图片元件图片元件v16.1.3按钮元件按钮元件v16.1.影片剪辑元件影片剪辑元件16.1.1概念概念元件是组成动画的基本单位，创建的元元件是组成动画的基本单位，创建的元件保存在库中，可以反复取出使用。可以在件保存在库中，可以反复取出使用。可以在动画的任意位置双击进入元件编辑区进行编

2、动画的任意位置双击进入元件编辑区进行编辑。当编辑元件后，动画中的该元件随之改辑。当编辑元件后，动画中的该元件随之改变，元件可以分为图片元件，按钮元件，影变，元件可以分为图片元件，按钮元件，影片剪辑元件。片剪辑元件。16.1.2图片元件图片元件 图形元件可用于静态图像，并可用来创图形元件可用于静态图像，并可用来创建连接到主时间轴的可重用动画片段。图形建连接到主时间轴的可重用动画片段。图形元件与主时间轴同步运行。交互式控件和声元件与主时间轴同步运行。交互式控件和声音在图形元件的动画序列中不起作用。音在图形元件的动画序列中不起作用。16.1.3按钮元件按钮元件 使用按钮元件可以创建响应鼠标点击、使用

3、按钮元件可以创建响应鼠标点击、滑过或其他动作的交互式按钮。可以定义与滑过或其他动作的交互式按钮。可以定义与各种按钮状态关联的图形，然后将动作指定各种按钮状态关联的图形，然后将动作指定给按钮实例。给按钮实例。16.1.影片剪辑元件影片剪辑元件 使用影片剪辑元件可以创建可重用的动使用影片剪辑元件可以创建可重用的动画片段。影片剪辑拥有它们自己的独立于主画片段。影片剪辑拥有它们自己的独立于主时间轴的多帧时间轴。可以将影片剪辑看作时间轴的多帧时间轴。可以将影片剪辑看作是主时间轴内的嵌套时间轴，它们可以包含是主时间轴内的嵌套时间轴，它们可以包含交互式控件、声音甚至其他影片剪辑实例。交互式控件、声音甚至其他

4、影片剪辑实例。也可以将影片剪辑实例放在按钮元件的时间也可以将影片剪辑实例放在按钮元件的时间轴内，以创建动画按钮。轴内，以创建动画按钮。16.2层层 在在MacromediaFlashMX2004MacromediaFlashMX2004中，图层类似于堆叠中，图层类似于堆叠在一起的透明纤维纸。在不包含内容的图层区域中，在一起的透明纤维纸。在不包含内容的图层区域中，可以看到下面图层中的内容。图层有助于您组织文可以看到下面图层中的内容。图层有助于您组织文档中的内容。例如，您可以将背景画放置在一个图档中的内容。例如，您可以将背景画放置在一个图层上，而将导航按钮放置在另一个图层上。此外，层上，而将导航按

5、钮放置在另一个图层上。此外，您可以在一个图层上创建和编辑对象，而不会影响您可以在一个图层上创建和编辑对象，而不会影响另一个图层中的对象。您将通过完成以下任务来了另一个图层中的对象。您将通过完成以下任务来了解有关图层的知识：解有关图层的知识：16.2层层vl l选择图层选择图层vl l隐藏和显示图层隐藏和显示图层vl l锁定图层锁定图层vl l添加并命名图层添加并命名图层vl l更改图层的顺序更改图层的顺序vl l以文件夹的形式组织图层以文件夹的形式组织图层vl l添加蒙版图层添加蒙版图层vl l 删删除除图层图层 16.2 层v16.2.1设置工作区设置工作区 v16.2.2选择图层选择图层

6、v16.2.3隐藏和显示图层隐藏和显示图层 v16.2.4锁定图层锁定图层 v16.2.5添加并命名图层添加并命名图层 v16.2.6更改图层的顺序更改图层的顺序 v16.2.7以文件夹的形式组织图层以文件夹的形式组织图层 v16.2.8添加蒙版图层添加蒙版图层 v16.2.9添加引导层添加引导层 v16.2.10删除图层删除图层 16.2.1设置工作区设置工作区v首先，您将打开本课程的起始文件并设置工作区，以便使用最佳布局来学首先，您将打开本课程的起始文件并设置工作区，以便使用最佳布局来学习课程。习课程。v(1)要要打打开开起起始始文文件件，在在Flash中中选选择择【文文件件】/【打打开开

7、】文文件件：引引导导驱驱动动器器/ProgramFilesMacromediaFlashMX2004FirstRunHelpPanelHowDoIBasicFlashstart_files并双击并双击layers_start.fla。v(2)选选择择【文文件件】/【另另存存为为】，并并使使用用一一个个新新名名称称将将该该文文档档保保存存到到相相同同的的文件夹中，以保存原始的起始文件。文件夹中，以保存原始的起始文件。v(3)选选择择【窗窗口口】/【面面板板设设置置】/【训训练练布布局局】以以修修改改用用于于课课程程学学习习的的工工作作区。区。v(4)在在舞舞台台上上的的【查查看看】弹弹出出菜菜单

8、单中中（时时间间轴轴的的右右上上侧侧），选选择择【显显示示帧帧】，以便能够同时看到舞台和工作区。以便能够同时看到舞台和工作区。v如有必要，请向下拖动时间轴（【窗口】如有必要，请向下拖动时间轴（【窗口】/【时间轴】）的下边缘以放大【时间轴】）的下边缘以放大【时间轴】视图。您还可以使用滚动条在各图层之间滚动查看。时间轴】视图。您还可以使用滚动条在各图层之间滚动查看。16.2.2选择图层选择图层 您在活动图层上放置对象、添加文本和图形以您在活动图层上放置对象、添加文本和图形以及进行编辑。要使图层成为活动图层，请在时间轴及进行编辑。要使图层成为活动图层，请在时间轴中选中该图层，或在该图层中选中某个舞台

9、对象。中选中该图层，或在该图层中选中某个舞台对象。活动图层会在时间轴中突出显示，铅笔图标表示可活动图层会在时间轴中突出显示，铅笔图标表示可以对它进行编辑。以对它进行编辑。v(1)在工具栏中，单击【选择】工具。在工具栏中，单击【选择】工具。v(2)在舞台上，选择红色的汽车。在舞台上，选择红色的汽车。v(3)时时间间轴轴中中的的铅铅笔笔图图标标表表示示【红红色色汽汽车车】图图层层现现在在是活动图层。是活动图层。(4)在时间轴中选中【文本】图层。在时间轴中选中【文本】图层。v红红色色汽汽车车上上方方和和下下方方的的文文本本块块在在舞舞台台上上均均被被选选定定，因为它们都位于【文本】图层中。因为它们都

10、位于【文本】图层中。16.2.3隐藏和显示图层隐藏和显示图层 您可以隐藏图层以便查看其他图层上的内容。您可以隐藏图层以便查看其他图层上的内容。隐藏图层时，您可以选择同时隐藏文档中的所有图隐藏图层时，您可以选择同时隐藏文档中的所有图层，也可以选择分别隐藏各个图层。层，也可以选择分别隐藏各个图层。v(1)单单击击图图层层上上方方的的眼眼睛睛图图标标，以以使使【眼眼睛睛】列列中中出出现红色的现红色的X。v(2)所有内容都从舞台上消失。所有内容都从舞台上消失。v(3)依依次次单单击击该该列列中中的的每每个个红红色色X，并并观观察察该该图图层层中中的内容在舞台上再次出现。的内容在舞台上再次出现。v(4)

11、使使用用每每个个图图层层名名称称右右侧侧的的控控件件可可以以显显示示或或隐隐藏藏图图层中的内容。层中的内容。v注意：要看到所有的图层，您可能需要使用滚动条。注意：要看到所有的图层，您可能需要使用滚动条。16.2.4锁定图层锁定图层v 在图层上的内容已符合您的要求后，您可以锁定该在图层上的内容已符合您的要求后，您可以锁定该图层，以避免内容被您或处理该文档的其他人意外地更图层，以避免内容被您或处理该文档的其他人意外地更改。改。v(1)在在时时间间轴轴中中，单单击击【锁锁定定】列列下下面面、【徽徽标标】图图层层旁边的黑点。旁边的黑点。v(2)这这时时会会出出现现一一个个挂挂锁锁图图标标，表表明明该该

12、图图层层现现在在已已被被锁锁定。定。v(3)使使用用【选选择择】工工具具，尝尝试试拖拖动动出出现现在在舞舞台台顶顶部部的的徽徽标。标。v(4)您无法拖动该徽标，因为它所在的图层已被锁定。您无法拖动该徽标，因为它所在的图层已被锁定。v注意：如果您意外地拖动了未锁定的图层中的某些内容，注意：如果您意外地拖动了未锁定的图层中的某些内容，按按Control+ZControl+Z可以撤消更改。可以撤消更改。16.2.5添加并命名图层添加并命名图层 您现在将添加图层、命名该图层，然后在该图层中添加您现在将添加图层、命名该图层，然后在该图层中添加图形元件。图形元件。v(1)在时间轴中，单击【汽车】图层。在时

13、间轴中，单击【汽车】图层。v(2)单击时间轴下面的【插入图层】按钮。单击时间轴下面的【插入图层】按钮。v(3)新新的的图图层层会会出出现现在在【汽汽车车】图图层层的的上上方方，并并成成为为活活动动图图层。层。v(4)双双击击该该图图层层的的名名称称，键键入入Background作作为为该该图图层层的的新新名名称，然后按称，然后按Enter或或Return(Macintosh)键。键。v(5)作作为为一一种种最最好好的的习习惯惯，应应始始终终命命名名每每个个图图层层，并并为为图图层层指定一个有意义的名称，以指示该图层上的内容的类型。指定一个有意义的名称，以指示该图层上的内容的类型。v(6)在在【

14、库库】面面板板【窗窗口口】/【库库】中中，选选择择背背景景图图形形元元件件，并将它拖动到舞台上。并将它拖动到舞台上。v由由于于【背背景景】图图层层位位于于除除蒙蒙版版图图层层以以外外的的所所有有图图层层之之上上，因因此该图层中的对象出现在较低图层中的对象之上。此该图层中的对象出现在较低图层中的对象之上。16.2.6更改图层的顺序更改图层的顺序 很显然，您不希望背景覆盖舞台上的其他对象。很显然，您不希望背景覆盖舞台上的其他对象。通常，背景图层是时间轴上的最低一层。需要移动通常，背景图层是时间轴上的最低一层。需要移动刚刚创建的【背景】图层。刚刚创建的【背景】图层。v(1)在在时时间间轴轴中中，将将

15、【背背景景】图图层层从从最最上上面面的的位位置置拖拖动到最下面的位置。动到最下面的位置。现在，舞台上的所有对象都出现在背景之上。现在，舞台上的所有对象都出现在背景之上。v(2)保保持持【背背景景】图图层层仍仍然然处处于于选选中中状状态态，在在属属性性检检查查器器的的X文文本本框框中中输输入入0，在在Y文文本本框框中中输输入入72。按按Enter或或Return键在舞台上精确定位【背景】图层。键在舞台上精确定位【背景】图层。16.2.7以文件夹的形式组织图层以文件夹的形式组织图层 您可以创建图层文件夹以便组织图层并降低时间轴的混您可以创建图层文件夹以便组织图层并降低时间轴的混乱程度。时间轴包含两

16、个带有导航对象的图层：一个图层用乱程度。时间轴包含两个带有导航对象的图层：一个图层用于导航按钮，另一个图层用于导航图画。需要为这两个图层于导航按钮，另一个图层用于导航图画。需要为这两个图层创建一个名为创建一个名为NavigationNavigation的图层文件夹。的图层文件夹。v(1)在时间轴中，选择【按钮】图层。在时间轴中，选择【按钮】图层。v(2)单击位于图层名称下面的【插入图层文件夹】按钮。单击位于图层名称下面的【插入图层文件夹】按钮。v注意：如果属性检查器显示帧的属性而不是影片剪辑的属性，注意：如果属性检查器显示帧的属性而不是影片剪辑的属性，请单击舞台上的请单击舞台上的Backgro

17、undBackground影片剪辑。影片剪辑。v(3)双击图层文件夹名称并将该文件夹重新命名为双击图层文件夹名称并将该文件夹重新命名为Navigation。v将将Navbar图层和【按钮】图层拖动到图层和【按钮】图层拖动到Navigation文件夹中。文件夹中。v两个图层缩进显示，以指示它们位于该文件夹内。两个图层缩进显示，以指示它们位于该文件夹内。v您可以单击展开箭头来展开和折叠文件夹以及包括的图层您可以单击展开箭头来展开和折叠文件夹以及包括的图层.16.2.8添加蒙版图层添加蒙版图层 使用蒙版图层提供了一种有选择地显示图层的某些部分或它下面的使用蒙版图层提供了一种有选择地显示图层的某些部分

18、或它下面的图层的简单方法。应用蒙版需要使一个图层成为蒙版图层，而使它下面图层的简单方法。应用蒙版需要使一个图层成为蒙版图层，而使它下面的图层成为被遮盖的图层。您将使用舞台上的矩形来遮盖道路图形和动的图层成为被遮盖的图层。您将使用舞台上的矩形来遮盖道路图形和动画的一部分，以使动画更适合于舞台。画的一部分，以使动画更适合于舞台。v(1)在在舞舞台台上上，在在【选选择择】工工具具处处于于选选中中状状态态的的情情况况下下，单单击击道道路路下下面面的的矩形。矩形。v(2)将此图形一直向上拖动，并将图形的左边缘与道路的左边缘对齐。将此图形一直向上拖动，并将图形的左边缘与道路的左边缘对齐。v(3)右键单击时

19、间轴中的蒙版图层，并从上下文菜单中选择【蒙版】。右键单击时间轴中的蒙版图层，并从上下文菜单中选择【蒙版】。v该图层会转换为蒙版图层，并由一个蓝色的菱形图标表示。紧挨着该图该图层会转换为蒙版图层，并由一个蓝色的菱形图标表示。紧挨着该图层下面的图层链接到蒙版图层。被遮罩图层的名称会缩进，其图标会更层下面的图层链接到蒙版图层。被遮罩图层的名称会缩进，其图标会更改为蓝色的图层图标。改为蓝色的图层图标。v(4)在在时时间间轴轴中中，将将【道道路路】图图层层拖拖动动到到蒙蒙版版图图层层，并并将将它它放放置置在在【汽汽车】图层的下面。车】图层的下面。v蒙版图层以及它遮盖的图层将自动被锁定。蒙版图层以及它遮盖

20、的图层将自动被锁定。v(5)要查看蒙版效果，请选择【控制】要查看蒙版效果，请选择【控制】/【测试影片】。【测试影片】。v(6)查看完蒙版效果后，关闭查看完蒙版效果后，关闭SWF文件窗口，返回文档。文件窗口，返回文档。16.2.9添加引导层添加引导层 到目前为止，您已了解了有关常规图层和蒙版图层的信息。第三种类型的图层是引导层。使用引导层可以存放您不希望在发布或导出的文件中出现的内容。例如，您可以将为使用该文档的其他人提供的说明放置在引导层上。在Flash中学习课程的过程中，您将注意到许多课程FLA文件的引导层中都包含占位符，这些占位符用来指明放置舞台对象的位置。现在，您将创建引导层。v(1)在

21、时间轴中，选择【背景】图层，然后单击【插入图层】按钮以创建新图层。v(2)将新图层命名为【备注】，然后按Enter或Return键。v(3)右键单击【备注】图层，并从上下文菜单中选择【引导层】。v图层名称旁边的图标指示该图层是引导层。v(4)保持【备注】图层仍然处于选定状态，单击工具栏中的【文本】工具。然 后，在 汽 车 和 道 路 上 面 的 舞 台 区 域 中，输 入【Productionnote:Animationwithnostop();actionsloopbydefault】。v(5)保存文档，然后选择【控制】/【测试影片】。v添加到引导层中的内容不会出现在SWF文件窗口中。v(6

22、)查看完SWF文件后，关闭窗口以返回文档。16.2.10删除图层删除图层 由于您的文档中并不真正需要引导图层，因此您要删除它。在时间轴中，选定【备注】图层，单击【删除图层】按钮 16.3 帧帧 帧位于时间轴上，是动画播放的基本单位。帧有普通帧、关键帧和白色关键帧3种类型。关键帧是有内容的帧，可以任意改该帧中的对象，在时间轴上以小黑表示，如图所示；白色关键帧是没有任何内容的帧，在时间轴上以空心园表示，如图所示；普通帧用于延长关键帧中的内容，或作为两关键帧动作的过渡，不能对其进行编辑。16.3.1设置帧频设置帧频v 帧频就是在播放Flash动画时每秒中播放帧的数量，要设置帧频就要打开影片属性窗口.

23、16.4 制作时间轴动画制作时间轴动画vMacromediaFlashMX2004提供了功能强大的动画创建工具。在Flash中，大多数简单的动画都是通过使用被称为补间的过程完成的。补间是【在中间】的简称，它是指填充两个关键帧之间的帧，以便第一个关键帧中显示的图形更改为第二个关键帧中显示的图形。v在Flash中可以创建两种类型的补间：补间动画和补间形状。补间动画和补间形状的主要区别在于，补间动画针对组合对象或元件操作，而补间形状与不是元件且未组合的对象一起使用。16.4 制作时间轴动画制作时间轴动画v16.4.1创建补间动画创建补间动画v16.4.2创建补间形状创建补间形状v16.4.3在动画中

24、复制和粘贴关键帧在动画中复制和粘贴关键帧v16.4.4沿着路径补间动画沿着路径补间动画16.4.1创建补间动画创建补间动画通过以下方法来创建补间动画：在起始关键通过以下方法来创建补间动画：在起始关键帧中为实例、组合对象或文本定义属性，然后在帧中为实例、组合对象或文本定义属性，然后在后续关键帧中更改对象的属性。后续关键帧中更改对象的属性。Flash在关键帧在关键帧之间的帧中创建从一个关键帧到下一个关键帧的之间的帧中创建从一个关键帧到下一个关键帧的动画。动画。要创建补间动画，您将提取轮胎元件的一个要创建补间动画，您将提取轮胎元件的一个实例并使其看上去在弹跳。实例并使其看上去在弹跳。16.4.2创建

25、补间形状创建补间形状 对于补间形状，请为一个关键帧中的形状对于补间形状，请为一个关键帧中的形状指定属性，然后在后续关键帧中修改形状或指定属性，然后在后续关键帧中修改形状或者绘制另一个形状。正如对于补间动画一样，者绘制另一个形状。正如对于补间动画一样，FlashFlash在关键帧之间的帧中创建动画。在关键帧之间的帧中创建动画。现在，您将为轮胎的阴影设置补间，以便在轮现在，您将为轮胎的阴影设置补间，以便在轮胎弹跳时，阴影会移动并淡出。胎弹跳时，阴影会移动并淡出。16.4.3在动画中复制和粘贴关键帧在动画中复制和粘贴关键帧v 为了使轮胎在弹跳时看上去逼真，应当为了使轮胎在弹跳时看上去逼真，应当让它在

26、每次弹跳时都稍微压下去一些。您可让它在每次弹跳时都稍微压下去一些。您可以通过以下方法创建这种特效：在动画的第以通过以下方法创建这种特效：在动画的第1 1帧中改变轮胎的形状，然后在第帧中改变轮胎的形状，然后在第3030帧中复制帧中复制第第1 1帧。帧。16.4.4沿着路径补间动画沿着路径补间动画 运动引导层使您可以绘制路径，补间实运动引导层使您可以绘制路径，补间实例、组或文本块可以沿着这些路径运动。可例、组或文本块可以沿着这些路径运动。可以将多个层链接到一个运动引导层，使多个以将多个层链接到一个运动引导层，使多个对象沿同一条路径运动。链接到运动引导层对象沿同一条路径运动。链接到运动引导层的常规层

27、就成为引导层。的常规层就成为引导层。16.516.5为动为动画添加音画添加音频频vMacromediaFlashMX2004MacromediaFlashMX2004提供了许多使用声音的方式。提供了许多使用声音的方式。可以使声音独立于时间轴连续播放，或使动画和一可以使声音独立于时间轴连续播放，或使动画和一个音轨同步播放。向按钮添加声音可以使按钮具有个音轨同步播放。向按钮添加声音可以使按钮具有更强的互动性，通过声音淡入淡出还可以使音轨更更强的互动性，通过声音淡入淡出还可以使音轨更加优美。在加优美。在FlashFlash中有两种类型的声音：事件声音和中有两种类型的声音：事件声音和音频流。事件声音必

28、须完全下载后才能开始播放，音频流。事件声音必须完全下载后才能开始播放，除非明确停止，它将一直连续播放。音频流在前几除非明确停止，它将一直连续播放。音频流在前几帧下载了足够的数据后就开始播放；音频流可以通帧下载了足够的数据后就开始播放；音频流可以通过和时间轴同步以便在过和时间轴同步以便在WebWeb站点上播放。站点上播放。16.516.5为动为动画添加音画添加音频频v16.5.1导入音频导入音频v16.5.2添加音频添加音频16.5.1导入音频导入音频可可以以将将以以下下声声音音文文件件格格式式导导入入到到FlashFlash中中，当当将将声声音音放放在在时时间间轴轴上上时时，应应将将声声音音置

29、置于于一一个个单单独独的的层层上，可以导入的声音有上，可以导入的声音有wav mp3wav mp3等等:v(1)选择【文件】选择【文件】/【导入】【导入】/【导入到库】。【导入到库】。v(2)在在【导导入入】对对话话框框中中，定定位位并并打打开开所所需需的的声声音音文文件。件。v注意：也可以将声音从公用库拖入当前文档的库中。注意：也可以将声音从公用库拖入当前文档的库中。16.5.2添加音频添加音频v向文档中添加声音：向文档中添加声音：v(1)如果还没有将声音导入库中，请将其导入库中。如果还没有将声音导入库中，请将其导入库中。v(2)选选择择【插插入入】/【时时间间轴轴】/【层层】，为为声声音音

30、创创建建一个层。一个层。v(1)选选定定新新建建的的声声音音层层后后，将将声声音音从从【库库】面面板板中中拖拖到舞台中。声音就添加到当前层中。到舞台中。声音就添加到当前层中。可可以以把把多多个个声声音音放放在在同同一一层层上上，或或放放在在包包含含其其他他对对象象的的层层上上。但但是是，建建议议将将每每个个声声音音放放在在一一个个独独立立的的层层上上。每每个个层层都都作作为为一一个个独独立立的的声声音音通通道道。当当回回放放SWFSWF文件时，所有层上的声音就混合在一起。文件时，所有层上的声音就混合在一起。16.5.2添加音频添加音频v(1)在时间轴上，选择包含声音文件的第一个帧。在时间轴上，

31、选择包含声音文件的第一个帧。v(2)选选择择【窗窗口口】/【属属性性】，并并单单击击右右下下角角的的箭箭头头以以展展开开【属性】检查器。属性】检查器。v(3)在在【属属性性】检检查查器器中中，从从【声声音音】弹弹出出菜菜单单中中选选择择声声音音文件。文件。v(4)从【效果】弹出菜单中选择效果选项：从【效果】弹出菜单中选择效果选项：v【无无】不不对对声声音音文文件件应应用用效效果果。【选选择择】此此选选项项将将删删除除以以前前应用过的效果。应用过的效果。v【左声道】【左声道】/【右声道】只在左或右声道中播放声音。【右声道】只在左或右声道中播放声音。v【从从左左到到右右淡淡出出】/【从从右右到到左

32、左淡淡出出】会会将将声声音音从从一一个个声声道道切换到另一个声道。切换到另一个声道。v【淡入】会在声音的持续时间内逐渐增加其幅度。【淡入】会在声音的持续时间内逐渐增加其幅度。v【淡出】会在声音的持续时间内逐渐减小其幅度。【淡出】会在声音的持续时间内逐渐减小其幅度。v【自定义】使您可以通过使用【编辑封套】创建自已的声音【自定义】使您可以通过使用【编辑封套】创建自已的声音淡入和淡出点淡入和淡出点 16.5.2添加音频添加音频v（8 8）从【同步】弹出菜单中选择【同步】选项：）从【同步】弹出菜单中选择【同步】选项：v【事事件件】选选项项会会将将声声音音和和一一个个事事件件的的发发生生过过程程同同步步

33、起起来来。事事件件声声音音在在它它的的起起始始关关键键帧帧开开始始显显示示时时播播放放，并并独独立立于于时时间间轴轴播播放放完完整整个个声声音音，即即使使SWFSWF文文件件停停止止也也继继续续播播放放。当当播播放放发发布布的的SWFSWF文文件件时时，事事件件声声音音混混合合在在一一起起。事事件件声声音音的的一一个个示示例例就就是是当当用用户户单单击击一一个个按按钮钮时时播播放放的的声声音音。如如果果事事件件声声音音正正在在播播放放，而而声声音音再再次次被被实实例例化化（例例如如，用用户户再再次次单单击击按按钮钮），则则第第一一个个声声音音实实例例继继续续播播放放，另另一一个个声声音音实例同

34、时开始播放。实例同时开始播放。v【开开始始】与与【事事件件】选选项项的的功功能能相相近近，但但如如果果声声音音正正在在播播放，使用【开始】选项则不会播放新的声音实例。放，使用【开始】选项则不会播放新的声音实例。v【停止】选项将使指定的声音静音。【停止】选项将使指定的声音静音。16.5.2添加音频添加音频v【流流】选选项项将将同同步步声声音音，以以便便在在WebWeb站站点点上上播播放放。FlashFlash强强制制动动画画和和音音频频流流同同步步。如如果果FlashFlash不不能能足足够够快快地地绘绘制制动动画画的的帧帧，就就跳跳过过帧帧。与与事事件件声声音音不不同同，音音频频流流随随着着S

35、WFSWF文文件件的的停停止止而而停停止止。而而且且，音音频频流流的的播播放放时时间间绝绝对对不不会会比比帧帧的的播播放放时时间间长长。当当发发布布SWFSWF文文件时，音频流混合在一起。件时，音频流混合在一起。v音音频频流流的的一一个个示示例例就就是是动动画画中中一一个个人人物物的的声声音音在在多多个帧中播放。个帧中播放。v注注意意：如如果果您您使使用用MP3MP3声声音音作作为为音音频频流流，则则必必须须重重新新压压缩缩声声音音，以以便便能能够够导导出出。可可以以将将声声音音导导出出为为MP3MP3文文件，所用的压缩设置与导入它时的设置相同。件，所用的压缩设置与导入它时的设置相同。16.5

36、.2添加音频添加音频v（9 9）为为【重重复复】输输入入一一个个值值，以以指指定定声声音音应应循循环环的的次次数数，或或者者选选择择【循循环环】以以连连续续重重复复声音。声音。v注意：不建议循环播放音频流。如果将音频注意：不建议循环播放音频流。如果将音频流设为循环播放，帧就会添加到文件中，文流设为循环播放，帧就会添加到文件中，文件的大小就会根据声音循环播放的次数而倍件的大小就会根据声音循环播放的次数而倍增。增。16.6动作和组件动作和组件 v16.6.1FlashMX2004动作脚本动作脚本v16.6.2 16.6.2 组件组件 16.6.1FlashMX2004动作脚本动作脚本 v动作脚本是

37、一种面向对象的脚本语言，可用于控制动作脚本是一种面向对象的脚本语言，可用于控制 Flash 内容的播放方式。在后续的课程中，您将了内容的播放方式。在后续的课程中，您将了解动作脚本如何演化为动作脚本解动作脚本如何演化为动作脚本 2.0 以包含一组核以包含一组核心的语言元素，使开发面向对象的程序更加方便。心的语言元素，使开发面向对象的程序更加方便。vMacromedia Flash MX 2004Macromedia Flash MX 2004提供了许多使用户能够提供了许多使用户能够参与交互操作的方法。另外，当您采用交互功能时，参与交互操作的方法。另外，当您采用交互功能时，能够实现的就不只是按顺序

38、播放每个时间轴帧了，能够实现的就不只是按顺序播放每个时间轴帧了，这样，您在设计和开发时就有了更多的选择。在本这样，您在设计和开发时就有了更多的选择。在本课中，您将通过完成下列任务来学习一些实现交互课中，您将通过完成下列任务来学习一些实现交互功能的方法：功能的方法：16.6.1FlashMX2004动作脚本动作脚本vl l编写在场景之间导航的动作脚本编写在场景之间导航的动作脚本 vl l编写在运行时播放动画影片剪辑的动作脚编写在运行时播放动画影片剪辑的动作脚本本 vl l使用行为播放使用行为播放 MP3 MP3 文件文件 16.6.1 FlashMX2004动作脚本 v1.1.设置工作区设置工作

39、区v2.2.编写在场景之间导航的动作脚本编写在场景之间导航的动作脚本v3.3.编写在场景之间导航的动作脚本编写在场景之间导航的动作脚本 v4.4.使用行为播放使用行为播放 MP3 MP3 文件文件16.6.2 组件 在在MacromediaFlashMX2004中使用组件有多中使用组件有多种方法。您可以使用【组件】面板来查看组件，并种方法。您可以使用【组件】面板来查看组件，并可以在创作过程中将组件添加到文档中。在将组件可以在创作过程中将组件添加到文档中。在将组件添加到文档中后，即可在属性检查器或【组件检查添加到文档中后，即可在属性检查器或【组件检查器】面板中查看组件属性。组件可以与其他组件通器

40、】面板中查看组件属性。组件可以与其他组件通信，方法是侦听其他组件的事件并使用【动作脚本信，方法是侦听其他组件的事件并使用【动作脚本】处理这些事件。您还可以管理文档中的组件深度】处理这些事件。您还可以管理文档中的组件深度以及控制组件接收焦点的时间。以及控制组件接收焦点的时间。16.6.2 组件v1.1.【组件】面板【组件】面板 v2.【组件检查器】面板和属性检查器中的组件【组件检查器】面板和属性检查器中的组件 16.7 准备输出和发布动画 v16.7.1动画文件的优化动画文件的优化 v16.7.2动画下载性能的测试动画下载性能的测试 16.7.1 动画文件的优化 在在Macromedia Mac

41、romedia Flash Flash MX MX 20042004中中,动动画画文文件件的的优优化化主要是靠在制作过程中元件的使用和发布时的设置主要是靠在制作过程中元件的使用和发布时的设置:v（1 1）尽可能的多用矢量图形）尽可能的多用矢量图形,才用位图才用位图v（2 2）重复出现的图形）重复出现的图形,动画或场景等动画或场景等,要使用元件要使用元件v（3）发布设置也要尽可能的接近浏览者的要求设置）发布设置也要尽可能的接近浏览者的要求设置.16.7.2动画下载性能的测试动画下载性能的测试v在在Macromedia Macromedia Flash Flash MX MX 20042004中中

42、进进行行动动画画下下载载性性能能的的测测试试是是很很有有必必要要的的,它它可可以以让让我我们们掌掌握握自自己己的的动动画画作作品品在在不不同同的的网网络络环环境境下下的的下下载载速速度度,从从而而来来指指导导我我们们制制作作动动画画时时,动动画画作作品品大大小小的的控控制制.下下面面来来看看看如何进行动画下载性能的测试看如何进行动画下载性能的测试v（1 1）用用Macromedia Macromedia Flash Flash MX MX 20042004打打开开一一个个FlashFlash动画文件动画文件(.fla)(.fla)v（2）单击菜单中）单击菜单中控制控制/测试影片测试影片,进入到

43、测试阶段进入到测试阶段 v（3）设置你要模拟下载的网络环境设置你要模拟下载的网络环境,在在视图视图/下载设下载设置中选择或设置即将要进入测试的环境置中选择或设置即将要进入测试的环境.v（4 4）可可以以较较直直观观的的测测试试到到自自己己的的动动画画的的下下载载性性能能,即及时向我们反馈了动画下载的速度即及时向我们反馈了动画下载的速度.16.8 Flash动画的输出和发布 要发布要发布Flash文档，请首先选择发布文文档，请首先选择发布文件格式，然后使用【发布设置】命令选择文件格式，然后使用【发布设置】命令选择文件格式设置。然后用【发布】命令发布件格式设置。然后用【发布】命令发布Flash文档

44、。在【发布设置】对话框中建立的发布文档。在【发布设置】对话框中建立的发布配置将随文档一起保存。您也可以创建并命配置将随文档一起保存。您也可以创建并命名发布配置文件，以便可以随时使用已建立名发布配置文件，以便可以随时使用已建立的发布设置。的发布设置。16.8 Flash动画的输出和发布v16.8.1Flash文件的发布设置文件的发布设置 v16.8.2GIF文件的发布设置文件的发布设置 v16.8.3JPEG文件的发布设置文件的发布设置 16.8.1 Flash文件的发布设置v当发布当发布Flash文档时，可以设置图像和声音文档时，可以设置图像和声音压缩选项和防止对压缩选项和防止对SWF文件进行

45、导入操作的文件进行导入操作的选项。使用【发布设置】对话框的【选项。使用【发布设置】对话框的【Flash】面板中的控件来更改设置。面板中的控件来更改设置。16.8.2 GIF文件的发布设置vGIF文件提供了一种简单的方法来导出绘画文件提供了一种简单的方法来导出绘画和简单动画，以供在和简单动画，以供在Web页中使用。标准页中使用。标准GIF文件是一种简单的压缩位图。文件是一种简单的压缩位图。16.8.3 JPEG文件的发布设置 JPEG JPEG 格格式式使使您您可可将将图图像像保保存存为为高高压压缩缩比比的的 24 24 位位位位图图。通通常常，GIF GIF 格格式式对对于于导导出出线线条条绘

46、绘画画效效果果较较好好，而而 JPEG JPEG 格格式式更更适适合合显显示示包包含含连连续续色色调调（如如照照片片、渐渐变变色色或或嵌嵌入入位位图图）的的图像。图像。要将要将 Flash SWF Flash SWF 文件发布为文件发布为 JPEG JPEG 文件：文件：（1 1）.执行以下操作之一以打开【发布设置】对话框：执行以下操作之一以打开【发布设置】对话框：vl l选择【文件】选择【文件】/【发布设置】。【发布设置】。vl l在在文文档档的的【属属性性】检检查查器器（未未选选择择对对象象时时可可用用）中中，单单击击【设置】按钮。【设置】按钮。v注意：要为即将指定的发布设置创建发布配置文件。注意：要为即将指定的发布设置创建发布配置文件。（2 2）在在【格格式式】选选项项卡卡上上，选选择择【JPEG JPEG 图图像像】类类型型。对对于于 JPEG JPEG 文文件件名名，请请使使用用默默认认文文件件名名，或或者者输输入入带带 .jpg.jpg 扩扩展展名的新文件名。名的新文件名。（3 3）.单击【单击【JPEGJPEG】面板，显示它的设置。】面板，显示它的设置。操作题操作题v导入一张位图，利用其制作一个补间动画。v制作一个多场景动画。v使用文本工具创建一个补间形状。