第9章Flash动画基础

1第9章Flash动画基础

使用Flash制作动画时，需要创建许多动画角色和图像。本章将向读者介绍创建这些对象的方法，例如，使用工具箱中的工具绘制及编辑图形，直接导入外部图像对象等；同时还向读者讲解如何创建、编辑元件与实例；滤镜以及混合模式的应用，特殊图层的创建等知识，为创建效果丰富的Flash动画奠定基础。本章学习要点：2绘制矢量图形导入图像元件滤镜图层的应用9.1绘制矢量图形3

制作Flash动画需要许多动画角色和图形对象。在Flash中，可以使用线条工具、矩形工具等绘制图形对象。本节将详细介绍使用Flash图形编辑工具绘制图形对象的方法和技巧。9.1.1绘制线条4

线条是组成矢量图形最基本的单位，任何图形都是由线条组成的。在Flash中，可以通过【线条工具】、【铅笔工具】和【钢笔工具】来绘制线条。1．线条工具

【线条工具】用来绘制各种角度的直线，它没有辅助选项，在【属性】检查器中可以设置笔触样式。2．铅笔工具

【铅笔工具】用以绘制简单的矢量图形、运动路径等，绘画方式与使用真实铅笔大致相同，其使用方法类似于【线条工具】。53．钢笔工具

使用【钢笔工具】可以绘制精确的路径（如直线或平滑流畅的曲线）。使用钢笔工具绘图时，单击可以在直线段上创建点，拖动可以在曲线段上创建点，而且通过调整所绘制线条上的点还能够调整线条的形状，当然，也能够将曲线段转换为直线或者将直线转换为曲线。69.1.2绘制图形

使用Flash绘制的图形为矢量图形，矢量图形与位图图像相比较，其最明显的优势就是文件小，可以随意缩放其大小而不影响图形的显示质量。在Flash中，不仅可以绘制出线条，而且可以绘制矩形、椭圆等形状。71．椭圆工具

使用【椭圆工具】可以绘制正圆和椭圆图形。82．基本椭圆工具

在工具箱中按住【椭圆工具】按钮不放，从弹出的下拉菜单中单击【基本椭圆工具】按钮，可以使用【基本椭圆工具】。93．矩形工具和基本矩形工具

这两个工具主要用来绘制矩形和正方形，其绘制方法与绘制椭圆基本相同。104．多边形

使用工具箱中的【多角星形工具】，可以方便、快捷地在舞台中绘制任意多边形和多角星形。119.1.3编辑图形

在同一图层内，Flash会根据对象的创建顺序层叠对象，将最新创建的对象放在最上面。而绘制的线条和形状总是在排列在组和元件的下面，用户可以通过【排列】命令改变对象与对象之间的叠放次序，从而对其精确定位。而【对齐】命令则使各个对象按一定的方式互相对齐或者分布于页面中，从而使对象整齐、精确地控制在舞台中的位置。121．排列图形

在图层中，Flash会根据对象的创建顺序层叠对象，当需要调整各个对象之间的层叠顺序时，可以进行如下操作。

首先选择对象，执行【修改】|【排列】|【置于顶层】或者【置于底层】命令，可以将对象移动到层叠顺序的最前或最后。2．合并对象

图形对象是指舞台上所有可以被选取和操作的东西。每一个图像对象都具有一些特定属性和一些可以对其编辑操作的动作。其中，属性用于描述其状态，而动作则用来改变其状态。当有多个图形对象时，还可以将它们组合起来，作为一个组合对象来操作。在绘制了不同的对象后，可以在对象之间进行一些操作，比如联合、交集、打孔、裁切等。3．复制并变形对象

在【信息】面板和【属性】面板中可以精确缩放对象到像素；【任意变形工具】和菜单中的变形命令可以对对象进行随意缩放、旋转、倾斜、扭曲或者翻转；在【变形】面板中旋转和倾斜可以精确到度，对象可以成比例的缩放；利用在【变形】面板中的【复制并应用变形】功能可以既复制了对象，同时又将对象加以变形。9.2使用文本

文本是Flash动画中不可缺少的组成部分，在一些成功的网页上，经常会看到利用文字制作的特效动画。在Flash中，使用【文本工具】可以创建以下静态文本、动态文本和输入文本。169.2.1创建文本

