Flash动画制作课件之图像与元件

元件：是Flash MX中可以重复利用的图像、动画或 按钮，应用元件可以使动画的编辑更简单化。 元件主要包括三种： – 图形元件 – 按钮元件 – 影片剪辑元件。
两种新建元件库的方法： 1、在元件库中单击【新建元件】按钮创建元件 2、就是通过【插入】 【新建元件（New Symbol）】命令来创建元件（或按【Ctrl+F8】 组合键创建元件）。
3、在此对话框中可以设置以下选项： 颜色阈值（Color）： 最小区域（Minimum Area）： 曲线拟合（Curve Fit）： 角阈值（Corner）： 4、设置完成后，单击【确定】按钮，会出 现转换进度框。
5、取消对图像的选择。在【混色器】面板中设置 一种橙黄色到白色的线性渐变，然后在图像中 单击，得到如图所示的效果。
16、使用【任意变形工具】将花朵旋转一个角度。 17、用同样的方法制作一个“落花2”图形元件，只 是将花朵稍微缩小一点，并绘制不同的路径， 如下图所示。
18、单击舞台上方的【场景 1】按钮，切换到场景 中。在打开的元件库中将“落花1”和“落花2” 拖 动到舞台中的不同位置。单击第40帧，按 【F5】键插入一帧，执行【控制】 【测试影 片】命令，可以观看花朵落地的效果。
5.1.2 导入图像应注意的问题
在导入文件时，经常遇到以下问题： 如果执行的是【文件】 【导入到库(Import to Library)】命令，可以直接导入元件库，在其中直 接调用需要的文件即可。 在导入文件时，如果导入目录下的文件是一组序 列文件，则会弹出如图所示的询问对话框，这时 可以根据需要进行选择。
8、在第30帧处插入一个关键帧，用同样的方法设 置图层 2第1帧的属性，如图所示，此元件逆时 针旋转2圈。
9、再新建一个图层，将“落花”动画元件库中的 “落 花1”图形元件拖动到舞台中，并放置到舞台的 左侧。这时的舞台效果和时间轴如下图所示。
10、单击【场景 1】按钮进入主场景1，单击图层 1的第1帧，导入一幅图像，如图所示。
5.3.4

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

其他属性的调整
其他属性的调整，可以通过【属性】面板来完 成。在【颜色】下拉列表中选择某一项可以调 整实例的相关属性，如图所示，
5.3.6
为实例指定不同元件
给实例指定不同的元件操作步骤： 1、 在舞台中单击选中要指定其他元件的实例， 打开属性面板。
2、利用箭头工具选中整个飞机，执行“插入/转换 为元件”，则飞机上出现一小“+”字。 第三步：制作动画 1、创建飞机运动图层： (1)单击第一层的第1帧，将飞机拖放在场景中的 左上角。 (2)选择第20帧，按F6键插入关键帧。
(3) 在第1帧处找到属性面板，建立1— 20帧之间的小飞机运动动画，补间改 成动作，旋转可无，也可自动旋转等。 在“调整到路径”上打勾。
第 5章
图像与元件
本章要点 图像操作 元件介绍 创建三种元件
5.1
导入图像
5.1.1
导入图像
导入文件或图片的操作如下： 1、执行【文件】 【导入（Import）】命令，或者 按【Ctrl+R】组合键，打开的【导入】对话框。 2、选择要导入文件的保存位置，然后在下面的列表 框中选择要导入的文件。 3、单击【打开】按钮即可将选择的文件导入到当 前文件中。
2、 在【属性】面板中单击【交换元件（Swap Symbol）】按钮，打开如图所示的对话框。
3、在其中选择一个元件替换当前的元件。单击对 话框底部的【复制元件（Duplicate Symbol）】按钮可复制选中的元件。 4、单击【确定】按钮，即可为实例指定其他元 件。如果要替换元件的所有实例，可拖动具 有相同名称的元件到元件库面板中。
二、 “落花飘舞”： 操作步骤如下： 1、新建一个文件，在属性面板中设置背景颜色为 蓝色，如图所示。
2、执行【插入】 【新建元件】命令，打开【创建 新元件】对话框，在【名称（Name）】文本 框中输入“花”作为元件的名称，并选择【图 形】单选项，如图所示。
3、单击【确定】按钮进入该元件的编辑状态，这 时，舞台中心有一个十字型标记，表示页面的 中心坐标点。 4、在工具箱的颜色区中设置【笔触颜色】为无 色，填充色为一种白色到紫色的线性渐变， 如图所示。
5.3.3
编辑元件
元件的编辑可以在多种模式下进行： 1、一般的元件编辑模式 2、在当前环境下进行编辑 3、在新窗口中编辑。
一、在元件编辑模式下进行编辑 两种常用从主场景切换到元件编辑模式的方式： 选取要编辑的元件，单击鼠标右键，在弹出的 快捷菜单中选择【编辑】命令，进入元件编辑 模式。 在元件库中选择要进行编辑的元件，双击预览 框，进入元件编辑模式。
11、新建一个图层，单击其中的第1帧，打开元 件库，从中拖动“逝去”影片剪辑元件到舞 台 中，如图所示。
12、再在舞台右下角放置该影片剪辑元件，并使 用【任意变形工具】将其适当缩小。 13、执行【文件】 【保存】命令，将该动画保存 为“冬日飘花”。
张瑞杰老师完整Flash视频课程学 习地址：
http://gqd.cxzzl.com.cn/

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

