FlashCS3介绍及其基本操作

1、网站建设 http:/ 第23章 Flash CS3 简介和基本操作 l本章详细讲解Flash CS3的基础知识，其中包括Flash CS3的界面、面板和菜单的简单介绍，以及Flash CS3的 基本操作和制作Flash动画的基本知识。 网站建设 http:/ 23.1 Flash CS3界面介绍 l安装好Flash CS3软件后，双击安装后的运行程序图标（或者从Windows的 “开始”菜单的“程序”中选择Flash CS3）运行Flash CS3程序。程序运 行后的显示效果如图所示。 网站建设 http:/ 23.1.1 舞台 l舞台用来显示Flash文档的内容，包括图形、文本、按 钮等，

2、舞台是一个矩形区域，可以放大或者缩小显示， 舞台的显示效果如图所示。 网站建设 http:/ 23.1.2 时间轴 l时间轴用来显示一个动画场景中每个时间单位内各个图 层中的帧。一个动画场景是由许多帧组成的，每个帧会 持续一定的时间，在每个帧中会显示不同的内容。 网站建设 http:/ 23.1.2 时间轴 l1隐藏和显示时间轴 在Flash CS3中可以通过使用拖放或者执行相应的 命令，隐藏、显示或者更改时间轴的显示效果，具体操作如下所示。 网站建设 http:/ 23.1.2 时间轴 l2使用帧和关键帧 在制作Flash文档的过程中，时间轴上包含文档内容的 最小单位就是帧和关键帧。 网站建

3、设 http:/ 23.1.2 时间轴 l3插入、选择、删除帧（或关键帧） l在Flash CS3中插入、选择、删除帧（或关键帧）的方 法如下所示。 l打开或者新建文件。 l单击时间轴上需要插入帧的位置。 l执行下列操作之一，插入帧（或关键帧）。 网站建设 http:/ 23.1.2 时间轴 l4复制、粘贴、移动、清除帧（或关键帧） l在Flash CS3中复制、粘贴、移动、清除帧（或关键帧） 的方法如下所示。 l打开或者新建文件。 l选择所要复制的帧。 l执行下列操作之一，复制帧（或关键帧）。 网站建设 http:/ 23.1.3 图层 l图层和Photoshop中的图层类似，在Flash

4、CS3中图层 互相叠加在一起，上面的图层中的内容会覆盖下面图层 中的内容。 l1创建图层 l创建图层的操作如下所示。 l打开或者新建文件。 l执行下列操作之一，创建图层。 网站建设 http:/ 23.1.3 图层 l2使用图层文件夹 l使用图层文件夹，可以方便地管理图层，具体操作如下 所示。 l打开或者新建文件。 l执行下列操作之一，创建图层文件夹。 网站建设 http:/ 23.1.3 图层 l3查看和编辑图层和图层文件夹 l使用图层（或图层文件夹）相关按钮或命令，可以更改图层（或图层文件 夹）的显示效果，或者锁定图层（或图层文件夹），具体操作如下所示。 网站建设 http:/ 23.1.

5、3 图层 l4复制、粘贴、删除图层或图层文件夹 l在制作Flash文档时，经常要进行与图层（或者图层文 件夹）相关的操作，具体方法如下所示。 l打开或者新建文件。 l单击图层（或者图层文件夹）名称，选择图层（或者图 层文件夹）。 l执行“编辑”|“时间轴”|“复制帧”命令，复制图层（或 者图层文件夹）内容。 网站建设 http:/ 23.1.3 图层 l5移动图层或文件夹 l在制作Flash文档时，有时会更改图层（或者图层文件 夹）的顺序，具体方法如下所示。 l打开或者新建文件。 l单击图层（或者图层文件夹）名称，选择图层（或者图 层文件夹）。 l按住鼠标左键，拖动图层（或者图层文件夹）到相应

6、的 位置。 网站建设 http:/ 23.1.3 图层 l6创建运动引导层 l运动引导层用来定义图层内容的移动路径。具体创建方 法如下所示。运动引导层的效果 l打开或者新建文件。 l单击图层（或者图层文件夹）名称，选择图层（或者图 层文件夹）。 l执行下列操作之一，添加运动引导层。 网站建设 http:/ 23.1.4 工具面板 l工具面板用来显示Flash中常用的各种工具，例如“选择”工具、“图形” 工具、“填充”工具等。在Flash CS3中工具面板有两种显示方式：一种 是单列显示；一种是两列显示。可以通过工具面板顶部的切换按钮和，在 两种显示方式中进行切换， l1自定义工具面板 l在Fl

