WordPress 中文文档

Flash8.0使用元件与实例

From WordPress Chinese

Jump to: navigation, search
Image:Flash8.0jch.jpg
Flash8.0教程
内容


Flash8.0教程


其它教程


外部资源


元件是在Flash中可以重复使用的图形它相当于一部影片的演员,实例是演员在影片中的具体位置。元件的类型每个元件都有一个唯一的时间轴和舞台,以及几个层。创建元件时要选择元件类型,这取决于您在文档中如何使用该元件。


  • 图形元件可用于静态图像,并可用来创建连接到主时间轴的可重用动画片段。图形元件与主时间轴同步运行。交互式控件和声音在图形元件的动画序列中不起作用。
  • 使用按钮元件可以创建响应鼠标点击、滑过或其它动作的交互式按钮。可以定义与各种按钮状态关联的图形,然后将动作指定给按钮实例。有关详细信息.
  • 使用影片剪辑元件可以创建可重用的动画片段。影片剪辑拥有它们自己的独立于主时间轴的多帧时间轴。可以将影片剪辑看作是主时间轴内的嵌套时间轴,它们可以包含交互式控件、声音甚至其它影片剪辑实例。也可以将影片剪辑实例放在按钮元件的时间轴内,以创建动画按钮。
  • 使用字体元件可以导出字体并在其它 Flash 文档中使用它。.


Flash 提供了各种内置组件(即带有已定义参数的影片剪辑),您可以使用它们将用户界面元素(如按钮、复选框或滚动条)添加到文档中.

Image:Allwiki notice.png要在 Flash 创作环境中预览各个影片剪辑元件的交互性和动画,必须选择"控制">"启用实时预览"。



目录

创建图形元件

图形元件很适用于静态图像的重复使用,或创建与主时间轴关联的动画。与影片剪辑或按钮元件不同,您不能为图形元件提供实例名称,也不能在 ActionScript 中引用图形元件。


  • 您将选择舞台上的矢量图形并将它转换为图形元件。
  • 在"工具"面板中,单击"选择"工具。
  • 在舞台上,在汽车周围拖动,将其选中。

Image:Flash8.0yuanj01.jpg

  • 选择"修改">"转换为元件"。
  • 在"转换为元件"对话框中,输入 CarGraphic 作为名称并选择"图形"作为行为。
  • 注册网格使用黑色的小正方形来指示注册点位于元件限制框内的什么位置。注册点是元件旋转时所围绕的轴,也是元件对齐时所沿的点。单击网格中的左上正方形选择注册点位置,然后单击"确定"。
  • 舞台上的汽车现在是 CarGraphic 元件的实例。属性检查器显示图形元件实例的属性。

Image:Flash8.0yuanj02.jpg

  • 打开"库"面板("窗口">"库")查看元件。
  • 您将在"库"面板中找到"CarGraphic"元件。Flash 将元件存储在库中。每个文档都有它自己的库,并且您可以在不同的 FLA 文件之间共享库。

直接复制和修改元件的实例

创建元件后,您可以在文档中重复使用它的实例。您可以修改单个实例的以下实例属性,而不会影响其它实例或原始元件:颜色、缩放比例、旋转、Alpha 透明度、亮度、色调、高度、宽度和位置。

如果稍后编辑元件,则该实例除了获得元件编辑效果外,还保留它修改后的属性。


  • 您现在将直接复制汽车的实例,然后改变副本的色调。
  • 在舞台上,选择汽车。按 Alt 键并将汽车向上拖动以创建另一个实例。

Image:Flash8.0yuanj03.jpg

  • 保持副本处于选中状态,从属性检查器的"颜色"下拉菜单中选择"色调"。
  • 在 RGB 区域中,在"红色"弹出菜单中输入 0,在"绿色"弹出菜单中输入 0,在"蓝色"弹出菜单中输入 255。然后按 Enter (Windows) 或 Return (Macintosh) 键。
  • 重复的实例变为蓝色,但原始实例保持不变。

修改元件

