网页动画设计与制作flashmx2004项目6-元件、实例与库的使用

《网页动画设计与制作flashmx2004项目6-元件、实例与库的使用》由会员分享，可在线阅读，更多相关《网页动画设计与制作flashmx2004项目6-元件、实例与库的使用（31页珍藏版）》请在金锄头文库上搜索。

1、网页动画设计与制作Flash,项目6-元件、实例与库的使用,项目6-元件、实例与库的使用,【项目背景】 小张在公司工作已经有了一段时间，已经设计了一些网页动画。公司经理提出要求，让小张把一部动画所需要的基本元件都要建立好，并根据需要设置对应的实例，建好并管理好相应的元件库。,【项目分析】,1如何建立基本的动画元件？ 2如何建立实例？ 3元件库是一个什么样的概念？有什么作用？,【任务分解】,任务1：创建元件。 任务2：编辑元件。 任务3：用元件创建实例。 任务4：编辑实例。 任务5：使用库及共享资源。,任务1 创建元件,了解元件的类型。 熟悉将选定元素转换为元件的方法。 熟悉创建一个新的空元件的

2、方法。 熟悉将舞台上的动画转换为影片剪辑的方法。 熟悉复制元件的方法。,1了解元件的类型,（1）图形元件：可用于静态图像，并可用来创建连接到主时间轴的可重用动画片段。图形元件与主时间轴同步运行。交互式控件和声音在图形元件的动画序列中不起作用。 （2）按钮元件：可用于创建响应鼠标点击、滑过或其他动作的交互式按钮。可以定义与各种按钮状态关联的图形，然后将动作指定给按钮实例。 （3）影片剪辑元件：可用于创建可重用的动画片段。影片剪辑拥有它们自己的独立于主时间轴的多帧时间轴。可以将影片剪辑看作是主时间轴内的嵌套时间轴，它们可以包含交互式控件、声音甚至其他影片剪辑实例。也可以将影片剪辑实例放在按钮元件的

3、时间轴内，以创建动画按钮。 （4）字体元件：可用于导出字体并在其他 Flash 文件中使用它。,2熟悉将选定元素转换为元件的方法,（1）在舞台上选择一个或多个元素，然后执行以下操作之一。 执行“修改”“转换为元件”命令。 将选中元素拖到“库”面板上。 右键单击元件，然后在快捷菜单中执行“转换为元件”命令。 （2）出现“转换为符号”对话框，在该对话框中，输入元件名称并选择一种行为（“图像”、“按钮”或“影片剪辑”）。 （3）在注册网格中单击，以便放置元件的注册点。 （4）单击“确定”按钮。,3熟悉创建一个新的空元件的方法,（1）确保未在舞台上选定任何内容，然后执行以下操作之一。 执行“插入”“新

4、建元件”命令。 单击“库”面板左下角的“新建元件”按钮。 从“库”面板右上角的“库”选项菜单中执行“新建元件”命令。 （2）出现“创建新元件”对话框，在该对话框中，键入元件名称并选择一种行为（“图像”、“按钮”或“影片剪辑”）。 （3）单击“确定”按钮。 （4）要创建元件内容，可使用时间轴、用绘画工具绘制、导入介质或创建其他元件的实例。 （5）创建完元件内容之后，可执行以下操作之一返回到文件编辑模式。 单击舞台上方编辑栏左侧的“后退”按钮。 执行“编辑”“编辑文件”命令。 单击舞台上方编辑栏内的场景名称。,4熟悉将舞台上的动画转换为影片剪辑的方法,（1）在主时间轴上，选择想使用的舞台上动画的每

5、一层中的每一帧。 （2）右键单击任何选定的帧，然后在快捷菜单中执行“复制帧”命令。 （3）取消选择所选内容并确保没有选中舞台上的任何内容，执行“插入”“新建元件”命令。 （4）出现“创建新元件”对话框，如图6-2所示。在该对话框中，输入该元件的名称。对于“行为”，选择“影片剪辑”，然后单击“确定”按钮。Flash 会在元件编辑模式下打开一个新元件来编辑。 （5）在时间轴上，单击第 1 层上的第 1 帧，然后执行“编辑”“时间轴”“粘贴帧”命令。 （6）创建完元件内容之后，单击舞台上方编辑栏内的场景名称返回到影片编辑模式。,5熟悉复制元件的方法,（1）使用“库”面板复制元件：可以采用以下步骤。

