第 5 章图像与元件

第5章图像与元件 本章要点 • 图像操作 • 元件介绍 • 创建元件

本章逻辑结构 • 5.1 导入图像 • 5.1.1 导入图像 • 5.1.2 导入图像应注意的问题 • 5.2 编辑图像 • 5.2.1 将图像转换为矢量图 • 5.2.2 将图像转换为矢量色块 • 5.2.3 设置图像资源属性

本章逻辑结构 • 5.3 元件库面板和元件 • 5.3.1 元件库面板 • 5.3.2 创建元件 • 5.3.3 编辑元件 • 5.3.4 元件的变形 • 5.3.5 其他属性的调整 • 5.3.6 为实例指定不同元件

本章逻辑结构 • 5.3.7 改变元件类型 • 5.4 图形元件 • 5.4.1 创建图形元件 • 5.4.2 图形元件与影片剪辑元件 • 5.5 影片剪辑元件 • 5.5.1 创建影片剪辑元件

本章逻辑结构 • 5.5.2 将舞台中的对象转换为影片剪辑元件 • 5.6 按钮元件 • 5.6.1 创建按钮元件 • 5.6.2 编辑按钮元件

5.1导入图像

5.1.1导入图像 导入文件或图片的操作如下： 1、执行【文件】【导入（Import）】命令，或者按【Ctrl+R】组合键，打开的【导入】对话框。 2、择要导入文件的保存位置，然后在下面的列表框中选择要导入的文件。 3、单击【打开】按钮即可将选择的文件导入到当前文件中。

5.1.2 导入图像应注意的问题 在导入文件时，经常遇到以下问题： • 如果执行的是【文件】【导入到库(Import to Library)】命令，可以直接导入元件库，在其中直接调用需要的文件即可。

在导入文件时，如果导入目录下的文件是一组序列文件，则会弹出如图所示的询问对话框，这时可以根据需要进行选择。在导入文件时，如果导入目录下的文件是一组序列文件，则会弹出如图所示的询问对话框，这时可以根据需要进行选择。

在导入Flash MX不兼容的文件时，会弹出一个警告对话框，如图所示，指示该文件不能被导入到Flash MX中。这时只能单击【确定】按钮取消此次导入操作。

可以将选择的多个文件同时导入。 • 在制作过程中，如果已经执行了复制操作，可以直接执行【编辑】【粘贴】命令或者按【Ctrl+V】组合键将剪贴板中的内容粘贴到舞台中。

5.2编辑图像

5.2.1将图像转换为矢量图 转换方法如下： 1、首先导入一幅位图图像，然后使用【画笔工具】在图像上绘制一些色彩，如图所示。

2、执行【修改】【分离】命令将图像分离。 这时，位图被转换为矢量图形，如图所示。

3、用鼠标拖动图形的线条，会使图形的边缘弯 曲成弧形，图案会等比例向外延续，并且使图像有序地重复排列，如图所示。

4、这时再用【画笔工具】在图像上绘制，就会 看到图像被色彩覆盖了，如图所示。

5.2.2将图像转换为矢量色块 将矢量图转换为矢量色块的操作步骤如下： 1、继续上面的例子。将舞台中所有内容删除，打开元件库面板，图像拖动到舞台上。 2、执行【修改】【转换位图为矢量图（Trace Bitmap）】命令，打开如图所示的对话框。

3、在此对话框中可以设置以下选项： • 颜色阈值（Color）： • 最小区域（Minimum Area）： • 曲线拟合（Curve Fit）： • 角阈值（Corner）： 4、设置完成后，单击【确定】按钮，会出现转换进度框。

5、取消对图像的选择。在【混色器】面板中设置 一种橙黄色到白色的线性渐变，然后在图像中单击，得到如图所示的效果。

5.2.3设置图像资源属性 • 打开元件库面板，导入的图像被放置在元件库面板中。 • 在元件库面板中双击图像资源图标，打开如图所示的【位图属性（Bitmap Properties）】对话框。

在此对话框中可以进行如下设置： • 图像名称框： • 浏览框： • 【允许平滑（Allow smoothing）】复选框： • 【压缩（Compression）】选项框： • 【使用导入的JPEG数据（Use document default quality）】复选框：

【更新（Update）】按钮： • 【导入】按钮： • 【测试（Test）】按钮：

5.3元件库面板和元件 • 图所示是一个含有各种元件的元件库面板。

5.3.1元件库面板 元件库面板中的各个按钮和区域的作用： • 展开/折叠按钮： • 【元件库面板控制】按钮： • 元件预览区： • 图像资源图标： • 按钮（Button）元件：

图形（Graphic）元件： • 影片剪辑元件： • 【新建元件】按钮： • 【新建文件夹】按钮： • 【属性】按钮： • 【删除元件】按钮： • 【宽库视图】按钮： • 【窄库视图】按钮：

