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

第5章图像与元件 本章要点图像操作元件介绍创立三种元件5.1

导入图像

导入图像导入文件或图片的操作如下：1、执行【文件】【导入〔Import〕】命令，或者

按【Ctrl+R】组合键，翻开的【导入】对话框。2、选择要导入文件的保存位置，然后在下面的列表

框中选择要导入的文件。3、单击【翻开】按钮即可将选择的文件导入到当

前文件中。5.1.2导入图像应注意的问题在导入文件时，经常遇到以下问题：如果执行的是【文件】【导入到库(ImporttoLibrary)】命令，可以直接导入元件库，在其中直接调用需要的文件即可。在导入文件时，如果导入目录下的文件是一组序列文件，那么会弹出如下图的询问对话框，这时可以根据需要进行选择。在导入FlashMX不兼容的文件时，会弹出一个警告对话框，如下图，指示该文件不能被导入到FlashMX中。这时只能单击【确定】按钮取消此次导入操作。可以将选择的多个文件同时导入。在制作过程中，如果已经执行了复制操作，可以直接执行【编辑】【粘贴】命令或者按【Ctrl+V】组合键将剪贴板中的内容粘贴到舞台中。5.2

编辑图像

将图像转换为矢量图转换方法如下：1、首先导入一幅位图图像，然后使用【画笔工

具】在图像上绘制一些色彩，如下图。2、执行【修改】【别离】命令将图像别离。

这时，位图被转换为矢量图形，如下图。3、用鼠标拖动图形的线条，会使图形的边缘弯

曲成弧形，图案会等比例向外延续，并且使

图像有序地重复排列，如下图。4、这时再用【画笔工具】在图像上绘制，就会

看到图像被色彩覆盖了，如下图。

将图像转换为矢量色块将矢量图转换为矢量色块的操作步骤如下：1、继续上面的例子。将舞台中所有内容删除，打

开元件库面板，图像拖动到舞台上。2、执行【修改】【转换位图为矢量图〔Trace

Bitmap〕】命令，翻开如下图的对话框。3、在此对话框中可以设置以下选项：颜色阈值〔Color〕：最小区域〔MinimumArea〕：曲线拟合〔CurveFit〕：角阈值〔Corner〕：4、设置完成后，单击【确定】按钮，会出

现转换进度框。5、取消对图像的选择。在【混色器】面板中设置

一种橙黄色到白色的线性渐变，然后在图像中

单击，得到如下图的效果。

设置图像资源属性翻开元件库面板，导入的图像被放置在元件库面板中。在元件库面板中双击图像资源图标，翻开如下图的【位图属性〔BitmapProperties〕】对话框。5.3关于元件

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

元件：是FlashMX中可以重复利用的图像、动画或按钮，应用元件可以使动画的编辑更简单化。元件主要包括三种：图形元件按钮元件影片剪辑元件。两种新建元件库的方法：1、在元件库中单击【新建元件】按钮创立元件2、就是通过【插入】【新建元件〔New

Symbol〕】命令来创立元件〔或按【Ctrl+F8】

组合键创立元件〕。

编辑元件元件的编辑可以在多种模式下进行：1、一般的元件编辑模式2、在当前环境下进行编辑3、在新窗口中编辑。一、在元件编辑模式下进行编辑两种常用从主场景切换到元件编辑模式的方式：选取要编辑的元件，单击鼠标右键，在弹出的快捷菜单中选择【编辑】命令，进入元件编辑模式。在元件库中选择要进行编辑的元件，双击预览框，进入元件编辑模式。二、在当前模式下编辑元件右击元件实例，在弹出的快捷菜单中选择【在当前位置上编辑〔EditInPlace〕】命令，在当前窗口中的其他对象变灰，被编辑元件的名称出现在舞台顶端的信息栏中。三、在新窗口中编辑在场景中右键单击某实例，从弹出的快捷菜单中选择【在新建窗口中编辑〔EditInNewWindow〕】命令，可翻开新窗口编辑元件。

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

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

为实例指定不同元件给实例指定不同的元件操作步骤：1、在舞台中单击选中要指定其他元件的实例，

翻开属性面板。2、在【属性】面板中单击【交换元件〔Swap

Symbol〕】按钮，翻开如下图的对话框。3、在其中选择一个元件替换当前的元件。单击对

话框底部的【复制元件〔Duplicate

Symbol〕】按钮可复制选中的元件。4、单击【确定】按钮，即可为实例指定其他元

件。如果要替换元件的所有实例，可拖动具

有相同名称的元件到元件库面板中。5.3.7改变元件类型方法是一：可以通过【属性】面板设置来改变实例类型，翻开【属性】面板，单击【元件行为〔SymbolBehavior〕】下拉按钮，从列表框中选择【图形〔Graphic〕】、【按钮】和【影片剪辑〔MovieClip〕】三种类型之一。方法二：在元件库中右键单击某元件，从弹出的快捷菜单中选择【行为〔Behavior〕】的子菜单项，如下图。张瑞杰老师完整Flash视频课程学习地址：