6、在“库”面板中选择一个元件。 右键单击元件，然后在快捷菜单中执行“重制”命令，或从“库”选项菜单中执行“重制”命令。 （2）通过选择实例来复制元件：可以采用以下步骤。 在舞台上选择该元件的一个实例。 执行“修改”“元件”“重制元件”命令。 该元件会被复制，而且原来的实例也会被复制元件的实例代替。,任务2 编辑元件,熟悉在当前位置编辑元件的方法。 熟悉在新窗口中编辑元件的方法。 熟悉在元件编辑模式下编辑元件的方法。,1熟悉在当前位置编辑元件的方法,（1）执行以下操作之一。 在舞台上双击该元件的一个实例。 在舞台上选择该元件的一个实例，右键单击该实例，然后在快捷菜单中执行“在当前位置编辑”命令。

7、在舞台上选择该元件的一个实例，然后执行“编辑”“在当前位置编辑”命令。 （2）根据需要编辑该元件。 （3）如果要更改注册点，可以拖动舞台上的元件，一个十字准线指示注册点的位置。 （4）退出“在当前位置编辑”模式并返回到文件编辑模式,2熟悉在新窗口中编辑元件的方法,（1）在舞台上选择该元件的一个实例，右键单击该实例，然后在快捷菜单中执行“在新窗口中编辑”命令。 （2）根据需要编辑该元件。 （3）要更改注册点，可拖动舞台上的元件。一个十字准线指示注册点的位置。 （4）单击右上角的关闭按钮以关闭新窗口，然后在主文件窗口内单击以返回到编辑主文件状态下。,3熟悉在元件编辑模式下编辑元件的方法,（1）执行

8、以下操作之一来选择元件。 双击“库”面板中的元件图标。 在舞台上选择该元件的一个实例，右键单击该实例，然后在快捷菜单中执行“编辑”命令。 在舞台上选择该元件的一个实例，然后执行“编辑”“编辑元件”命令。 在“库”面板中选择该元件，然后从库选项菜单中选择“编辑”，或者右键单击“库”面板中的该元件，然后在快捷菜单中执行“编辑”命令。 （2）根据需要在舞台上编辑该元件。 （3）如果更改注册点，可拖动舞台上的元件，一个十字准线指示注册点的位置。 （4）退出元件编辑模式并返回到文件编辑状态,任务3 用元件创建实例,创建元件的新实例。 给实例指定自定名称。 获取舞台上的实例的相关信息。 显示获取信息的相关

9、面板。,1创建元件的新实例,（1）在时间轴上选择一层。注意：关键帧是用来定义动画中的变化的帧。Flash 只可以把实例放在关键帧中，并且总在当前层上。如果没有选择关键帧，Flash 会将实例添加到当前帧左侧的第一个关键帧上。 （2）执行“窗口”“库”命令，打开“库”面板。 （3）将该元件从库中拖放到舞台上。 （4）如果已经创建了图形元件的实例，可执行“插入”“时间轴”“帧”命令，以添加一定数量的帧，这些帧将会包含该图形元件。,2给实例指定自定名称,（1）在舞台上选择该实例。 （2）如果“属性”面板没有显示，可执行“窗口”“属性”命令。 （3）在“属性”面板左侧的“实例名称”文本框（在“元件行为

10、”弹出列表下方）中输入该实例的名称。,3获取舞台上的实例的相关信息,“属性”面板 “信息”面板 “影片浏览器”面板 “动作”面板,4显示获取信息的相关面板,（1）显示“属性”面板：可执行“窗口”“属性”命令。 （2）显示“信息”面板：可执行“窗口”“设计面板”“信息”命令。 （3）显示“影片浏览器”面板：可执行“窗口”“其他面板”“影片浏览器”命令。 （4）显示“动作”面板：可执行“窗口”“开发面板”“动作”命令。,任务4 编辑实例,更改实例的颜色和透明度。 将一个实例与另一个实例交换。 更改实例的类型。 设置图形实例的动画方式。,1更改实例的颜色和透明度,在舞台上选择该实例，然后执行“窗口”