通过双击元件的任何实例可以进入元件编辑模式。在元件编辑模式下进行的更改会影响该元件的所有实例。


  • 执行以下其中一项操作可以进入元件编辑模式:
  • 在舞台上,双击汽车实例之一:
  • 在"库"面板中,双击 CarGraphic 元件。

元件的名称会出现在场景 1 的旁边、工作区的顶部,这表明您处于指定元件的元件编辑模式下。

  • 在"工具"面板中,选择"任意变形"工具,并在最下面的汽车周围拖动以选择整个汽车。

在元件编辑模式下,该汽车为图形,您可以在元件内像对其它任何矢量图形一样对它进行操作。

  • 将"任意变形"工具的中间右侧的大小调整手柄稍稍向右拖动以伸展该元件。
  • 单击时间轴上面的场景 1,退出元件编辑模式元件的两个实例均反映此变形

更新或替换元件

可以用在本地网络可访问的 FLA 文件中的任何其它元件更新或替换文档中的影片剪辑、按钮或图形元件。目标影片中该元件的原始名称和属性都会被保留,但元件的内容会被您选择的元件的内容替换。选定元件使用的所有资源也会复制到目标文档中。


  • 更新或替换元件
  • 在文档打开的情况下,选择影片剪辑、按钮或图形元件,然后从"库"选项菜单中选择"属性"。
  • 如果"元件属性"对话框处于基本模式,请单击"高级"以显示"链接和源"面板。如果"链接和源"面板已打开,请转到第 3 步。
  • 要选择一个新的 FLA 文件,可在"元件属性"对话框的"源"下面,单击"浏览"。
  • 在"打开"对话框中,定位到包含的元件将用来更新或替换"库"面板中选定元件的 FLA 文件,然后单击"打开"。
  • 要在 FLA 文件中选择一个新元件,可在"源"下单击"元件"。
  • 定位到一个元件,然后单击"打开"。
  • 在"元件属性"对话框的"源"下面,选择"总是在发布前更新",以便如果在指定的源位置找到该资源的新版本就自动更新它。
  • 单击"确定"关闭"元件属性"或"链接属性"对话框。

创建有蓝色形状的新元件

  • 选择"插入">"新建元件"。
  • 在"创建新元件"对话框中,在"名称"文本框中键入 menu 并单击"确定"。

您将进入元件编辑模式,"时间轴"面板将切换为显示新的 blueArea 影片剪辑的时间轴。

  • 在"工具"面板中,选择"矩形"工具。
  • 从"笔触颜色选取器"中选择"无笔触"。
  • 单击"填充颜色"样本以显示"填充颜色选取器"。
  • 在"填充颜色选取器"中,在"Alpha"文本框中输入 80%。
  • 仍在"填充颜色选取器"中,在"颜色"文本框中输入 343469,然后按 Enter 键 (Windows) 或 Return 键 (Macintosh)。

这将创建一种偏灰的蓝色。

  • 在"工具"面板中,双击"矩形"工具。
  • 在"矩形设置"对话框中,在"边角半径"文本框中输入 0,然后单击"确定"。
  • 使用"矩形"工具,在舞台上绘制一个扁平的矩形。
  • 在"工具"面板中,单击"选择"工具。
  • 双击您在舞台上绘制的矩形以将其选中。
  • 在"属性"检查器面板中,为矩形形状输入下列值: W: 415 H: 150 X: 0 Y: 0
  • 按 Enter 或 Return 键。
  • 在"工具"面板中,单击"部分选取"工具。
  • 鼠标移动到矩形左下角的上方,直至箭头指针旁边出现一个小白框。

Image:Flash8.0yuanj04.jpg 指针表示可以拖动矩形的角

  • 向右拖动矩形的角,使矩形的左边变成一条成大约 30º 度角的对角线。

Image:Flash8.0yuanj05.jpg

  • 在"工具"面板中,单击"选择"工具。

这将取消选择矩形上的控制点。

添加文本框

