第1章 Flash CS3动画制作基础

1.1 Flash特点及应用

Flash以其强大的功能，易于上手的特性，得到了广大用户的认可和喜爱，作为一款动画制作软件， Flash与其他动画制作软件有很多相似的地方，但也有很多独具的特点，正是这些特点成就了Flash在网络动画领域的王者地位。

1．文件占用空间小，传输速度快

Flash动画的图形系统是基于矢量技术的，因此下载一个Flash动画文件非常快。矢量技术只需存储少量数据就可以描述一个相对复杂的对象，与以往采用的位图相比数据量大大降低了，只有位图的几千分之一，所以Flash动画更适合在因特网中使用，它有效地解决了多媒体与大数据量之间的矛盾。

2．强大的交互功能

在Flash中，高级交互事件的行为控制使Flash动画的播放更加精确且容易操纵，Flash可以在动画中加入滚动条、复选框、下拉菜单和拖动物体等各种交互组件；可以与Java或其他类型的程序融合在一起，在不同的操作平台和浏览器中播放；还支持表单交互，使得包含Flash动画表单的网页可应用于流行的电子商务领域。

3．图像精确，可无极放大

由于矢量图形的特点，Flash做到了真正的无极放大，放大几倍几百倍都一样的清晰，无论用户的浏览器使用多大的窗口，都不会降低画面质量。

4．动画的输出格式

Flash是一个优秀的图形动画文件格式转换工具，它可以将动画文件以GIF、QuickTime和AVI的格式输出，也可以以帧的形式将动画插入到Director中去。

5．界面友好，易于上手

Flash不但功能强大，而且布局合理，使得初学者可以在很短的时间内熟悉它的工作界面，同时软件附带了详细的帮助文件和使用教程，并配有范例供用户研究学习，非常实用。

Flash能够将矢量图形与位图、声音以及脚本控制巧妙结合，创作出绚丽多彩的动画作品。

1.2 Flash的基本概念

在学习使用Flash CS3进行动画制作之前，先简单地介绍一下Flash CS3中的基本概念，为后面的动画设计打下基础。

1.2.1 帧

Flash动画的制作原理是改变连续帧的内容过程，不同的帧代表不同的时间，包含不同的对象，影片中的画面随着时间的变化逐个出现。帧是一个广义概念，它包含了3种类型，分别是普通帧、空白关键帧和关键帧。

1．空白关键帧

空白关键帧是特殊的关键帧，它没有任何对象存在，用户可以在其上绘制图形，如果在空白关键帧中添加对象，它会自动转化为关键帧，空白关键帧是以空心圆表示，如图1-1所示为在第15帧插入空白关键帧。一般新建图层的第1帧都为空白关键帧，一旦在其中绘制图形后，则变为关键帧；同样的道理，如果将某关键帧中的全部对象删除，则此关键帧会转化为空白关键帧。

2．关键帧

关键帧是包含内容的帧，它可以编制图形或元件等，在播放动画时，只要播放经过关键帧时，关键帧的内容一定会显示。关键帧后的普通帧将继续该关键帧的内容，如图1-2所示为在第10帧插入关键帧。

3．普通帧

普通帧起着过滤和延长关键帧内容显示的作用。在时间轴中，普通帧一般是以空心方格表示，每个方格占用一个帧的动作和时间，如图1-3所示为在第20帧插入普通帧。

1.2.2 图层

图层就像透明的薄片一样，一层一层地向上叠加。图层可以帮助用户组织文档中的插图；可以在图层上绘制和编辑对象，而不会影响其他图层上的对象；如果一个图层上没有内容，那么就可以透过它看到下面的图层。

在Flash中，图层的使用使得动画的制作过程更加简单，不同的图形和动画分别制作在不同的图层上，既条理清晰又便于编辑，如图1-4所示时间轴中的图层。

1.2.3 元件

元件是可以重复使用的图像、动画或按钮，它们保存在库中，实例是出现在舞台上或者嵌套在其他元件中的元件。元件的运用可以使影片的编辑更加容易，因为在需要对许多重复的元素进行修改时，只要对元件做出修改，程序就会自动根据修改的内容对所有该元件的实例进行更新。