11、“属性”命令。,2将一个实例与另一个实例交换,（1）在舞台上选择该实例，然后执行“窗口”“属性”命令。 （2）在“属性”面板中单击“交换”按钮，出现“交换元件”对话框。 （3）在“交换元件”对话框中，选择一个元件来替换当前分配给该实例的元件。要复制选定的元件，可单击在对话框底部的“重制元件”按钮，单击“确定”按钮。,3更改实例的类型,（1）在舞台上选择该实例，然后执行“窗口”“属性”命令。 （2）从“属性”面板左上角的下拉式列表框中选择“图形”、“按钮”或“影片剪辑”之一。,4设置图形实例的动画方式,（1）在舞台上选择图形实例，然后执行“窗口”“属性”命令。 （2）在“属性”面板中，从实例名称

12、下方的下拉式列表框中选择一个动画选项。 “循环”：会按照该当前实例占用的帧数来循环包含在该实例内的所有动画序列。 “播放一次”：从所指定的帧开始播放动画序列，直到动画结束，然后停止。 “单帧”：显示动画序列的一帧，要指定要显示哪一帧。,任务5 使用库及共享资源,了解库的概念与种类 处理运行时共享资源。 在源文件中定义运行时共享资源。 从目标文件链接到运行时共享资源。 解决库资源之间的冲突。,1了解库的概念与种类,（1）一般元件库：前面用到的库大多数都是一般的元件库，如图6-3所示。一般元件库中的元件主要是通过用户自己建立后被放进元件库中，然后通过将元件拖入至舞台产生实例。如果要显示或隐藏库面板

13、，可以执行“窗口”“库”命令。 （2）公用库：公用库是FLASH本身提供的通用库，可以通过执行“窗口”“其他面板”“公用库”中的相应命令来打开，其中有三种公用库，分别是“学习交互”、“按钮”与“类”。其中，“按钮”将在以后的项目中专门讨论。,2处理运行时共享资源,（1）首先，源文件的作者在源文件中定义一个共享资源，并为该资源输入标识符字符串和源文件将要张贴到的 URL。 （2）然后，目标文件的作者在目标文件中定义一个共享资源，并输入一个与源文件的那些共享资源相同的标,3在源文件中定义运行时共享资源,（1）在源文件打开的情况下，执行“窗口”“库”命令，打开“库”面板。 （2）执行以下其中一项操作

14、。 在“库”面板中选择一个影片剪辑、按钮或图形元件，然后从库选项菜单（可单击“库”面板右上角的按钮）中执行“属性”命令，出现“元件属性”对话框。 单击“高级”按钮，使“元件属性”对话框被扩展。 选择一个字体元件、声音或位图，然后从库选项菜单中执行“链接”命令。 （3）对于“链接”，可选择“为运行时共享导出”选项，使该资源可用于链接到目标文件。 （4）在“标识符”文本字段中输入元件的标识符，其中不要包含空格。这是 Flash 在链接到目标文件时用于标识资源的名称。 （5）输入将要张贴包含共享资源的 SWF 文件的 URL。 （6）单击“确定”按钮。,4从目标文件链接到运行时共享资源,（1）在目标

15、文档中，执行“窗口”“库”命令，显示“库”面板示。 （2）执行以下其中一项操作。 在“库”面板中选择一个影片剪辑、按钮或图形元件，然后从库选项菜单中执行“元件属性”命令,单击“高级”按钮，使“元件属性”对话框被展开。 选择一个字体元件，然后从库选项菜单中执行“链接”命令。 （3）对于“链接”，选择“为运行时共享导入”选项，以便链接到源文档中的资源。 （4）在“标识符”文本字段中输入元件的标识符，该标识符必须与源文档中该元件使用的标识符相同，其中不要包含空格。 （5）输入张贴包含共享资源的 SWF 源文件的 URL，单击“确定”命令。,5解决库资源之间的冲突,如果将一个库资源导入或复制到已经含有

16、同名的不同资源的文件中，用户可以选择是否用新项目替换现有项目。 当用户尝试在文件中放置与现有项目冲突的项目时，就会出现“解决库项目”对话框，可以根据需要选择“不替换现有项目”或“替换现有项目”。,项目小结,在具体进行动画设计过程中，使用元件并由其创建实例，以及管理资料库是非常常见的工作内容。元件就好象是舞台后面可以重复利用的原型演员。如果能多次利用这个元件，那么效率就很高了。 实例实际上就是利用元件在舞台上生成一个具体的演员，只有这样，才能对这个演员（实例）进行相关的动作设计。 元件库其实就是所有原型演员（元件）的一个仓库。这些元件一起放在库中，可以方便管理。 应该注意，元件和实例都可以修改，修改某实例不会影响元件，但修改某元件，其对应的实例都会同时修改。,