7、ash CS3中，可以自定义工具面板中显示的工具，其具体操作如下所 示。 网站建设 http:/ 23.1.4 工具面板 l2使用工具 使用工具的操作如下所示。 l单击工具面板中的某个工具，选择相应的工具。 l如果工具中含有子选项，则单击工具时，会打开相应的 子选项列表，选择相应的子选项。 网站建设 http:/ 23.1.5 属性面板 l使用属性面板可以方便地定义舞台中相应内容的属性， 属性面板中显示的内容和在舞台中选择的内容有关，选 择不同的内容，例如在文本、元件、按钮的属性面板中 会显示不同的属性，当选择内容为位图时，属性面板的 显示效果如图所示。 网站建设 http:/ 23.1.6

8、颜色和样本面板 l使用颜色和样本面板可以方便地定义内容使用的填充颜 色。其中颜色面板中可以定义更加复杂的颜色，而样本 面板中只可以选择216种网页使用的安全色，其具体内 容如下所示。 l1颜色面板 l颜色面板用来定义各种工具使用的颜色。其中可以使用 单一颜色，也可以使用各种渐变颜色。 网站建设 http:/ 23.1.6 颜色和样本面板 l2样本面板 l样本面板用来显示可选择的216种Web安全色，以及各种渐变或放射填充等， 其显示效果如图所示。 网站建设 http:/ 23.1.7 库面板 l库面板用来显示当前文档中使用的各种位图、按钮、影 片剪辑等。库面板分为两个部分：上一部分显示选择库

9、项目的预览效果；下一部分显示库中的所有项目， l在制作Flash文档时，可以将库面板中的各种内容和元 件直接拖放到舞台中。拖放后，库中的内容并不会消失， 所以库中的内容可以重复使用。 网站建设 http:/ 23.1.8 定义首选参数 l在Flash CS3中可以通过定义首选参数来定义各种内容 的显示效果，具体操作如下所示。 l在“首选参数”对话框中，可以定义常规、 ActionScript、自动套用格式、剪贴板、绘画、文本、 警告、PSD文件导入器、AI文件导入器几个类别。 网站建设 http:/ 23.2 Flash CS3基本操作 lFlash CS3基本操作包括新建、保存、测试、发布文

10、档、 元件、补间动画、以及添加脚本等内容。下面进行详细 讲解。 网站建设 http:/ 23.2.1 新建和保存文档 l新建文档的操作如下所示。 网站建设 http:/ 23.2.2 新建图形元件 l图形元件用于静态图像内容，不能在图形元件中添加声 音文件等内容，新建图形元件的操作如下所示。 网站建设 http:/ 23.2.3 新建按钮元件 l按钮元件用于响应鼠标的相关动作，例如单击、悬停等， 在网页中通常使用按钮元件制作超级链接，新建按钮元 件的操作如下所示。 网站建设 http:/ 23.2.4 新建影片剪辑元件 l影片剪辑元件用于制作可重复使用的动画片段。该动画 片段在文档的场景中可以

11、独立播放，而不受场景中时间 轴的限制，新建影片剪辑元件的操作如下所示。 l打开或者新建文档。 l执行“插入”|“新建元件”命令。 l打开“创建新元件”对话框，选择“影片剪辑”选项， 并定义新元件的名称为“影片剪辑元件1”。 网站建设 http:/ 23.2.5 编辑和删除元件 l创建各种元件之后，如果要修改元件的内容，或者某些 元件将不会再被使用时，就要编辑和删除已建立的元件， 编辑和删除元件的操作如下所示。 l打开或者新建文档。 l执行“窗口”|“库”命令（如果在文档中库面板已经打 开，则可以省略这一步）。 l打开库面板。文档中建立的各种元件会以不同的图标显 示在库面板中，各种元件的显示效果