现在,您已向 menu 影片剪辑添加了蓝色背景,现在可以添加描述各个菜单项的文本了。您将添加两个文本框。以后添加的 ActionScript 代码将在这些文本框中插入文本。


  • 若要添加菜单项标题的文本框,请执行以下操作:
  • 在"工具"面板中,单击"文本"工具。
  • 在"属性"检查器中,从"文本类型"菜单中选择"动态文本"。
  • 仍在"属性"检查器中,在"字体大小"文本框中输入 14。
  • 使用"文本"工具,在刚创建的灰蓝色形状的顶部绘制一个扁平文本矩形。

矩形的宽度应当与蓝色形状大致相同。不必考虑矩形的精确位置。以后可以对其进行调整。

  • 在"工具"面板中,单击"选择"工具。
  • 单击刚绘制的文本框以将其选中。
  • 在"属性"检查器面板中,输入下列值: 文本类型:动态文本 实例名称:title_txt X: 60 Y: 10 字体:Verdana 字体大小: 14 文本(填充)颜色:白色 样式:粗体 线条类型:单行

Image:Flash8.0yuanj06.jpg

  • 保存文档。
  • 创建文本.若要创建文本框,请执行以下操作:
  • 在舞台区域内部单击,创建的文本框。
  • 在"工具"面板中,单击"文本"工具。
  • 在"属性"检查器中,在"字体大小"文本框中输入 12。
  • 仍在"属性"检查器中,取消选择粗体图标。
  • 从"线条类型"菜单中选择"多行"。
  • 使用"文本"工具,在舞台中创建的矩形下方绘制另一个文本矩形,并填充以前创建的蓝色形状的下半部分。
  • 在"工具"面板中,单击"选择"工具。
  • 在第二个文本矩形仍处于选中状态的情况下,转到"属性"检查器面板,并输入下列值: 文本类型:动态文本 实例名称:description_txt X: 85 Y: 45 字体:Verdana 字体大小: 12 颜色:白色
  • 在"工具"面板中,单击"选择"工具。
  • 在刚绘制的形状外的舞台区域中单击,以取消选择它们。
  • 在时间轴中,单击"场景 1"链接,退出元件编辑模式并返回到 Flash 文档的主时间轴。

您退出了元件编辑模式,带黑色边框的舞台再次出现。

  • 保存文档
  • 创建元件之后,可以在文档中任何需要的地方(包括在其它元件内)创建该元件的实例。当您修改元件时,Flash 会更新元件的所有实例。当您创建影片剪辑和按钮实例时,Flash 将为它们指定默认的实例名称。可以在"属性"检查器中将自定义的名称应用于实例。可以在 ActionScript 中使用实例名称来引用实例。要使ActionScript 控制实例,您必须为其指定一个唯一的名称。

在文档之间复制库资源

有多种方式可以将库资源从源文档复制到目标文档:这些方式有复制和粘贴资源、拖放资源,或者在目标文档中打开源文档的库,然后把源文档的资源拖入目标文档中。如果您尝试复制与目标文档中现有的资源同名的资源,"解决库冲突"对话框会让您选择是要覆盖现有资源还是要保留现有资源并用修改后的名称添加新资源。


  • 通过复制和粘贴来复制库资源:
  • 在源文档的舞台上选择资源。
  • 选择"编辑">"复制"。
  • 使目标文档成为活动文档。
  • 将指针放在舞台上并选择"编辑">"粘贴到中心位置",以将资源粘贴到可见工作区的中心位置。选择"编辑">"粘贴到当前位置",将资源放置在与源文档中相同的位置。
  • 要通过拖动来复制库资源:
  • Flash 中的目标文档出于打开状态时,在源文档的"库"面板中选择资源。
  • 将资源拖入目标文档的"库"面板中。
  • 在目标文档中打开源文档库,复制库资源:
  • Flash 中的目标文档处于活动状态时,选择"文件">"导入">"打开外部库"。
  • 在"作为库打开"对话框中选择源文档,然后单击"打开"。
  • 将资源从源文档库拖到舞台上或拖入目标文档的库中。