在Flash CS3中元件可分为三类，分别是影片剪辑元件、按钮元件和图形元件，选择【插入】—【新建元件】命令，弹出“创建新元件”对话框，如图1-5所示。

1.3 Flash CS3工作界面

Flash CS3的工作界面继承了以前版本的风格，只是外形更加美观、使用更加方便快捷了。Flash CS3启动后，进入它的主界面，由菜单栏、工具箱、时间轴、工作区舞台和浮动面板等组成，如图1-6所示。

1.3.1 菜单栏

菜单栏位于工作界面的顶部，在Flash CS3中，共有“文件”、“编辑”、“视图”、“插入”、“修改”、“文本”、“命令”、“控制”、“调试”、“窗口”和“帮助”11个菜单，如图1-7所示。菜单命令几乎涵盖了除绘图工具以外的绝大部分功能，对于初学者而言，不必完全记忆所有的菜单命令，在运用时进行查阅就可以了。

1.3.2 工具箱

工具箱位于屏幕的左侧，是Flash最常用的一个面板。通过工具箱上一系列按钮，可以完成对象选择、图形绘制、文本输入与编辑、对象控制与操作等工作，工具箱如图1-8所示。

1.3.3 时间轴面板

时间轴用于组织和控制文档内容在一定时间内播放的图层数和帧数。默认情况下，时间轴显示在Flash主窗口中的上部，位于编辑区的上方，如图1-9所示。时间轴的显示位置是可以改变的，可以将其放在主窗口的下部和两边，或者作为一个窗口单独显示，也可以隐藏起来；用户既可以改变时间轴的大小，也可以改变时间轴中的可见层数和帧数，当时间轴窗口不能显示所有的图层时，则可以使用时间轴右边的滚动条查看其他的图层。

1.3.4 工作区

工作区位于正中间部位，也称为“舞台”，是放置动画内容的区域，这些内容包括矢量图形、文本、按钮、导入的位图图形或视频剪辑等。工作区既是创作时观看作品的场所，也是编辑、修改对象的场所，如图1-10所示。

1.3.5 属性面板

使用“属性”面板可以很容易地访问舞台或时间轴上当前选定项的最常用属性，从而简化了文档的创建过程，可以在“属性”面板中更改对象或文档的属性，而不用访问包含这些功能的菜单或面板。当选定了两个或多个不同类型对象时，“属性”面板会显示选定对象的总数，“属性”面板如图1-11所示。

1.3.6 浮动面板

Flash中的浮动面板可以帮助用户查看、组织和更改文档中的元素。面板中的可用选项决定着元件或实例的颜色、类型、帧和其他元素特征。面板的位置不是固定的，可以随意泊靠或移动、折叠或展开，也可以多个面板组合在一起，这非常有利于管理和使用众多的面板，如图1-12所示。

1.4 Flash CS3新增功能

Flash CS3 Professional是最新版本的Flash软件，新增了许多功能，下面就来讲解一下这些新增功能的使用。

1.Adobe Photoshop和Illustrator的导入

Flash CS3从Photoshop中借用了一些创新的工具，最重要的是PSD文件的导入功能，作为艺术工具，它们比Flash更好用，可以非常轻松地将文件从Photoshop中导入到Flash CS3中，下面讲述导入PSD文件的具体操作步骤。

01 新建空白文档，选择【文件】—【导入】—【导入到舞台】命令，弹出“导入”对话框，在对话框中选择002.psd，如图1-13所示。

02 单击【打开】按钮，弹出将“002.psd”导入到舞台对话框，如图1-14所示。

03 单击【确定】按钮，将psd文件导入到Flash CS3中，如图1-15所示。

04 按【Ctrl+Enter】组合键测试动画效果，如图1-16所示。

2．将动画转换为ActionScript

将动画转换为ActionScript即是将时间线动画转换为可由开发人员轻松编辑和再次使用的ActionScript 3.0代码，将动画从一个对象复制到另一个对象。

3.ActionScript 3.0开发

使用新的ActionScript 3.0语言可以节省时间，该语言具有良好的性能、快捷的灵活性及更直观和结构化的开发方式，如图1-17所示。

使用功能强大的新的ActionScript调试器测试内容，该调试器提供极好的灵活性和用户反馈以及与Adobe Flex™、Builder™2调试的一致性。

4．用户界面组件