〔网站制作模块〕，一个月轻松成为Flash动画制作高手！5.4图形元件沿轨迹运动一、“小飞机沿轨迹运动”第一步：新建影片新建一个电影文件，在属性对话框中，设定动画尺寸，背景颜色为兰色。第二步：制作小飞机组件1、利用矩形工具在舞台上拖一矩形，用箭头工具向外拖一角，再将另一对角向内拖动，用直线工具连接刚拖过的两个角，利用漆桶工具改变两三角的颜色。2、利用箭头工具选中整个飞机，执行“插入/转换为元件”，那么飞机上出现一小“+”字。第三步：制作动画1、创立飞机运动图层：(1)单击第一层的第1帧，将飞机拖放在场景中的左上角。(2)选择第20帧，按F6键插入关键帧。(3)在第1帧处找到属性面板，建立1—20帧之间的小飞机运动动画，补间改成动作，旋转可无，也可自动旋转等。在“调整到路径”上打勾。

2、创立引导层单击时间轴窗口上的“添加引导图层”按钮，或执行“插入/运动引导层”为第一图层增加一个引导图层。在绘图工具箱中选择铅笔工具，并选择铅笔工具的附属选项“平滑”。然后用铅笔工具在场景中画一个平滑曲线。3、选择第一层的第1帧。拖动第1帧上的飞机到曲线左端点上，注意一定要“+”与线一端对准。4、选择第一层的第20帧。用同样的方法将飞机拖动到曲线的右端点上。5、按Enter测试二、“落花飘舞”：操作步骤如下：1、新建一个文件，在属性面板中设置背景颜色为

蓝色，如下图。2、执行【插入】【新建元件】命令，翻开【创立

新元件】对话框，在【名称〔Name〕】文本

框中输入“花”作为元件的名称，并选择【图

形】单项选择项，如下图。3、单击【确定】按钮进入该元件的编辑状态，这

时，舞台中心有一个十字型标记，表示页面的

中心坐标点。4、在工具箱的颜色区中设置【笔触颜色】为无

色，填充色为一种白色到紫色的线性渐变，

如下图。5、在工具箱中单击【椭圆工具】，在舞台中绘

制一个圆形，并且使用【箭头工具】调整它

的形状，如下图。6、选中此矢量图，按【Ctrl+C】组合键将其复

制，然后粘贴4份，并且使用【任意变形】工

具旋转它们的角度，使其组成一个漂亮的花

朵，再在花朵中间绘制一个黄色的圆心，如

图所示。7、执行【插入】【新建元件】命令，翻开【创

建新元件】对话框，命名为“落花1”，然后选

择【图形】单项选择项，单击【确定】按钮创立

一个新元件，并进入其编辑界面。8、执行【窗口】【库】命令将元件库翻开，将

“花”图形元件拖动到舞台中。9、单击【时间轴】面板中的【添加运动引导层】

按钮建立一个导向图层，为第一层增加一个动

画导向图层，如下图。10、在工具箱中单击【铅笔工具】，在舞台中绘

制落花飘动的路径，如下图。11、选择【箭头工具】，在选项区中单击【对齐

对象〔SnaptoObjects〕】按钮，然后单击

图层1中的花朵，将其移动到运动路径的顶

端，将花朵吸附到路径上，如下图。12、单击花朵所在层的第1帧，翻开【属性】面

板，在【补间】下拉列表中选择【动作】，

如下图。13、单击引导层的第15帧，按【F5】键插入一个

普通帧，然后单击图层1的第15帧，按【F6】

键插入一个关键帧，并且将花朵移动到路径的

中间位置，这时的舞台如下图。14、选择工具箱中的【任意变形工具】，将花朵

旋转一定的角度。15、选中引导层的第15帧，将其拖动到第40帧，

使其延续到此位置。再单击图层1的第40

帧，插入一个关键帧。将花朵移动到路径

的最底端。这的舞台和时间轴如以下图所示。16、使用【任意变形工具】将花朵旋转一个角度。17、用同样的方法制作一个“落花2”图形元件，只

是将花朵稍微缩小一点，并绘制不同的路径，

如以下图所示。18、单击舞台上方的【场景1】按钮，切换到场景

中。在翻开的元件库中将“落花1”和“落花2”拖

动到舞台中的不同位置。单击第40帧，按

【F5】键插入一帧，执行【控制】【测试影

片】命令，可以观看花朵落地的效果。19、到达满意的效果后，执行【文件】【保存】

命令将其保存为“落花”。5.5

影片剪辑元件创立影片剪辑元件下面介绍创立影片剪辑元件的一般方法。为了方便，接着上一节图形元件的实例继续操作。具体步骤如下：1、新建一个文件，然后执行【文件】【作为库打

开〔OpenAsLibrary〕】命令，将上面制作的