对实例应用自定义名称

  • 在舞台上选择该实例。
  • 如果没有显示"属性"检查器,请选择"窗口">"属性"。
  • 在"属性"检查器左侧的"实例名称"文本框(在"元件行为"弹出列表下方)中输入该实例的名称。
  • 创建元件实例后,可以使用"属性"检查器来指定色彩效果、指定动作、设置图形显示模式或者更改实例的行为。除非您另外指定,否则实例的行为与元件行为相同。所做的任何更改都只影响实例,并不影响元件

更改实例的颜色和透明度

每个元件实例都可以有自己的色彩效果。要设置实例的颜色和透明度选项,可使用"属性"检查器。"属性"检查器中的设置也会影响放置在元件内的位图。当在特定帧内改变实例的颜色和透明度时,Flash 会在播放该帧时立即进行这些更改。要进行渐变颜色更改,必须使用补间动画。当补间颜色时,要在实例的开始关键帧和结束关键帧输入不同的效果设置,然后补间这些设置,以便让实例的颜色随着时间逐渐变化。


  • 对实例的颜色改变首先选择实例单击鼠标右键选择交换元件如下:


Image:Flash8.0yuanj07.jpg


  • 选择属性面板将元件选为影片剪辑如下:


Image:Flash8.0yuanj08.jpg


  • 选择颜色菜单里的色调颜色如下:


Image:Flash8.0yuanj09.jpg


更改实例的类型

您可以改变实例的类型来重新定义它在 Flash 应用程序中的行为。例如,如果一个图形实例包含您想要独立于主时间轴播放的动画,您可以将该图形实例重新定义为影片剪辑实例。


  • 若要改实例类型,请执行以下操作:
  • 在舞台上选择该实例,然后选择"窗口">"属性"。
  • 从"属性"检查器左上角的弹出菜单中选择"图形"、"按钮"或"影片剪辑"。
  • 将一个实例与另一个实例交换


可以给实例指定不同的元件,从而在舞台上显示不同的实例,并保留所有的原始实例属性(如色彩效果或按钮动作)例如,假定您正在使用 rat 元件创建一个卡通形象作为影片中的角色,但决定将该角色改为 cat。您可以用 cat 元件替换 rat 元件,并让更新的角色出现在所有帧中大致相同的位置上。


  • 给实例指定不同的元件
  • 在舞台上选择该实例,然后选择"窗口">"属性"。
  • 在"属性"检查器中单击"交换"按钮。
  • 在"交换元件"对话框中,选择一个元件来替换当前分配给该实例的元件。要直接复制选定的元件,请单击对话框底部的"直接复制元件"按钮。

如果制作的是几个具有细微差别的元件,那么直接复制使您可以在库中现有元件的基础上建立一个新元件,并将复制工作减到最少。

  • 单击"确定"。

要替换元件

  • 将与您正在替换的元件同名的元件拖到"库"面板中。
  • 在"解决库项目冲突"对话框中,单击"替换"。

置图形实例的循环

通过设置"属性"检查器中的选项,可以决定如何播放 Flash 应用程序中图形实例内的动画序列。动画图形元件是与放置该元件的文档的时间轴联系在一起的。相比之下,影片剪辑元件拥有自己独立的时间轴。因为动画图形元件使用与主文档相同的时间轴,所以在文档编辑模式下显示它们的动画。影片剪辑元件作为一个静态的对象出现在舞台上,并不会作为动画出现在 Flash 编辑环境中。


  • 设置图形实例的循环:
  • 在舞台上选择图形实例,然后选择"窗口">"属性"。
  • 在"属性"检查器中,从实例名称下方的弹出菜单中选择一个动画选项:



Image:Flash8.0yuanj10.jpg "循环"会按照当前实例占用的帧数来循环包含在该实例内的所有动画序列。 Image:Flash8.0yuanj11.jpg


  • "播放一次"从指定帧开始播放动画序列,直到动画结束,然后停止。
  • "单帧"显示动画序列的一帧。指定要显示的帧
用户