12、 网站建设 http:/ 23.2.6 创建和编辑元件的实例 l影片剪辑元件用于制作可重复使用的动画片段。该动画 片段在文档的场景中可以独立播放，而不受场景中时间 轴的限制，新建影片剪辑元件的操作如下所示。 网站建设 http:/ 23.2.7 创建补间动画 l补间动画是指内容位置发生变化的动画，例如位置的移 动，旋转等，创建补间动画的操作如下所示。 网站建设 http:/ 23.2.8 创建补间形状 l使用补间形状可以制作对象变形的动画，例如由一种形 状变为另一种形状，或由一种颜色变为另一种颜色等， 创建补间形状的操作如下所示。 网站建设 http:/ 23.2.9 在关键帧中添加动作 l使

13、用动作面板可以在关键帧中添加动作，例如控制动画 的播放和停止等，在关键帧中添加动作的操作如下所示。 网站建设 http:/ 23.2.10 在元件实例中添加动作 l使用动作面板可以在元件的实例中添加动作，例如为按 钮实例添加超级链接等，在元件实例中添加动作的操作 如下所示。 网站建设 http:/ 23.2.11 测试影片 l在制作文档的过程中，要随时测试影片播放是否正常， 例如为按钮实例添加超级链接等，在元件实例中添加动 作的操作如下所示。 网站建设 http:/ 23.2.12 发布和导出影片 l1发布影片 l制作好的Flash文档，保存后的格式为FLA格式，后缀为.fla，但不能在网 页

14、中直接使用，所以在制作好Flash文档后，要将文档发布为SWF格式， SWF格式的动画文件可以在网页中直接使用，将文档发布为SWF格式的操作 如下所示。 网站建设 http:/ 23.2.12 发布和导出影片 l2导出影片 l如果只要导出一个SWF格式的文件，然后在Dreamweaver或者其他的软件中 使用该文件，则可以只导出SWF格式的影片文件，具体操作如下所示。 网站建设 http:/ 23.3 制作动画 l本节中讲解的制作动画是指结合补间动画制作的引导层 动画、遮罩层动画、逐帧动画，以及使用时间轴特效等。 下面进行详细讲解。 网站建设 http:/ 23.3.1 制作引导层动画 l引导

15、层动画是指在引导层中制作动画的路径，然后将其他的图层链 接到引导层。矢量图形、补间实例、组等内容可以沿引导层的路径 运动，制作引导层动画的操作如下所示。 网站建设 http:/ 23.3.2 制作遮罩层动画 l遮罩层动画是指在遮罩层中建立一个遮罩，当其他图层与遮罩层关联时， 包含遮罩的内容将会显示，遮罩以外的内容将会被隐藏的动画效果。在遮 罩层中，可以创建补间动画或者补间形状，用来制作动态遮罩效果，制作 遮罩层动画的操作如下所示。 网站建设 http:/ 23.3.3 制作逐帧动画 l逐帧动画是指在动画中每一帧都是关键帧，在每一帧中 有不同的内容，制作逐帧动画的操作如下所示。 l执行“文件”|

16、“新建”命令，新建文档。 l选择“图层1”中的第1帧。 l选择“图形”工具制作一个图形（也可以从外部导入图 像文件）。 网站建设 http:/ 23.3.4 使用时间轴特效 l在Flash中，使用时间轴特效，可以方便地制作一些特殊效果。并不是所 有的文档对象都可以使用时间轴特效，可以使用时间轴特效的内容有文本、 图形、位图、元件实例，使用时间轴特效的操作如下所示。 网站建设 http:/ 23.4 绘图和处理图片 l本节中主要讲解使用工具面板中的各种工具绘制矢量图 形，以及处理导入到文档中的位图的方法。下面进行详 细讲解。 网站建设 http:/ 23.4.1 绘图模型 l在Flash中，有两

17、种绘图模型：一种为“合并绘图”模 型；另一种为“对象绘图”模型。在两种绘图模型中， 绘制的图形的显示效果会有所差别，两种绘图模型的含 义如下所示。 网站建设 http:/ 23.4.2 使用“铅笔”和“刷子”工具 l在Flash中“铅笔”工具可以自由地绘制线条粗细相同 的图形或者线条，通过相应的按钮，还可以控制绘制线 条的平滑或伸直。 l“刷子”工具可以绘制像刷子一样粗细不均的线条。通 过“刷子”工具提供的相应按钮，可以控制刷子的大小， 以及刷子的形状等。 网站建设 http:/ 23.4.3 使用“线条”和图形工具 l在Flash中，“线条”工具比较简单，用来制作各种直 线线条或者形状。 l