可以将选择的多个文件同时导入。

在制作过程中，如果已经执行了复制操作，可 以直接执行【编辑】 【粘贴】命令或者按 【Ctrl+V】组合键将剪贴板中的内容粘贴到舞 台中。
9、单击【时间轴】面板中的【添加运动引导层】 按钮建立一个导向图层，为第一层增加一个动 画导向图层，如图所示。
10、在工具箱中单击【铅笔工具】，在舞台中绘 制落花飘动的路径，如图所示。
11、选择【箭头工具】，在选项区中单击【对齐 对象（Snap to Objects）】按钮，然后单击 图层 1中的花朵，将其移动到运动路径的顶 端，将花朵吸附到路径上，如图所示。
2、创建引导层 单击时间轴窗口上的“添加引导图层”按钮， 或执行“插入/运动引导层”为第一图层增加一 个引导图层。在绘图工具箱中选择铅笔工具， 并选择铅笔工具的附属选项“平滑”。然后用 铅笔工具在场景中画一个平滑曲线。
3、选择第一层的第1帧。拖动第1帧上的飞机到曲 线左端点上，注意一定要“+”与线一端对准。 4、选择第一层的第20帧。用同样的方法将飞机拖 动到曲线的右端点上。 5、按Enter测试
张瑞杰老师完整Flash视频课程学 习地址：
http://gqd.cxzzl.com.cn/
（网站制作模块），一个月轻松 成为Flash动画制作高手！
5.4 图形元件沿轨迹运动
一、“小飞机沿轨迹运动”
第一步：新建影片 新建一个电影文件，在属性对话框中，设定动 画尺寸，背景颜色为兰色。 第二步：制作小飞机组件 1、利用矩形工具在舞台上拖一矩形，用箭头工具 向外拖一角，再将另一对角向内拖动，用直线 工具连接刚拖过的两个角，利用漆桶工具改变 两三角的颜色。
5.3.7

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