“落花”动画在元件库中翻开，如下图。2、执行【插入】【新建元件】命令，在翻开的对

话框中选择【影片剪辑】单项选择项，并将元件命

名为“逝去”，如下图。3、单击【确定】按钮进入该影片剪辑元件的编辑

界面。4、将元件库中的“花”图形元件拖动到舞台中，并

且放置到适宜位置，然后适当调整它的大小。5、单击第30帧，按【F6】键插入一个关键帧，使

用【任意变形工具】将其缩小，如下图。6、单击第1帧，翻开【属性】面板，在【补间】

下拉列表中选择【动作】，然后在下面的【旋

转】列表中选择【顺时针旋转】，并在右侧的

数值框中输入1〔表示旋转一圈〕，如下图。7、单击时间轴面板中的【插入图层】按钮，再插

入一个图层2。单击第一帧，再从元件库中拖

出一个“花”图形元件到舞台中，放置到适宜位

置并调整它的大小。8、在第30帧处插入一个关键帧，用同样的方法设

置图层2第1帧的属性，如下图，此元件逆时

针旋转2圈。9、再新建一个图层，将“落花”动画元件库中的“落

花1”图形元件拖动到舞台中，并放置到舞台的

左侧。这时的舞台效果和时间轴如以下图所示。10、单击【场景1】按钮进入主场景1，单击图层

1的第1帧，导入一幅图像，如下图。11、新建一个图层，单击其中的第1帧，翻开元

件库，从中拖动“逝去”影片剪辑元件到舞台

中，如下图。12、再在舞台右下角放置该影片剪辑元件，并使

用【任意变形工具】将其适当缩小。13、执行【文件】【保存】命令，将该动画保存

为“冬日飘花”。张瑞杰老师完整Flash视频课程学习地址：

〔网站制作模块〕，一个月轻松成为Flash动画制作高手！全网最优秀的平面设计美女专家讲师刘丽娜老师九张DVD原创视频课程，让您两个月内轻松成为平面设计高手！学习地址：

将舞台中的对象转换为影片剪辑元件将舞台中的对象转换为影片剪辑元件方法：

1、新建一个文件，在舞台中使用【椭圆工具】绘

制一个圆形。2、执行【窗口】【混色器】命令，翻开【混色

器】面板，设置成如下图的效果。3、从工具箱中选择【颜料桶工具】，在圆形填充

区域单击使其变成一个圆球体，如下图。4、单击第10帧，插入一个关键帧，使用【任意变

形工具】将其缩小，拖动过程中按【Shift+Alt】

组合键使其以当前球体为同心圆缩小。5、在第20帧插入一个关键帧，将球体重新放大。

分别设置第1帧和第10帧的属性，如下图。6、在时间轴面板中单击第1帧，按住【Shift】键，

再单击第20帧，将这些帧选中，然后单击鼠标

右键，从弹出的快捷菜单中选择【拷贝帧】命

令，如下图。7、按【Ctrl+F8】组合键新建一个影片剪辑元件，单击该元件编辑界面的第1帧，然后单击鼠标右键，在弹出的快捷菜单中选择【粘贴帧】命令。这时的舞台和时间轴如下图。8、将场景1中的所有内容删除，然后从元件库

中拖动刚刚创立的元件到舞台中。9、单击选中该元件的实例，翻开【属性】面板，

在【颜色】下拉列表中选择【色调】，然后

设置其中的RGB颜色值，如下图。10、执行【控制】【测试影片】命令或者按

【Ctrl+Enter】组合键，可以测试该元件

实例的效果。单击【Ctrl+S】组合键将

其保存起来。5.6

按钮元件按钮元件有4种根本的鼠标状态，在时间轴上表现为4帧，如下图。弹起：指针经过：按下：点击：创立按钮元件按钮的一般创立方法：1、新建一个文件，执行【插入】【新建元件】

命令，翻开【创立新元件】对话框。为元件

命名，并在【行为】区中选择【按钮】单项选择

项，如下图。2、单击【确定】按钮进入按钮元件编辑窗口，

每帧显示弹起、按下、指针经过和点击4个

状态中的一个。3、单击【弹起】帧，在舞台中使用【矩形工

具】绘制如下图的图形。除了绘制图形

外，还可以拖入图形元件或导入位图。4、单击【指针经过】帧，插入关键帧。用同样

的方法在【按下】帧插入一个关键帧，然后

修改它的效果。图所示是这两帧的按钮状态。5、最后，在【点击】状态插入关键帧。这时的

舞台和时间轴如下图。6、翻开元件库，将制作完成的按钮元件拖动到

主场景的舞台中，按【Ctrl+Enter】组合键测

试按钮的效果，如下图。

编辑按钮元件

一、为按钮添加声音为按钮添加声音的操作步骤：

1、选择一个按钮元件，双击此元件进入按钮元

件的编辑界面，新建一个声音层，用来放置

声音文件。

2、单击【指针经过】帧，插入一个关