使用新的、轻量的、可轻松设置外观的界面组件为ActionScript 3.0创建交互式内容；使用绘图工具以可视方式修改组件的外观，而不需要进行编码，如图1-18所示为“组件”面板。

5．高级QuickTime导出

使用高级QuickTime导出器，将在SWF文件中发布的内容渲染为QuickTime视频，导出包含嵌套的MovieClip的内容、ActionScript™生成的内容和运行时的效果。

高级QuickTime导出的具体操作步骤如下。

01 新建空白文档，选择【文件】—【导入】—【导入到舞台】命令，弹出“导入”对话框，在对话框中选择图像001.jpg，如图1-19所示。

02 单击【打开】按钮，将图像导入到舞台中，选择【修改】—【文档】命令，弹出“文档属性”对话框，在对话框中将“尺寸”分别设置为500、454像素，如图1-20所示。

03 单击【确定】按钮，调整图像与舞台相吻合，如图1-21所示。

04 选择【插入】—【时间轴特效】—【效果】—【模糊】命令，弹出“模糊”对话框，在对话框中进行相应的设置，如图1-22所示。

05 单击【确定】按钮，设置模糊效果，如图1-23所示。

06 选择【文件】—【导出】—【导出影片】对话框，在弹出的“导出影片”对话框中选择导出影片的位置，“保存类型”设置为Quicktime(*.mov)，如图1-24所示。

07 单击【保存】按钮，弹出“Quicktime Export设置”对话框，如图1-25所示。

08 在对话框中设置相应的参数，单击【导出】按钮，弹出“Adobe Flash CS3”对话框，如图1-26所示。

09 单击【确定】按钮，导出Quicktime文件，在导出Quicktime文件的位置双击打开Quicktime文件，如图1-27所示。

6．复杂的视频工具

Flash CS3可以使用独立的视频编码器、Alpha通道支持、高质量视频编解码器、嵌入的提示点、视频导入支持、QuickTime导入和字幕显示等，确保获得最佳的视频体验。

1.5 文件的基本操作

常用的文件操作命令都包含在【文件】菜单中，下面进行简单的介绍。

1.5.1 启动和退出Flash

启动Flash有以下方法。

* 选择【开始】—【所有程序】【— Adobe Creative Suite 3】—【Adobe Flash CS3】命令。

* 双击桌面上的Flash快捷方式图标。

* 选择【开始】—【运行】命令，在对话框中输入Flash命令，也可以运行程序。

* 双击Flash文档，也将启动Flash程序，并打开该文件。

* 如果要退出Flash，可以选择【文件】—【退出】命令，或者单击标题栏右侧的关闭按钮，在进行文件存档后退出Flash。

1.5.2 新建、打开和保存Flash文档

Flash提供了多种新建动画文件的方法，可以使用开始页创建，也可以使用菜单命令或按钮工具创建，从新建动画文件的类别上看，可以创建一个空白的新的文档，然后按自己的思路设计动画，也可以打开一个Flash模板，然后只需在文档中添加所需的内容即可，而不需要考虑设计方面的问题，新建Flash文档的具体操作步骤如下。

01 选择【文件】—【新建】命令，弹出“新建文档”对话框，如图1-28所示。

02 单击【确定】按钮，新建空白文档。

03 对于已经存在的文档，可以在Flash中打开，并做进一步的编辑。选择【文件】—【打开】命令，在弹出的“打开”对话框中选择要打开的文档，如图1-29所示，单击【打开】按钮即可。

04 选择【文件】—【保存】命令，弹出“另存为”对话框，如图1-30所示，在对话框中选择保存的位置，“文件名”文本框中输入保存文件的名称，单击【保存】按钮，即可保存文档。

1.5.3 设置文档属性

设置文档属性的具体操作步骤如下。

01 选择【修改】—【文档】命令，弹出“文档属性”对话框，在对话框中进行相应的设置，如图1-31所示。

02 单击【确定】按钮，即可设置文档属性。

1.6 习题

一．填空题

（1）Flash主要有______________、_______________、_______________、_______________、_______________等特点。

（2）帧是一个广义概念，它包含了3种类型，分别是______________、_______________、_______________。

二．操作题

找一个Flash CS3软件，练习它的安装过程，并熟悉Flash CS3的工作界面。