方法二：在元件库中右键单击某元件，从弹出 的快捷菜单中选择【行为（Behavior）】的子菜 单项，如图所示。
5、在工具箱中单击【椭圆工具】，在舞台中绘 制一个圆形，并且使用【箭头工具】调整它 的形状，如图所示。
6、选中此矢量图，按【Ctrl+C】组合键将其复 制，然后粘贴4份，并且使用【任意变形】工 具旋转它们的角度，使其组成一个漂亮的花 朵，再在花朵中间绘制一个黄色的圆心，如 图所示。
7、执行【插入】 【新建元件】命令，打开【创 建新元件】对话框，命名为“落花1”，然后选 择【图形】单选项，单击【确定】按钮创建 一个新元件，并进入其编辑界面。 8、执行【窗口】 【库】命令将元件库打开，将 “花”图形元件拖动到舞台中。
6、单击第1帧，打开【属性】面板，在【补间】 下拉列表中选择【动作】，然后在下面的【旋 转】列表中选择【顺时针旋转】，并在右侧的 数值框中输入1（表示旋转一圈），如图所示。
7、单击时间轴面板中的【插入图层】按钮，再插 入一个图层2。单击第一帧，再从元件库中拖 出一个“花”图形元件到舞台中，放置到合适 位 置并调整它的大小。
5.2
编辑图像
5.2.1
将图像转换为矢量图
转换方法如下： 1、首先导入一幅位图图像，然后使用【画笔工 具】在图像上绘制一些色彩，如图所示。
2、执行【修改】 【分离】命令将图像分离。 这时，位图被转换为矢量图形，如图所示。
3、用鼠标拖动图形的线条，会使图形的边缘弯 曲成弧形，图案会等比例向外延续，并且使 图像有序地重复排列，如图所示。
（网站制作模块），一个月轻松 成为Flash动画制作高手！
全网最优秀的平面设计美女专家 讲师刘丽娜老师九张DVD原创视 频课程，让您两个月内轻松成为 平面设计高手！学习地址：
http://www.cxzzl.net/gqd/
5.5.2
将舞台中的对象转换为 影片剪辑元件
将舞台中的对象转换为影片剪辑元件方法： 1、新建一个文件，在舞台中使用【椭圆工具】绘 制一个圆形。
二、在当前模式下编辑元件 右击元件实例，在弹出的快捷菜单中选择【在当 前位置上编辑（Edit In Place）】命令，在当前 窗口中的其他对象变灰，被编辑元件的名称出 现在舞台顶端的信息栏中。
三、在新窗口中编辑 在场景中右键单击某实例，从弹出的快捷菜单中 选择【在新建窗口中编辑（Edit In New Window）】命令，可打开新窗口编辑元件。
5.2.3

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

元件库面板和元件
图所示是一个含有各种元件的元件库面板。
5.3.2
创建元件
19、达到满意的效果后，执行【文件】 【保存】 命令将其保存为“落花”。
5.5
影片剪辑元件
5.5.1

创建影片剪辑元件
下面介绍创建影片剪辑元件的一般方法。为了 方便，接着上一节图形元件的实例继续操作。 具体步骤如下：
1、新建一个文件，然后执行【文件】 【作为库打 开（Open As Library）】命令，将上面制作的 “落花”动画在元件库中打开，如图所示。
12、单击花朵所在层的第1帧，打开【属性】面 板，在【补间】下拉列表中选择【动作】， 如图所示。
13、单击引导层的第15帧，按【F5】键插入一个 普通帧，然后单击图层 1的第15帧，按【F6】 键插入一个关键帧，并且将花朵移动到路径的 中间位置，这时的舞台如图所示。
14、选择工具箱中的【任意变形工具】，将花朵 旋转一定的角度。 15、选中引导层的第15帧，将其拖动到第40帧， 使其延续到此位置。再单击图层 1的第40 帧，插入一个关键帧。将花朵移动到路径 的最底端。这的舞台和时间轴如下图所示。
4、这时再用【画笔工具】在图像上绘制，就Βιβλιοθήκη Baidu 看到图像被色彩覆盖了，如图所示。
5.2.2
将图像转换为矢量色块
将矢量图转换为矢量色块的操作步骤如下： 1、继续上面的例子。将舞台中所有内容删除，打 开元件库面板，图像拖动到舞台上。 2、执行【修改】 【转换位图为矢量图（Trace Bitmap）】命令，打开如图所示的对话框。
2、执行【插入】 【新建元件】命令，在打开的对 话框中选择【影片剪辑】单选项，并将元件命 名为“逝去”，如图所示。
3、单击【确定】按钮进入该影片剪辑元件的编辑 界面。 4、将元件库中的“花”图形元件拖动到舞台中， 并 且放置到合适位置，然后适当调整它的大小。
5、单击第30帧，按【F6】键插入一个关键帧，使 用【任意变形工具】将其缩小，如图所示。