18、图形工具用来制作各种椭圆或者多边形形状。其中包含 “矩形”工具、“椭圆”工具、“基本矩形”工具、 “基本椭圆”工具、“多角星形”工具5个子选项。 网站建设 http:/ 23.4.4 使用“钢笔”工具 l在Flash中，“钢笔”工具用来制作细致、精确的路径，在“钢笔”工具 组中除“钢笔”工具以外，还包含“添加描点”工具、“删除描点”工具、 “转换描点”工具等几个辅助选项。 l下面具体讲解使用“钢笔”工具的具体操作。 网站建设 http:/ 23.4.5 使用“选取”和“选区”工具 l在Flash中的“选取”工具有两个：一个是“选择”工具，另一个是“部 分选取”工具。使用“选择”工具可以选择对象

19、的全部；使用“部分选取” 工具可以选择对象的一个部分，例如路径中的一个节点等。 网站建设 http:/ 23.4.6 定义边框和填充的颜色 l在Flash中，通过属性面板或者工具面板中相应的选项， 可以定义边框和填充的颜色，具体操作如下所示。 网站建设 http:/ 23.4.7 定义渐变颜色 l在Flash中可以通过颜色面板定义渐变填充的颜色，具 体操作如下所示。 网站建设 http:/ 23.4.8 导入图像 l在Flash中可以导入各种格式的位图和矢量图文件到文 档的“库”或者舞台中，其中支持导入的矢量或位图图 像格式如下所示。 网站建设 http:/ 23.4.9 设置和编辑位图 l在

20、Flash中，可以通过位图的属性面板定义位图的相应 属性，并对位图进行编辑，具体操作如下所示。 网站建设 http:/ 23.4.10 分离位图和将位图转换为矢量图 l在Flash中，分离位图可以分散位图中的像素，以便选择位图的部分区域 进行编辑。将位图转换为矢量图，可以将位图作为矢量图处理。在将位图 转换矢量图时，如果位图的色彩比较复杂，在转换过程中可能会发生图像 失真的现象。 网站建设 http:/ 23.4.11 组合对象 l在Flash中，可以通过组合的方法，将几个对象作为一个对象来处 理。组合后的对象，可以进行整体移动和编辑，其具体操作如下所 示。 l执行“文件”|“新建”命令，新建

21、文档。 l选择图形工具中的“椭圆”工具，在舞台中拖拽出一个椭圆图形。 l执行“插入”|“新建元件”命令，在打开的“创建新元件”对话框 中，选择“图形”选项，新建图形元件。 网站建设 http:/ 23.4.12 处理对象 l在Flash中，可以对对象进行变形、扭曲、缩放、旋转 等操作，具体操作如下所示。 网站建设 http:/ 23.5 使用文本 l文本是网页中传递信息的主要方式，本节中主要讲解使 用文本内容，以及对文本内容进行相关设置的知识。下 面进行详细讲解。 网站建设 http:/ 23.5.1 创建文本 l在Flash中，可以创建的文本有三种：静态文本、动态文本和输入文本。 其中静态文

22、本是只固定不变的文本；动态文本是指可以动态更换的文本； 输入文本是指可以输入到表单或调查表中的文本，具体操作如下所示。 网站建设 http:/ 23.5.2 定义文本的属性 l本小节讲解使用文本属性面板定义文本的相关属性，具 体操作如下所示。 网站建设 http:/ 23.5.3 检查拼写 l使用检查拼写功能，可以检查Flash文档中的文本拼写， 具体操作如下所示。 网站建设 http:/ 23.5.4 分离文本 l在Flash中可以通过分离文本，将文本框中的文本分离 成独立的部分。分离后，可以对每个独立的文本进行处 理，具体操作如下所示。 网站建设 http:/ 23.6 使用声音 l在Flash中可以使用各种格式的声音文件，同时可以控 制声音的播放、停止和循环等。下面进行详细讲解。 网站建设 http:/ 23.6.1 添加声音 l在Flash中通常可以使用WAV格式、MP3格式、AIFF格式、 QuickTime格式、Sun AU格式的声音文件。在使用声音 文件时，一般要将声音文件导入到库面板中