网页动画设计与制作Flash MX 2004 作者 陈永东 项目6-元件、实例与库的使用.pptVIP

网页动画设计与制作Flash 项目6-元件、实例与库的使用 项目6-元件、实例与库的使用 【项目背景】 小张在公司工作已经有了一段时间，已经设计了一些网页动画。公司经理提出要求，让小张把一部动画所需要的基本元件都要建立好，并根据需要设置对应的实例，建好并管理好相应的元件库。 【项目分析】 1．如何建立基本的动画元件？ 2．如何建立实例？ 3．元件库是一个什么样的概念？有什么作用？ 【任务分解】 任务1：创建元件。 任务2：编辑元件。 任务3：用元件创建实例。 任务4：编辑实例。 任务5：使用库及共享资源。 任务1 创建元件 了解元件的类型。 熟悉将选定元素转换为元件的方法。 熟悉创建一个新的空元件的方法。 熟悉将舞台上的动画转换为影片剪辑的方法。 熟悉复制元件的方法。 1．了解元件的类型 （1）图形元件：可用于静态图像，并可用来创建连接到主时间轴的可重用动画片段。图形元件与主时间轴同步运行。交互式控件和声音在图形元件的动画序列中不起作用。 （2）按钮元件：可用于创建响应鼠标点击、滑过或其他动作的交互式按钮。可以定义与各种按钮状态关联的图形，然后将动作指定给按钮实例。 （3）影片剪辑元件：可用于创建可重用的动画片段。影片剪辑拥有它们自己的独立于主时间轴的多帧时间轴。可以将影片剪辑看作是主时间轴内的嵌套时间轴，它们可以包含交互式控件、声音甚至其他影片剪辑实例。也可以将影片剪辑实例放在按钮元件的时间轴内，以创建动画按钮。 （4）字体元件：可用于导出字体并在其他 Flash 文件中使用它。 2．熟悉将选定元素转换为元件的方法 （1）在舞台上选择一个或多个元素，然后执行以下操作之一。 执行“修改”→“转换为元件”命令。 将选中元素拖到“库”面板上。 右键单击元件，然后在快捷菜单中执行“转换为元件”命令。 （2）出现“转换为符号”对话框，在该对话框中，输入元件名称并选择一种行为（“图像”、“按钮”或“影片剪辑”）。 （3）在注册网格中单击，以便放置元件的注册点。 （4）单击“确定”按钮。 3．熟悉创建一个新的空元件的方法 （1）确保未在舞台上选定任何内容，然后执行以下操作之一。 执行“插入”→“新建元件”命令。 单击“库”面板左下角的“新建元件”按钮。 从“库”面板右上角的“库”选项菜单中执行“新建元件”命令。 （2）出现“创建新元件”对话框，在该对话框中，键入元件名称并选择一种行为（“图像”、“按钮”或“影片剪辑”）。 （3）单击“确定”按钮。 （4）要创建元件内容，可使用时间轴、用绘画工具绘制、导入介质或创建其他元件的实例。 （5）创建完元件内容之后，可执行以下操作之一返回到文件编辑模式。 单击舞台上方编辑栏左侧的“后退”按钮。 执行“编辑”→“编辑文件”命令。 单击舞台上方编辑栏内的场景名称。 4．熟悉将舞台上的动画转换为影片剪辑的方法 （1）在主时间轴上，选择想使用的舞台上动画的每一层中的每一帧。 （2）右键单击任何选定的帧，然后在快捷菜单中执行“复制帧”命令。 （3）取消选择所选内容并确保没有选中舞台上的任何内容，执行“插入”→“新建元件”命令。 （4）出现“创建新元件”对话框，如图6-2所示。在该对话框中，输入该元件的名称。对于“行为”，选择“影片剪辑”，然后单击“确定”按钮。Flash 会在元件编辑模式下打开一个新元件来编辑。 （5）在时间轴上，单击第 1 层上的第 1 帧，然后执行“编辑”→“时间轴”→“粘贴帧”命令。 （6）创建完元件内容之后，单击舞台上方编辑栏内的场景名称返回到影片编辑模式。 5．熟悉复制元件的方法 （1）使用“库”面板复制元件：可以采用以下步骤。 在“库”面板中选择一个元件。 右键单击元件，然后在快捷菜单中执行“重制”命令，或从“库”选项菜单中执行“重制”命令。 （2）通过选择实例来复制元件：可以采用以下步骤。 在舞台上选择该元件的一个实例。 执行“修改”→“元件”→“重制元件”命令。 该元件会被复制，而且原来的实例也会被复制元件的实例代替。 任务2 编辑元件 熟悉在当前位置编辑元件的方法。 熟悉在新窗口中编辑元件的方法。 熟悉在元件编辑模式下编辑元件的方法。 1．熟悉在当前位置编辑元件的方法 （1）执行以下操作之一。 在舞台上双击该元件的一个实例。 在舞台上选择该元件的一个实例，右键单击该实例，然后在快捷菜单中执行“在当前位置编辑”命令。 在舞台上选择该元件的一个实例，然后执行“编辑”→“在当前位置编辑”命令。 （2）根据需要编辑该元件。 （3）如果要更改注册点，可以拖动舞台上的元件，一个十字准线指示注册点的位置。 （4）退出“在当前位置编辑”模式并返回到文件编辑模式 2．熟悉在新窗口中编辑元件的方法 （1）在舞台上选择该元件的一个实例，右键单击该实例，然后在快捷菜单中执行“在新窗口中编辑”