元件与实例优秀培训书.ppt

学习要点 元件与实例的基本概念 创建和编辑元件 实例的操作 素材的使用 6.1.1知识讲解 元件和实例是Flash中最基本的概念。元件可以使编辑影片变得简单，如果想更改影片中的重复元素，只需对元件进行更改，Flash就会自动更新所有使用该元件的实例。实例是元件在舞台上的一次使用，重复使用实例不会增加动画文件的大小，这是使动画文件保持较小体积的一个很好的方法。每一个实例都有区别于其他实例的属性，这可以通过修改该实例属性面板的相关属性来实现。 1.元件的类型 （1）图形元件 图形元件 一般用于创建静态图像或创建可重复使用的、与主时间轴关联的动画，它有自己的编辑区和时间轴。如果在场景中创建元件的实例，那么实例将受到主场景中时间轴的约束。换句话说，图形元件中的时间轴与其实例在主场景的时间轴同步。另外，在图形元件中可以使用矢量图、图像、声音和动画的元素，但不能为图形元件提供实例名称，也不能在动作脚本中引用图形元件，并且声音在图形元件中失效。 （2）按钮元件 按钮元件 可以创建用于响应鼠标单击、滑过或其它动作的交互式按钮。 可以定义与各种按钮状态关联的图形，然后将动作指定给按钮实例。创建按钮元件的关键是设置4种不同状态的帧，即“弹起”、“指针经过”、“按下”和“点击”。 第一帧是弹起状态，代表指针没有经过按钮时该按钮的状态。 第二帧是指针经过状态，代表指针滑过按钮时该按钮的外观。 第三帧是按下状态，代表单击按钮时该按钮的外观。 第四帧是点击状态，定义响应鼠标单击的区域。 此区域在 SWF 文件中是不可见的。 （3）影片剪辑元件 影片剪辑 元件除了可以包含静态图像外，还可以包含一些更高级的动画，它与图形元件的主要区别在于它支持ActionScript和声音。使用影片剪辑元件可用于创建独立于影片中主时间轴播放的可重复使用的动画部分。影片剪辑很像在影片中的小影片，它可以包含交互控制、声音甚至其他的影片剪辑实例，也可以在按钮元件的时间轴内放置影片剪辑实例来创建动画按钮。 2．创建图形元件 执行【插入】|【新建元件】（按【Ctrl+F8】快捷键），弹出“创建新元件”对话框，如图6-1所示，在“名称”选项的文本框中输入元件的名称，选中“图形”选项。 Flash将此元件自动添加到元件库中并自动切换为元件编辑模式。该编辑模式的主要特征为场景名称后追加了当前元件的名称，并且在舞台中心出现了一个小十字，它代表元件的中心。如图6-2所示。 使用绘图工具绘制图形，也可以导入外部素材到图形元件编辑窗口，编辑完成后，单击“返回”按钮或“场景名称”返回主场景，图形元件创建完毕。 3.创建影片剪辑元件 选择【插入】|【新建元件】（按【Ctrl+F8】快捷键），弹出“创建新元件”对话框，如图6-3所示，在“名称”选项的文本框中输入元件的名称，选中“影片剪辑”选项。 Flash将此元件自动添加到元件库中并自动切换为元件编辑模式。该编辑模式的主要特征为场景名称后追加了当前元件的名称，并且在舞台中心出现了一个小十字，它代表元件的中心。 选择椭圆工具，笔触颜色设置为无，填充色设为放射状，选择第1帧，在中心点左侧绘制一个球，如图6-4所示。 选中第30帧，插入空白关键帧选择【插入】|【时间轴】|【空白关键帧】（按F7快捷键），在中心点右侧绘制一个球，如图6-5所示。 选中第1帧至第29帧的任意一帧，按右键，在弹出菜单中选择“创建补间动画”，这是就完成一个运动球的补间动画，库面板中自动生成“补间1”和“补间2”的两个图形元件。 编辑完成后，单击“返回”按钮或“场景名称”返回主场景，影片剪辑元件创建完毕。 4.创建按钮元件 选择【插入】|【新建元件】（按Ctrl+F8快捷键），弹出“创建新元件”对话框，如图6-6所示，在“名称”选项的文本框中输入元件的名称，选中“按钮”选项。 Flash将此元件自动添加到元件库中并自动切换为元件编辑模式，时间轴中将显示按钮的4各连续帧，并且分别标识为“弹起”、“指针经过”、“按下”和“点击”，第1个帧即“弹起”帧是一个空白关键帧。使用绘画工具绘制一个如图6-7所示的信封。 把鼠标移动到“指针经过”帧，按F6快捷键复制第1个关键帧，然后修改信封的样式，如图6-8所示。然后依次在“按下”帧和“点击”帧按F6快捷键复制前1帧的状态。 编辑完成后，单击“返回”按钮或“场景名称”返回主场景，按钮元件创建完毕。 【源文件所在位置】：光盘\Chap5\效果\元件.fla 5.转换元件 （1）将图形转换为图形元件 选择矢量图形，如图6-9所示，选择【修改】|【转化为元件】（按【F8】快捷键），弹出“转化为元件”对话框，在“名称”选项的文本框中输入要转化元件的名称，选中“图形”元件，如图6-10所示，单击“确