创建文本的方法十分简单，只需单击工具箱中的【文本工具】按钮，然后在舞台中进行拖动即可。171．创建静态文本

静态文本包括可扩展文本块和固定文本块。固定文本块是指当输入的文字达到文本框的宽度后，将自动进行换行。可扩展文本块是指文本框的宽度无限，在输入的文字达到文本框的宽度后，不会自动进行换行，而是延伸文本框的宽度。2．创建动态文本

动态文本可以显示动态更新的文本，例如体育得分、股票报价或者是天气预报。9.2.2编辑文本

在创建完一段文本后，有时并不满足动画的需求，还要对其进行编辑修改，才能达到预期的效果。对文本的编辑包括多种方式，一种是针对文本整体；一种是针对部分文字；一种是将文字转换为图形进行重新编辑。181．选择文本

选择工具箱中的【选择工具】，单击舞台中的文本，在该文本外出现一个边框，说明文本已被选中。2．选择部分文字

如果要对一段文字中的部分文字进行编辑，那么需要使用【文本工具】进行单击，这时可以看到文本被文本框包围，在文本框中出现闪动的光标，表示可以对单个文字进行编辑。193．控制文本显示范围

当输入文本后，要想重新设置文本显示的范围，可以使用【选择工具】选择文本后，将光标指向文本框右侧，进行左右拖动。4．将文本转换为图形

在Flash中，文本虽然能够通过其属性来改变文字的外观，但是还是无法脱离文字的限制。如果将文字转换为图形，就可以对其进行修改。9.2.3设置文本属性

选择【文本工具】后，在【属性】检查器中将显示【字符】和【段落】选项组。当输入文本后，【属性】检查器中除了显示上述设置选项外，还显示【位置和大小】、【选项】和【滤镜】选项组。这说明文本的属性既可以在输入之前设置，也可以在输入之后设置。201．设置文本基本选项

选中文本后，在【属性】检查器中可以直观的查看该文本的所在位置、大小、字体、颜色等基本选项，从而改变文本的外观。21222．设置段落格式

【属性】检查器中的【段落】选项组主要是用来控制段落文本的对齐方式，以及行距等选项，从而改变段落文字的显示外观。9.3导入图像

在FlashCS4中，不但可以使用绘图工具创建各种图形和文本，还可以将其他应用软件创建的各种矢量图形和位图图像导入到文档中，在这个过程中，能够导入的图像包括单个图层图像和多个图层图像。239.3.1导入单个图层图像

为了操作方便，用户可以将图像导入到当前场景的舞台中进行编辑。在通常情况下，导入外部文件格式有.JPG或者.GIF。249.3.2将多个图层图像导入舞台

在FlashCS4中，可以导入多个图层的图像。，这样可以使用Photoshop创建静止的图像和插图，获得更高程度的创造性控制，然后使用Flash将这些静止的图像组合到一起，并将它们应用到交互式Internet内容中，从而创建有视觉吸引力的基于Web的应用程序、动画或交互式消息元素。259.3.3将多个图层图像导入到库

当PSD文件导入到【库】时，将会在【库】面板中自动添加文件夹，根文件夹将使用PSD文件的名称。但是可以更改根文件夹的名称，也可以将图层移到文件夹之外。269.4应用元件

元件是Flash中一种比较独特地、可重复使用的对象。它存放在【库】中，合理的对其应用，可以使编辑动画和创建交互变得更加简单。将元件从【库】中取出并且拖放到舞台上，就生成了该元件的一个实例。真正在舞台上表演的是它的实例，而元件本身仍在库中。所以，改变元件的属性，舞台上所有元件实例的属性都会相应地改变，但是改变舞台上实例的属性，并不能改变库中元件的属性。279.4.1创建元件

在Flash中创建元件的方法有两种：一种是将舞台中的对象转换为元件，另一种是先创建元件，然后再对其进行编辑。下面将详细讲解创建元件的这两种方法。281．将图形转换为元件

要想将舞台上的对象转换为元件，首先要选取该对象，接着执行【修改】|【转换为元件】命令（快捷键F8），或者右击该对象，执行【转换为元件】命令，在打开的【转换为元件】对话框中输入元件的名称，并且选择相应的元件类型，这时舞台上的对象将会发生变化。292．创建元件