5.3.2创建元件 元件：是Flash MX中可以重复利用的图像、动画或按钮，应用元件可以使动画的编辑更简单化。元件主要包括三种： • 图形元件 • 按钮元件 • 影片剪辑元件。

两种新建元件库的方法： 1、在元件库中单击【新建元件】按钮创建元件 2、就是通过【插入】【新建元件（New Symbol）】命令来创建元件（或按【Ctrl+F8】组合键创建元件）。

5.3.3编辑元件 元件的编辑可以在多种模式下进行： 1、一般的元件编辑模式 2、在当前环境下进行编辑 3、在新窗口中编辑。

一、在元件编辑模式下进行编辑 两种常用从主场景切换到元件编辑模式的方式： • 选取要编辑的元件，单击鼠标右键，在弹出的快捷菜单中选择【编辑】命令，进入元件编辑模式。 • 在元件库中选择要进行编辑的元件，双击预览框，进入元件编辑模式。

二、在当前模式下编辑元件 右击元件实例，在弹出的快捷菜单中选择【在当前位置上编辑（Edit In Place）】命令，在当前窗口中的其他对象变灰，被编辑元件的名称出现在舞台顶端的信息栏中。

三、在新窗口中编辑 在场景中右键单击某实例，从弹出的快捷菜单中选择【在新建窗口中编辑（Edit In New Window）】命令，可打开新窗口编辑元件。

5.3.4元件的变形 • 执行【窗口】【变形】命令将【变形】面板调出，如图所示，可在面板里设置其相应的属性。

5.3.5其他属性的调整 • 其他属性的调整，可以通过【属性】面板来完成。在【颜色】下拉列表中选择某一项可以调整实例的相关属性，如图所示，

5.3.6为实例指定不同元件 给实例指定不同的元件操作步骤： 1、在舞台中单击选中要指定其他元件的实例，打开属性面板。

2、在【属性】面板中单击【交换元件（Swap Symbol）】按钮，打开如图所示的对话框。

3、在其中选择一个元件替换当前的元件。单击对 话框底部的【复制元件（Duplicate Symbol）】按钮可复制选中的元件。 4、单击【确定】按钮，即可为实例指定其他元件。如果要替换元件的所有实例，可拖动具有相同名称的元件到元件库面板中。

5.3.7 改变元件类型 • 方法是一：可以通过【属性】面板设置来改变实例类型，打开【属性】面板，单击【元件行为（Symbol Behavior）】下拉按钮，从列表框中选择【图形（Graphic）】、【按钮】和【影片剪辑（Movie Clip）】三种类型之一。

方法二：在元件库中右键单击某元件，从弹出的快捷菜单中选择【行为（Behavior）】的子菜单项，如图所示。方法二：在元件库中右键单击某元件，从弹出的快捷菜单中选择【行为（Behavior）】的子菜单项，如图所示。

5.4图形元件

5.4 .1图形元件 以 “落花飘舞”的例子来介绍图形元件的创建方法：操作步骤如下： 1、新建一个文件，在属性面板中设置背景颜色为蓝色，如图所示。

2、执行【插入】 【新建元件】命令，打开【创建新元件】对话框，在【名称（Name）】文本框中输入“花”作为元件的名称，并选择【图形】单选项，如图所示。

3、单击【确定】按钮进入该元件的编辑状态，这 时，舞台中心有一个十字型标记，表示页面的中心坐标点。 4、在工具箱的颜色区中设置【笔触颜色】为无色，填充色为一种白色到紫色的线性渐变，如图所示。

5、在工具箱中单击【椭圆工具】，在舞台中绘 制一个圆形，并且使用【箭头工具】调整它的形状，如图所示。

6、选中此矢量图，按【Ctrl+C】组合键将其复 制，然后粘贴4份，并且使用【任意变形】工具旋转它们的角度，使其组成一个漂亮的花朵，再在花朵中间绘制一个黄色的圆心，如图所示。

7、执行【插入】 【新建元件】命令，打开【创建新元件】对话框，命名为“落花1”，然后选择【图形】单选项，单击【确定】按钮创建一个新元件，并进入其编辑界面。 8、执行【窗口】【库】命令将元件库打开，将 “花”图形元件拖动到舞台中。

9、单击【时间轴】面板中的【添加运动引导层】按钮建立一个导向图层，为第一层增加一个动 画导向图层，如图所示。

10、在工具箱中单击【铅笔工具】，在舞台中绘 制落花飘动的路径，如图所示。

11、选择【箭头工具】，在选项区中单击【对齐 对象（Snap to Objects）】按钮，然后单击图层 1中的花朵，将其移动到运动路径的顶端，将花朵吸附到路径上，如图所示。

12、单击花朵所在层的第1帧，打开【属性】面 板，在【补间】下拉列表中选择【动作】，如图所示。

13、单击引导层的第15帧，按【F5】键插入一个 普通帧，然后单击图层 1的第15帧，按【F6】键插入一个关键帧，并且将花朵移动到路径的中间位置，这时的舞台如图所示。

第 5 章 图像与元件