网页设计与制作实用教程 教学课件 作者 马绍惠 第11章 元件符号与实例.pptVIP

第11章 元件与实例 学习要求 主要内容  11.1元件的创建 11.2 元件实例属性的编辑 11.3 本章小结 思考与练习  11.1.1元件、库和实例的概念 在 Flash 8的动画制作工程中，元件是指可以重复使用的图形、按钮甚至动画。一个元件在创建时它的体积为多大，它所占用的动画体积就为多大，不管以后的编辑工作中对它引用 了多少次，因而使用元件可以大大减小动画的占用空间，加快了网络下载，利于播放的流畅性。元件的应用在Flash动画制作中尤为重要，基本上所有的动画中都使用到了元件。 将元件拖放到舞台工作区后，舞台上的元件副本就称为实例，一个元件可以有多个实例。对元件进行编辑和修改后，所有在动画中与该元件相关的实例都会被自动更新。用户可以对实例的大小、透明度笔旋转等进行编辑，且编辑后的实例不会对元件产生任何影响。 11.1.2元件符号的分类 在Flash 8中可以制作的元件符号类型主要有三种，即图形元件（Craphic）、影片元件(MovieClip)以及按钮元件(Button)。每种元件都具有特定的作用，它们在“库”面板中显示图标分别为：图形元件，按钮元件，影片剪辑元件。在创建元件时，需要根据元件的用途及特性来选定一种元件类型。 ⑴ 图形元件 图形元件可以是矢量图形、图像、声音或动画等。拥有独立的时间轴，通常是由静态的图片构成，用于构建动画主时间轴上的静态内容。有时也可以加入其他的元件和素材，制作成由多个帧组成的动画。但其不具有交互性，不能添加滤镜和声音。 ⑵ 按钮元件 按钮元件用于在动画中创建交互控制按钮。一般用来对动画中的鼠标事件作出响应，例如鼠标的单击、移动和控制动画的播放等。 11.1.4创建影片剪辑元件的实例 影片剪辑元件是Flash 8中最具有交互性的部分。它可以包含有图片、交互式控件、甚至其他影片剪辑实例等多种内容，由于影片剪辑具有相对于主时间轴独立的时间轴，所以它们在Flash动画中与主舞台的动画是相互独立的，如果主舞台中存在影片剪辑，既使主场景中的时间轴已经停止，影片剪辑的时间轴仍可以继续播放，也就是说影片剪辑动画可以自动循环播放。 1．创建新的影片剪辑 这是一个齿轮转动的影片剪辑动画，它制作的第一步是先编辑一个图形元件以创建齿轮的形状，然后再制作一个影片剪辑，使齿轮动起来。 ⑴ 打开Flash 8并新建一个空白的文档。 11.1.5创建按钮元件的实例 按钮元件可以在不同的鼠标事件下显示不同的状态，并且当用户单击它时会执行某种特定的行为动作。它是用来控制相应的鼠标事件的交互性的特殊元件。 按钮元件一般有四种不同的状态，分别是弹起、指针经过、按下和点击。在按钮元件编辑界面中的时间轴上它们分别占用1帧，该时间轴无法被播放，它只根据鼠标事件的不同而作出响应，并转到所指向的地方。创建按钮元件的基本步骤如下： ⑴ 新建Flash文档，单击“插入”→“新建元件”菜单命令。在弹出的“创建新元件”对话框中输入按钮的名称，并选取元件的“类型“为“按钮”，单击“确定“按钮，进入按钮元件编辑模式，如图11-13所示。 11.2.2 元件实例属性编辑的例子 使用库中的元件创建实例的步骤如下： ⑴ 新建Flash文档，将文档大小设置为550×400。 ⑵ 单击“插入”→“新建元件”菜单命令。在弹出的“创建新元件”对话框中输入名称“欢迎”，并选取元件类型为“图形”，单击“确定”按钮，进入图形元件编辑模式。使用绘图工具和文本工具绘制图形如图11-24所示。 ⑶ 再新建一个“影片剪辑辑”元件，进入影片剪辑辑元件的编辑界面以后，如图11-25所示。最后在第30帧处插入关键帧，使用“变形”面板将图形元件实例改回原来的样子。在1到30帧之间插入补间动画，则完成影片编辑元件的制作。 本章小结 Flash 8能够制作出精美的动画，大量的图形、声音等素材是设计动画不可缺少的。元件概念的出现，使许多重复的动画制作工作得到了有效的处理，提高了工作效率。实例源于元件，更新元件属性，与之相联的实例也随之改变，另外实例也有自己的属性设置。元件等动画制作相关的素材，由库来对其进行分门别类的管理。 在Flash中，元件大致分为3种：影片编辑、图片和按钮。这3种类型元件中，要分清各个帧之间的关系。 影片编辑元件可以是一个单独的动画。在应用实例时，即使时间轴已经