除了上面的方法外，还可以创建一个空元件，然后再进行编辑。执行【插入】︱【新建元件】命令，或者单击【库】面板中左下角的【新建元件】按钮，或者在【库】面板右上角的库选项菜单中选择新建元件选项，进入该元件内部，然后绘制并编辑即可。309.4.2编辑元件与实例

无论是直接创建的，还是经过复制的元件，用户都可以对其进行编辑。Flash提供了3种方式来编辑元件，即在当前位置编辑元件、在新窗口中编辑元件和在元件编辑模式下编辑元件。311．元件

编辑元件时，Flash将更新文档中该元件的所有实例，以反映编辑的结果。另外，在编辑元件时，也可以绘制矢量图形、导入介质以及创建其他元件的实例。另外，还可以更改元件的注册点（由坐标(0,0)标识点）。322．按钮元件

按钮元件在网页中应用较为广泛。它是一种特殊的元件，可以在不同的按钮状态下显示不同的画面，并且当用户单击时会执行某种特定的行为动作。按钮元件除了拥有图形元件全部的变形功能外，其特殊性还在于它具有4个状态帧：弹起、指针经过、按下和点击。前3帧显示按钮的3种可能状态，第4帧则定义了按钮的活动区域。3．实例

当需要编辑舞台中的实例时，可以有两种方法，一种是通过修改该实例相对应的元件，一种是直接在舞台中修改实例。但是这两种方法在修改后的结果并不相同，前一种方法使所有与该元件相对应的实例都被修改，而后一种方法仅仅改变了被修改的实体。9.5使用滤镜

滤镜可以为文本、按钮和影片剪辑增添有趣的视觉效果。在滤镜菜单中，共包含7种效果。根据这些效果可以分为两类：一类是在原对象的基础上直接添加样式，其中有投影、模糊、发光、渐变发光、斜角、渐变斜角滤镜；另一类是通过调整颜色滤镜改变原对象的色调。339.5.1投影与模糊滤镜

投影给人一种目标对象上方有独立光源的印象，它能够模拟对象投影到一个表面的效果。在“投影”滤镜选项中，用户可以设置【距离】、【角度】和【强度】等参数，使其产生不同的投影效果。349.5.2发光与斜角滤镜

使用发光滤镜，可以为对象的周边应用颜色，使当前对象赋予光晕效果；而应用渐变发光，可以在发光表面产生带渐变颜色的发光效果。应用斜角就是向对象应用加亮效果，使其看起来凸出于背景表面；而应用渐变斜角可以产生一种凸起效果，使得对象看起来好像从背景上凸起，且斜角表面有渐变颜色。35361．发光滤镜

添加“发光”滤镜后，发现其中的参数与投影滤镜参数相似，只是没有【距离】、【角度】等参数。372．发光渐变滤镜

渐变发光与发光滤镜的不同是，发光颜色为渐变颜色，而不是单色。383．斜角滤镜

斜角滤镜中的参数在投影的基础上，添加了【阴影】和【加亮显示】颜色控件。394．渐变斜角滤镜

渐变斜角滤镜中的参数，只是将斜角滤镜中的【阴影】和【加亮显示】颜色控件，替换为渐变颜色控件。9.5.3调整颜色滤镜

在Flash中使用调整颜色滤镜，可以更改位图的颜色属性，例如【亮度】、【对比度】等。执行【调整颜色】命令，在显示的界面中拖动滑杆调整色调。409.6应用图层

在Flash中创建动画，有些动画可以在同一个图层中完成，而有些动画必须在两个或多个图层中完成，用户可以根据需要加入并组织多个图层。图层的数目仅受计算机内存的限制，并且增加图层不会增加最终输出动画文件的大小。为了便于控制，建议用户多使用一些图层。419.6.1混合模式

使用Flash中的混合模式可以让用户像在Photoshop中使用一样，当两个图像的颜色通道以某种数学计算方法混合叠加到一起的时候，两个图像会产生某种特殊的变化效果。429.6.2特殊图层1．创建静态引导层

在Flash中创建直线运动动画非常容易，而创建沿曲线或路径进行运动的动画就需要