图书

电子书

课程

VIP会员

书课包

Flash CS6标准培训教程

978-7-115-49427-6

作者: 数字艺术教育研究室

译者:

编辑: 张丹丹

分类: Flash

图书目录:

详情

本书全面系统地介绍了Flash CS6的基本操作方法和网页动画的制作技巧，内容包括Flash CS6基础入门、图形的绘制与编辑、对象的编辑与修饰、文本的编辑、外部素材的应用、元件和库、基本动画的制作、层与高级动画、声音素材的导入和编辑、动作脚本应用基础、制作交互式动画、组件和动画预设，以及商业案例实训等。

图书摘要

图书在版编目（CIP）数据

Flash CS6标准培训教程/数字艺术教育研究室编著. --北京：人民邮电出版社，2019.1

ISBN 978-7-115-49427-6

Ⅰ.①F…　Ⅱ.①数…　Ⅲ.①动画制作软件-教材　Ⅳ.①TP391.414

中国版本图书馆CIP数据核字（2018）第240756号

编　　著　数字艺术教育研究室

责任编辑　张丹丹

责任印制　陈犇

人民邮电出版社出版发行　北京市丰台区成寿寺路11号

邮编　100164

电子邮件　315@ptpress.com.cn

网址　http://www.ptpress.com.cn

北京瑞禾彩色印刷有限公司印刷

开本：700×1000　1/16

印张：16

字数：378千字

印数：1-3 000册

2019年1月第1版

2019年1月北京第1次印刷

读者服务热线：（010）81055410　印装质量热线：（010）81055316

反盗版热线：（010）81055315

广告经营许可证：京东工商广登字20170147号

教学辅助资源

配套视频列表

内容提要

本书全面系统地介绍Flash CS6的基本操作方法和网页动画的制作技巧，包括Flash CS6基础入门、图形的绘制与编辑、对象的编辑与修饰、文本的编辑、外部素材的应用、元件和库、基本动画的制作、层与高级动画、声音素材的导入和编辑、动作脚本应用基础、制作交互式动画、组件、商业案例实训等内容。

本书内容以课堂案例为主线，通过对各案例实际操作的讲解，使读者可以快速上手，熟悉软件功能和艺术设计思路。书中的软件功能解析部分，使读者能够深入学习软件功能；课堂练习和课后习题，可以拓展读者的实际应用能力，提高读者的软件使用技巧；商业案例实训，可以帮助读者快速掌握商业动画的设计理念和设计元素，顺利达到实战水平。

本书附带学习资源，内容包括书中所有案例的素材及效果文件，读者可通过网络下载的方式获取这些资源，具体方法请参看本书前言。

本书适合作为院校和培训机构艺术专业课程的教材，也可作为Flash CS6自学人士的参考用书。

前言

Flash CS6是由Adobe公司开发的网页动画制作软件。它功能强大，易学易用，深受网页制作爱好者和动画设计人员的喜爱，已经成为这一领域非常流行的软件。目前，我国很多院校和培训机构的艺术专业，都将“Flash”列为一门重要的专业课程。为了帮助院校和培训机构的教师比较全面、系统地讲授这门课程，使读者能够熟练地使用Flash CS6进行动画设计，数字艺术教育研究室组织院校从事Flash教学的教师和专业网页动画设计公司经验丰富的设计师共同编写了本书。

我们对本书的编写体例做了精心的设计，按照“课堂案例－软件功能解析－课堂练习－课后习题”这一思路进行编排，力求通过课堂案例演练，使读者快速熟悉软件功能和动画设计思路；通过软件功能解析，使读者深入学习软件功能和使用技巧；通过课堂练习和课后习题，拓展读者的实际应用能力。在内容编写方面，我们力求通俗易懂，细致全面；在文字叙述方面，我们注意言简意赅、突出重点；在案例选取方面，我们强调案例的针对性和实用性。

本书附带学习资源，内容包括书中所有案例的素材及效果文件。读者在学完本书内容以后，可以调用这些资源进行深入练习。扫描“资源下载”二维码，关注我们的微信公众号，即可获得资源文件下载方式。如需资源下载技术支持，请致函szys@ptpress.com.cn。同时，读者可以扫描“在线视频”二维码观看本书所有案例视频。另外，购买本书作为授课教材的教师可以通过扫描封底“新架构”二维码联系我们，我们将为您提供教学大纲、备课教案、教学PPT，以及课堂案例、课堂练习和课后习题的教学视频等相关教学资源包。本书的参考学时为64学时，其中实训环节为23学时，各章的参考学时请参见下面的学时分配表。

由于时间仓促，编者水平有限，书中难免存在错误和不妥之处，敬请广大读者批评指正。

编者
2018年8月

第1章 Flash CS6基础入门

本章介绍

本章将详细讲解Flash CS6的基础知识和基本操作。通过学习本章内容，读者可以对Flash CS6有初步的认识和了解，并能够掌握软件的基本操作方法和技巧，为以后的学习打下一个坚实的基础。

学习目标

◆ 了解Flash CS6的操作界面。

◆ 掌握文件操作的方法和技巧。

◆ 了解Flash CS6的系统配置。

技能目标

◆ 熟练掌握“时间轴”面板的使用。

◆ 熟练掌握文件操作的方法与技巧。

1.1 Flash CS6的操作界面

Flash CS6的操作界面由菜单栏、主工具栏、工具箱、时间轴、场景和舞台、属性面板以及浮动面板组成，如图1-1所示。下面进行详细介绍。

1.1.1 菜单栏

Flash CS6的菜单栏包括“文件”菜单、“编辑”菜单、“视图”菜单、“插入”菜单、“修改”菜单、“文本”菜单、“命令”菜单、“控制”菜单、“调试”菜单、“窗口”菜单及“帮助”菜单，如图1-2所示。

“文件”菜单：主要功能是创建、打开、保存、打印、输出动画，以及导入外部图形、图像、声音、动画文件，以便在当前动画中进行使用。

“编辑”菜单：主要功能是对舞台上的对象以及帧进行选择、复制、粘贴，以及自定义面板、设置参数等。

“视图”菜单：主要功能是进行环境设置。

“插入”菜单：主要功能是向动画中插入对象。

“修改”菜单：主要功能是修改动画中的对象。

“文本”菜单：主要功能是修改文字的外观、对齐以及对文字进行拼写检查等。

“命令”菜单：主要功能是保存、查找、运行命令。

“控制”菜单：主要功能是测试播放动画。

“调试”菜单：主要功能是对动画进行调试。

“窗口”菜单：主要功能是控制各功能面板是否显示及面板的布局设置。

“帮助”菜单：主要功能是提供Flash CS6在线帮助信息和支持站点的信息，包括教程和ActionScript帮助。

1.1.2 主工具栏

为方便使用，Flash CS6将一些常用命令以按钮的形式组织在一起，置于操作界面的上方。主工具栏包括“新建”按钮、“打开”按钮、“转到Bridge”按钮、“保存”按钮、“打印”按钮、“剪切”按钮、“复制”按钮、“粘贴”按钮、“撤销”按钮、“重做”按钮、“贴紧至对象”按钮、“平滑”按钮、“伸直”按钮、“旋转与倾斜”按钮、“缩放”按钮以及“对齐”按钮，如图1-3所示。

选择“窗口 > 工具栏 > 主工具栏”命令，可以调出主工具栏，还可以通过鼠标拖动改变工具栏的位置。

“新建”按钮：新建一个Flash文件。

“打开”按钮：打开一个已存在的Flash文件。

“转到Bridge”按钮：用于打开文件浏览窗口，从中可以对文件进行浏览和选择。

“保存”按钮：保存当前正在编辑的文件，不退出编辑状态。

“打印”按钮：将当前编辑的内容送至打印机输出。

“剪切”按钮：将选中的内容剪切到系统剪贴板中。

“复制”按钮：将选中的内容复制到系统剪贴板中。

“粘贴”按钮：将剪贴板中的内容粘贴到选定的位置。

“撤销”按钮：取消前面的操作。

“重做”按钮：还原被取消的操作。

“贴紧至对象”按钮：选择此按钮进入贴紧状态，用于绘图时调整对象准确定位；设置动画路径时能自动粘连。

“平滑”按钮：使曲线或图形的外观更光滑。

“伸直”按钮：使曲线或图形的外观更平直。

“旋转与倾斜”按钮：改变舞台对象的旋转角度和倾斜变形。

“缩放”按钮：改变舞台中对象的大小。

“对齐”按钮：调整舞台中多个选中对象的对齐方式。

1.1.3 工具箱

工具箱提供了图形绘制和编辑的各种工具，分为“工具”“查看”“颜色”“选项”4个功能区，如图1-4所示。选择“窗口 > 工具”命令，可以调出主工具箱。

1. “工具”区

提供选择、创建、编辑图形的工具。

“选择”工具：选择和移动舞台上的对象，改变对象的大小和形状等。

“部分选取”工具：用来抓取、选择、移动和改变形状路径。

“任意变形”工具：对舞台上选定的对象进行缩放、扭曲、旋转变形。

“渐变变形”工具：对舞台上选定的对象填充渐变色变形。

“3D旋转”工具：可以在3D空间中旋转影片剪辑实例。使用该工具选择影片剪辑后，3D旋转控件会出现在选定对象之上。x轴为红色，y轴为绿色，z轴为蓝色。使用橙色的自由旋转控件，可同时绕x和y轴旋转。

“3D平移”工具：可以在3D空间中移动影片剪辑实例。使用该工具选择影片剪辑后，影片剪辑的x、y和z三个轴将显示在舞台上对象的顶部。x轴为红色，y轴为绿色，而z轴为黑色。应用此工具，可以将影片剪辑分别沿着x、y或z轴进行平移。

“套索”工具：在舞台上选择不规则的区域或多个对象。

“钢笔”工具：绘制直线和光滑的曲线，调整直线长度、角度及曲线曲率等。

“文本”工具：创建、编辑字符对象和文本窗体。

“线条”工具：绘制直线段。

“矩形”工具：绘制矩形向量色块或图形。

“椭圆”工具：绘制椭圆形、圆形向量色块或图形。

“基本矩形”工具：绘制基本矩形，此工具用于绘制图元对象。图元对象是允许用户在属性面板中调整其特征的形状。可以在创建形状之后，精确地控制形状的大小、边角半径以及其他属性，而无须从头开始绘制。

“基本椭圆”工具：绘制基本椭圆形，此工具用于绘制图元对象。图元对象是允许用户在属性面板中调整其特征的形状。可以在创建形状之后，精确地控制形状的开始角度、结束角度、内径以及其他属性，而无须从头开始绘制。

“多角星形”工具：绘制等比例的多边形（单击矩形工具，将弹出多角星形工具）。

“铅笔”工具：绘制任意形状的向量图形。

“刷子”工具：绘制任意形状的色块向量图形。

“喷涂刷”工具：可以一次性地将形状图案“刷”到舞台上。默认情况下，喷涂刷使用当前选定的填充颜色喷射粒子点。也可以使用喷涂刷工具将影片剪辑或图形元件作为图案应用。

“Deco”工具：可以对舞台上的选定对象应用效果。选择Deco工具后，可以从属性面板中选择要应用的效果样式。

“骨骼”工具：可以向影片剪辑、图形和按钮实例添加IK骨骼。

“绑定”工具：可以编辑单个骨骼和形状控制点之间的连接。

“颜料桶”工具：改变色块的色彩。

“墨水瓶”工具：改变向量线段、曲线、图形边框线的色彩。

“滴管”工具：将舞台图形的属性赋予当前绘图工具。

“橡皮擦”工具：擦除舞台上的图形。

2. “查看”区

改变舞台画面以便更好地观察。

“手形”工具：移动舞台画面以便更好地观察。

“缩放”工具：改变舞台画面的显示比例。

3. “颜色”区

选择绘制、编辑图形的笔触颜色和填充色。

“笔触颜色”按钮：选择图形边框和线条的颜色。

“填充色”按钮：选择图形要填充区域的颜色。

“黑白”按钮：系统默认的颜色。

“交换颜色”按钮：可将笔触颜色和填充色进行交换。

4. “选项”区

不同工具有不同的选项，通过“选项”区可为当前选择的工具进行属性选择。

1.1.4 时间轴

时间轴用于组织和控制文件内容在一定时间内播放。按照功能的不同，时间轴窗口分为左右两部分，分别为层控制区、时间线控制区，如图1-5所示。时间轴的主要组件是层、帧和播放头。

1. 层控制区

层控制区位于时间轴的左侧。层就像堆叠在一起的多张幻灯胶片一样，每个层都包含一个显示在舞台中的不同图像。层控制区可以显示舞台上正在编辑作品的所有层的名称、类型、状态，并可以通过工具按钮对层进行操作。

“新建图层”按钮：增加新层。

“新建文件夹”按钮：增加新的图层文件夹。

“删除”按钮：删除选定层。

“显示或隐藏所有图层”按钮：控制选定层的显示/隐藏状态。

“锁定或解除锁定所有图层”按钮：控制选定层的锁定/解锁状态。

“将所有图层显示为轮廓”按钮：控制选定层的显示图形外框/显示图形状态。

2. 时间线控制区

时间线控制区位于时间轴的右侧，由帧、播放头和多个按钮及信息栏组成。与胶片一样，Flash文档也将时间长度分为帧。每个层中包含的帧都会显示在该层的右侧。时间轴顶部的时间轴标题指示帧编号。播放头指示舞台中当前显示的帧。信息栏显示当前帧编号、动画播放速率以及到当前帧为止的运行时间等信息。时间线控制区按钮的基本功能如下。

“帧居中”按钮：将当前帧显示到控制区窗口中间。

“绘图纸外观”按钮：在时间线上设置一个连续的显示帧区域，区域内的帧所包含的内容同时显示在舞台上。

“绘图纸外观轮廓”按钮：在时间线上设置一个连续的显示帧区域，除当前帧外，区域内的帧所包含的内容仅显示图形外框。

“编辑多个帧”按钮：在时间线上设置一个连续的显示帧区域，区域内的帧所包含的内容可同时显示和编辑。

“修改绘图纸标记”按钮：单击该按钮会显示一个多帧显示选项菜单，定义2帧、5帧或全部帧内容。

1.1.5 场景和舞台

场景是所有动画元素的最大活动空间，如图1-6所示。像多幕剧一样，场景可以不止一个。要查看特定场景，可以选择“视图 > 转到”命令，再从其子菜单中选择场景的名称。

场景也就是常说的舞台，是编辑和播放动画的矩形区域。在舞台上可以放置、编辑向量插图、文本框、按钮、导入的位图图形、视频剪辑等对象。舞台包括大小、颜色等设置。

舞台上可以显示网格和标尺，帮助制作者准确定位。显示网格的方法是选择“视图 > 网格 > 显示网格”命令，如图1-7所示。显示标尺的方法是选择“视图 > 标尺”命令，如图1-8所示。

制作动画时，常常需要辅助线来作为舞台上不同对象的对齐标准，可以从标尺上向舞台拖曳鼠标以产生蓝色的辅助线，如图1-9所示，它在动画播放时并不显示。不需要辅助线时，从舞台上向标尺方向拖曳辅助线进行删除。还可以通过“视图 > 辅助线 > 显示辅助线”命令，显示出辅助线。通过“视图 > 辅助线 > 编辑辅助线”命令，修改辅助线的颜色等属性。

1.1.6 属性面板

对于正在使用的工具或资源，使用“属性”面板，可以很容易地查看和更改它们的属性，从而简化文档的创建过程。当选定单个对象时，如文本、组件、形状、位图、视频、组、帧等，“属性”面板可以显示相应的信息和设置，如图1-10所示。当选定了两个或多个不同类型的对象时，“属性”面板会显示选定对象的总数，如图1-11所示。

1.1.7 浮动面板

使用面板可以查看、组合和更改资源。但屏幕的大小有限，为了尽量使工作区最大，Flash CS6提供了许多种自定义工作区的方式，如可以通过“窗口”菜单显示、隐藏面板，还可以通过拖动面板左上方的面板名称，将面板从组合中拖曳出来，也可以利用它将独立的面板添加到面板组合中，如图1-12、图1-13所示。

1.2 Flash CS6的文件操作

1.2.1 新建文件

新建文件是使用Flash CS6进行设计的第一步。

选择“文件 > 新建”命令，或按Ctrl+N组合键，弹出“新建文档”对话框，如图1-14所示。在对话框中，可以创建Flash文档，设置Flash影片的媒体和结构；创建基于窗体的Flash应用程序，应用于Internet；也可以创建用于控制影片的外部动作脚本文件等。选择完成后，单击“确定”按钮，即可完成新建文件的任务，如图1-15所示。

1.2.2 保存文件

编辑和制作完动画后，就需要将动画文件进行保存。

通过“文件”菜单下的“保存”“另存为”“另存为模板”等命令可以将文件保存在磁盘上，如图1-16所示。当设计好作品进行第一次存储时，选择“保存”命令，弹出“另存为”对话框，如图1-17所示；在对话框中，输入文件名，选择保存类型，单击“保存”按钮，即可将动画保存。

提示

当对已经保存过的动画文件进行了各种编辑操作后，选择“保存”命令，将不弹出“另存为”对话框，计算机直接保留最终确认的结果，并覆盖原始文件。因此，在未确定要放弃原始文件之前，应慎用此命令。

若既要保留修改过的文件，又不想放弃原文件，可以选择“文件 > 另存为”命令，弹出“另存为”对话框，在对话框中，可以为更改过的文件重新命名、选择路径、设定保存类型，然后进行保存。这样，原文件保留不变。

1.2.3 打开文件

如果要修改已完成的动画文件，必须先将其打开。

选择“文件 > 打开”命令，或按Ctrl+O组合键，弹出“打开”对话框，在对话框中搜索路径和文件，确认文件类型和名称，如图1-18所示。然后单击“打开”按钮，或直接双击文件，即可打开所指定的动画文件，如图1-19所示。

技巧

在“打开”对话框中，也可以一次同时打开多个文件，只要在文件列表中将所需的几个文件选中，并单击“打开”按钮，系统就将逐个打开这些文件，以免多次反复调用“打开”对话框。在“打开”对话框中，按住Ctrl键的同时，用鼠标单击可以选择不连续的文件；按住Shift键，用鼠标单击可以选择连续的文件。

1.3 Flash CS6的系统配置

应用Flash软件制作动画时，可以使用系统默认的配置，也可根据需要自己设定首选参数面板中的数值以及浮动面板的位置。

1.3.1 首选参数面板

应用首选参数面板可以自定义一些常规操作的参数选项。

参数面板依次分为：“常规”选项卡、“ActionScript”选项卡、“自动套用格式”选项卡、“剪贴板”选项卡、“绘画”选项卡、“文本”选项卡、“警告”选项卡、“PSD文件导入器”选项卡、“AI文件导入器”选项卡以及“发布缓存”选项卡，如图1-20所示。选择“编辑 >首选参数”命令，或按Ctrl+U组合键，可以调出“首选参数”对话框。

1. “常规”选项卡

“常规”选项卡如图1-20所示。

“启动时”选项：用于启动Flash应用程序时，对首先打开的文档进行选择，其下拉列表如图1-21所示。

“撤销”选项：在该选项下方的“层级”文本框中输入数值，可以对影片编辑中的操作步骤的撤销／重做次数进行设置。输入数值的范围为2～300的整数。使用撤销级越多，占用的系统内存就越多，可能影响进行速度。

“工作区”选项：若要在选择“控制”>“测试影片”时在应用程序窗口中打开一个新的文档选项卡，请选择“在选项卡中打开测试影片”选项。默认情况是，在其自己的窗口中打开测试影片。若要在面板处于图标模式时使面板自动折叠，请选择“自动折叠图标面板”选项。

“选择”选项：用于设置如何在影片编辑中选择对象。

“时间轴”选项：用于设置时间轴在被拖出原窗口位置后的停放方式，以及时间轴中的帧进行选择和命令锚记的设置。

“加亮颜色”选项：用于设置舞台中独立对象被选取时的轮廓颜色。

“打印”选项：该选项只有在Windows操作系统中才能使用。选中“禁用PostScript”复选框，可以在打印时禁用PostScript输出。

2. “ActionScript”选项卡

“ActionScript”选项卡如图1-22所示，主要用于设置动作面板中动作脚本的外观。

3. “自动套用格式”选项卡

“自动套用格式”选项卡如图1-23所示。可以任意选择首选参数中的选项，并在“预览”窗口中查看效果。

4. “剪贴板”选项卡

用于设置在编辑影片剪辑时，如何剪贴图形或文本的属性选项，如图1-24所示。

“位图”选项组：该选项只有在Windows操作系统中才能使用。当剪贴对象是位图时，可以对位图图像的“颜色深度”和“分辨率”等选项进行选择。在“大小限制”文本框中输入数值，可以指定将位图图像放在剪贴板上时所使用的内存量。对较大或高分辨率的位图图像进行剪贴时，通常需要设置较大的数值。如果计算机的内存有限，可以选择“无”，不应用剪贴。勾选“平滑”复选框，可以对剪贴位图应用消除锯齿的功能。

5. “绘画”选项卡

“绘画”选项卡如图1-25所示。

可以指定钢笔工具指针显示的外观，便于在绘制线段时进行预览的首选参数，或者查看选定锚记点的外观。并且，还可以通过绘画设置来指定对齐、平滑和伸直行为，更改每个选项的“容差”设置，也可以打开或关闭每个选项。一般在默认状态下为正常。

6. “文本”选项卡

用于设置Flash编辑过程中使用到“字体映射默认设置”“垂直文本”“输入方法”等功能时的基本属性，如图1-26所示。

“字体映射默认设置”选项：用于设置在Flash中打开文档时替换缺失字体所使用的字体。

“样式”选项：用于设置字体的样式。

“字体映射对话框”复选框：勾选此复选框，将显示缺少的字体。

“垂直文本”选项组：对使用文字工具进行垂直文本编辑时的排列方向、文本流向及字距微调属性进行设置。

“输入方法”选项组：选择输入语言的类型。

“字体菜单”选项组：用于设置字体的显示状态。

7. “警告”选项卡

“警告”选项卡如图1-27所示，主要用于设置是否对在操作过程中发生的一些异常提出警告。

8. “PSD文件导入器”选项卡

“PSD文件导入器”选项卡如图1-28所示，主要用于导入Photoshop图像时的一些设置。

9. “AI文件导入器”选项卡

“AI文件导入器”选项卡如图1-29所示，主要用于导入Illustrator文件时的一些设置。

10. “发布缓存”选项卡

“发布缓存”选项卡如图1-30所示，主要用于磁盘和内存缓存的大小设置。

1.3.2 设置浮动面板

Flash中的浮动面板用于快速设置文档中对象的属性。可以应用系统默认的面板布局；可以根据需要随意地显示或隐藏面板，调整面板的大小。

1. 系统默认的面板布局

选择“窗口 > 工作区布局 > 传统”命令，操作界面中将显示传统的面板布局。

2. 自定义面板布局

将需要设置的面板调出到操作界面中，效果如图1-31所示。

将鼠标放置在面板名称上，移动面板放置在操作界面的右侧，效果如图1-32所示。

1.3.3 历史记录面板

历史记录面板用于将文档新建或打开以后进行操作的步骤一一进行记录，便于制作者查看操作的步骤过程。在面板中可以有选择地撤销一个或多个操作步骤，还可将面板中的步骤应用于同一对象或文档中的不同对象。系统默认的状态下，历史记录面板可以撤销100次的操作步骤，还可以根据自身需要在“首选参数”面板（可在操作界面的“编辑”菜单中选择“首选参数”面板）中设置不同的撤销步骤数，数值的范围为2～300。

技巧

历史记录面板中的步骤顺序是按照操作过程一一对应记录下的，不能进行重新排列。

选择“窗口 > 其他面板 > 历史记录”命令，或按Ctrl+F10组合键，弹出“历史记录”面板，如图1-33所示。在文档中进行一些操作后，“历史记录”面板将这些操作按顺序进行记录，如图1-34所示。其中，滑块所在位置就是当前进行操作的步骤。

将滑块移动到绘制过程中的某一个操作步骤时，该步骤下方的操作步骤将显示为灰色，如图1-35所示。这时，再进行新的步骤操作，原来为灰色部分的操作将被新的操作步骤所替代，如图1-36所示。在“历史记录”面板中，已经被撤销的步骤将无法重新找回。

“历史记录”面板可以显示操作对象的一些数据。在面板中单击鼠标右键，在弹出式菜单中选择“视图 > 在面板中显示参数”命令，如图1-37所示。这时，面板中显示出操作对象的具体参数，如图1-38所示。

在“历史记录”面板中，可以将已经应用过的操作步骤进行清除。在面板中单击鼠标右键，在弹出式菜单中选择“清除历史记录”命令，如图1-39所示，弹出“Adobe Flash CS6”提示对话框，如图1-40所示；单击“是”按钮，面板中的所有操作步骤将会被清除，“历史记录”面板如图1-41所示。清除历史记录后，将无法找回被清除的记录。

第2章图形的绘制与编辑

本章介绍

本章将介绍Flash CS6绘制图形的功能和编辑图形的技巧，并讲解多种选择图形的方法以及设置图形色彩的技巧。通过学习本章内容，读者可以掌握绘制图形、编辑图形的方法和技巧，从而独立绘制出所需的各种图形效果并对其进行编辑，为进一步学习Flash CS6打下坚实的基础。

学习目标

◆ 掌握基本线条与图形的绘制。

◆ 熟练掌握多种图形编辑工具的使用方法和技巧。

◆ 了解图形的色彩，并掌握几种常用的色彩面板。

技能目标

◆ 掌握“小篷车”的绘制方法。

◆ 掌握“网络公司网页标志”的绘制方法。

◆ 掌握“迷你太空”的绘制方法。

◆ 掌握“播放器图标”的绘制方法。

2.1 基本线条与图形的绘制

在Flash CS6中创造的充满活力的设计作品都是由基本图形组成的，Flash CS6提供了各种工具来绘制线条和图形。

命令介绍

线条工具：可以绘制不同颜色、宽度、线型的直线。

铅笔工具：可以像使用真实中的铅笔一样绘制出任意的线条和形状。

椭圆工具：可以绘制出不同样式的椭圆形和圆形。

刷子工具：可以像现实生活中的刷子涂色一样创建出刷子般的绘画效果，如书法效果就可使用刷子工具实现。

2.1.1 课堂案例——绘制小篷车

【案例学习目标】使用不同的绘图工具绘制图形并组合成图像效果。

【案例知识要点】使用“线条”工具，绘制小篷车车厢；使用“椭圆”工具，绘制车轮图形，如图2-1所示。

【效果所在位置】Ch02/效果/绘制小篷车.fla。

1. 新建文档并绘制车厢

（1）选择“文件 > 新建”命令，弹出“新建文档”对话框，在“常规”选项卡中选择“ActionScript 3.0”选项，将“宽”选项设为600，“高”选项设为600，单击“确定”按钮，完成文档的创建。

（2）在“时间轴”面板中，将“图层1”重命名为“车厢”，如图2-2所示。选择“线条”工具，在线条工具“属性”面板中，将“笔触颜色”设为橘红色（#E56C57），“笔触”选项设为146，“端点”选项设为“无”，其他选项的设置如图2-3所示。在舞台窗口中按住Shift键的同时绘制一条直线，效果如图2-4所示。

（3）选择“选择”工具，选中绘制的直线，在绘制对象“属性”面板中，将“宽”选项设为316，“X”选项设为136，“Y”选项设为370.5，如图2-5所示，效果如图2-6所示。

（4）选择“线条”工具，在线条工具“属性”面板中，将“笔触颜色”设为黄绿色（#AACF53），“笔触”选项设为20，“端点”选项设为“无”。在舞台窗口中按住Shift键的同时绘制一条直线，效果如图2-7所示。

（5）选择“选择”工具，选中黄绿色线条，如图2-8所示，在绘制对象“属性”面板中，将“宽”选项设为316，“X”选项设为136，“Y”选项设为307.5，效果如图2-9所示。

（6）选择“线条”工具，在舞台窗口中绘制一条直线，效果如图2-10所示。选择“选择”工具，选中黄绿色线条，如图2-11所示，在绘制对象“属性”面板中，将“宽”选项设为316，“X”选项设为136，“Y”选项设为433.5，效果如图2-12所示。

（7）选择“线条”工具，在舞台窗口中绘制一条垂直线，效果如图2-13所示。选择“选择”工具，选中黄绿色垂直线，如图2-14所示，在绘制对象“属性”面板中，将“高”选项设为82.95，“X”选项设为152，“Y”选项设为434，“笔触”选项设为10，效果如图2-15所示。

（8）选择“线条”工具，在线条工具“属性”面板中，将“笔触颜色”设为橘红色（#E56C57），“笔触”选项设为15，在舞台窗口中绘制一条直线，效果如图2-16所示。选择“选择”工具，选中绘制的线条，如图2-17所示，在绘制对象“属性”面板中，将“宽”选项设为375，“X”选项设为106，“Y”选项设为325.5，效果如图2-18所示。

2. 绘制车轮

（1）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“车轮”。选择“基本椭圆”工具，在基本椭圆工具“属性”面板中，将“笔触颜色”设为褐色（#734521），“填充颜色”设为无，“笔触”选项设为25，其他选项的设置如图2-19所示。按住Shift键的同时在舞台窗口中绘制1个圆形，效果如图2-20所示。

（2）选择“选择”工具，选中绘制的圆环，如图2-21所示。在椭圆图元“属性”面板中，将“宽”选项设为133，“高”选项设为133，效果如图2-22所示。

（3）选择“线条”工具，在线条工具“属性”面板中，将“笔触颜色”设为土色（#D48607），“笔触”选项设为10，在舞台窗口中绘制一条直线，效果如图2-23所示。选择“选择”工具，选中绘制的线条，如图2-24所示，在绘制对象“属性”面板中，将“宽”选项设为133，效果如图2-25所示。按Ctrl+B组合键，将图形打散，效果如图2-26所示。

（4）选择“窗口 > 变形”命令，弹出“变形”面板，单击“重制选区和变形”按钮，复制图形，将“旋转”选项设为45，旋转图形的角度，效果如图2-27所示。再次单击3次“重制选区和变形”按钮，将图形旋转角度并复制，效果如图2-28所示。

（5）在“时间轴”面板中单击“车轮”图层，将该层中的图形全部选中，如图2-29所示。选择“窗口 > 对齐”命令，弹出“对齐”面板，分别单击“水平中齐”按钮和“垂直中齐”按钮，将选中的图形中心对齐，效果如图2-30所示。

（6）选择“椭圆”工具，在工具箱中将“笔触颜色”设为无，“填充颜色”设为褐色（#734521），单击工具箱下方的“对象绘制”按钮，按住Shift键的同时在舞台窗口中绘制一个圆形，如图2-31所示。在绘制对象“属性”面板中，将“宽”选项和“高”选项均设为46，效果如图2-32所示。

（7）在“时间轴”面板中单击“车轮”图层，将该层中的图形全部选中，如图2-33所示。分别单击“对齐”面板中的“水平中齐”按钮和“垂直中齐”按钮，将选中的图形中心对齐，效果如图2-34所示。

（8）按Ctrl+G组合键，将选中的图形编组，效果如图2-35所示。在组“属性”面板中，将“X”选项设为228，“Y”选项设为375，如图2-36所示，效果如图2-37所示。

3. 绘制车篷

（1）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“车篷”。选择“线条”工具，在线条工具“属性”面板中，将“笔触颜色”设为蓝绿色（#52B3D0），“笔触”选项设为79，在舞台窗口中绘制一条垂直线，效果如图2-38所示。

（2）选择“基本椭圆”工具，在基本椭圆工具“属性”面板中，将“笔触颜色”设为无，“填充颜色”设为深绿色（#2C96B1），按住Shift键的同时在舞台窗口中绘制1个圆形，效果如图2-39所示。

（3）选择“选择”工具，选中绘制的圆形，选择“修改 > 排列 > 移至底层”命令，效果如图2-40所示。在椭圆图元“属性”面板中，将“宽”选项设为79，效果如图2-41所示。拖曳圆形到适当的位置，效果如图2-42所示。

（4）在“时间轴”面板中单击“车篷”图层，将该层中的图形全部选中，如图2-43所示。按住Alt键的同时向右拖曳图形到适当的位置，松开鼠标，复制图形，效果如图2-44所示。

（5）选中图2-45所示的图形，在工具箱中将“笔触颜色”设为浅灰色（#DDDCD1），效果如图2-46所示。

（6）选中图2-47所示的图形，在工具箱中将“填充颜色”设为深灰色（#BEBDB4），效果如图2-48所示。用上述的方法制作出图2-49所示的效果。

（7）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“篷柱”。选择“线条”工具，在线条工具“属性”面板中，将“笔触颜色”设为褐色（#734521），“笔触”选项设为25，在舞台窗口中绘制一条垂直线，效果如图2-50所示。

（8）选择“选择”工具，按住Alt+Shift组合键的同时向右拖曳垂直线到适当的位置，松开鼠标，复制图形，效果如图2-51所示。

（9）在“时间轴”面板中，将“篷柱”图层拖曳到“车厢”图层的下方，如图2-52所示，效果如图2-53所示。

（10）小篷车绘制完成，按Ctrl+Enter组合键即可查看效果，如图2-54所示。

2.1.2 线条工具

选择“线条”工具，在舞台上单击鼠标，按住鼠标不放并向任意角度拖动到需要的位置，绘制出一条直线，松开鼠标，直线效果如图2-55所示。可以在线条工具“属性”面板中设置不同的线条颜色、线条粗细、线条类型，如图2-56所示。

设置不同的线条属性后，绘制的线条如图2-57所示。

提示

选择“线条”工具时，如果按住Shift键的同时拖曳鼠标绘制，则限制线条只能在45°或45°的倍数方向绘制直线。无法为线条工具设置填充属性。

2.1.3 铅笔工具

选择“铅笔”工具，在舞台上单击鼠标，按住鼠标不放并随意拖曳鼠标绘制出线条，松开鼠标，线条效果如图2-58所示。如果想要绘制出平滑或伸直线条和形状，可以在工具箱下方的选项区域中为铅笔工具选择一种绘画模式，如图2-59所示。

“伸直”选项：可以绘制直线，并将接近三角形、椭圆、圆形、矩形和正方形的形状转换为这些常见的几何形状。

“平滑”选项：可以绘制平滑曲线。

“墨水”选项：可以绘制不用修改的手绘线条。

可以在铅笔工具“属性”面板中设置不同的线条颜色、线条粗细、线条类型，如图2-60所示。设置不同的线条属性后，绘制的图形如图2-61所示。

单击“属性”面板样式选项右侧的“编辑笔触样式”按钮，弹出“笔触样式”对话框，如图2-62所示，在对话框中可以自定义笔触样式。

“4倍缩放”选项：可以放大4倍预览设置不同选项后所产生的效果。

“粗细”选项：可以设置线条的粗细。

“锐化转角”选项：勾选此选项可以使线条的转折效果变得明显。

“类型”选项：可以在下拉列表中选择线条的类型。

提示

选择“铅笔”工具时，如果按住Shift键的同时拖曳鼠标绘制，则可将线条限制为垂直或水平方向。

2.1.4 椭圆工具

选择“椭圆”工具，在舞台上单击鼠标不放，向需要的位置拖曳鼠标，绘制出椭圆图形，松开鼠标，图形效果如图2-63所示。按住Shift键的同时绘制图形，可以绘制出圆形，效果如图2-64所示。

可以在椭圆工具“属性”面板中设置不同的边框颜色、边框粗细、边框线型和填充颜色，如图2-65所示。设置不同的边框属性和填充颜色后，绘制的图形如图2-66所示。

2.1.5 基本椭圆工具

“基本椭圆”工具的使用方法和功能与“椭圆”工具相同，唯一的区别在于“椭圆”工具必须要先设置椭圆属性，然后再绘制，绘制好之后不可以再次更改椭圆属性。而“基本椭圆”工具，绘制前设置属性和绘制后设置属性都是可以的。

2.1.6 刷子工具

选择“刷子”工具，在舞台上单击鼠标不放，随意绘制出笔触，松开鼠标，图形效果如图2-67所示。可以在刷子工具“属性”面板中设置不同的笔触颜色和平滑度，如图2-68所示。

在工具箱的下方应用“刷子大小”选项、“刷子形状”选项，可以设置刷子的大小与形状。设置不同的刷子形状后所绘制的笔触效果如图2-69所示。

系统在工具箱的下方提供了5种刷子的模式可供选择，如图2-70所示。

“标准绘画”模式：会在同一层的线条和填充上以覆盖的方式涂色。

“颜料填充”模式：对填充区域和空白区域涂色，其他部分（如边框线）不受影响。

“后面绘画”模式：在舞台上同一层的空白区域涂色，但不影响原有的线条和填充。

“颜料选择”模式：在选定的区域内进行涂色，未被选中的区域不能够涂色。

“内部绘画”模式：在内部填充上绘图，但不影响线条。如果在空白区域中开始涂色，该填充不会影响任何现有填充区域。

应用不同模式绘制出的效果如图2-71所示。

“锁定填充”按钮：先为刷子选择放射性渐变色彩，当没有选择此按钮时，用刷子绘制线条，每个线条都有自己完整的渐变过程，线条与线条之间不会互相影响，如图2-72所示。当选择此按钮时，颜色的渐变过程形成一个固定的区域，在这个区域内，刷子绘制到的地方，就会显示出相应的色彩，如图2-73所示。

在使用“刷子”工具涂色时，可以使用导入的位图作为填充。

导入图片，效果如图2-74所示。选择“窗口 >颜色”命令，弹出“颜色”面板，将“颜色类型”选项设为“位图填充”，用刚才导入的位图作为填充图案，如图2-75所示。选择“刷子”工具，在窗口中随意绘制一些笔触，效果如图2-76所示。

2.2 图形的绘制与选择

应用绘制工具可以绘制多变的图形与路径。若要在舞台上修改图形对象，则需要先选择对象，再对其进行修改。

命令介绍

矩形工具：可以绘制出不同样式的矩形。

钢笔工具：可以绘制精确的路径。如在创建直线或曲线的过程中，可以先绘制直线或曲线，再调整直线段的角度、长度以及曲线段的斜率。

选择工具：可以完成选择、移动、复制、调整向量线条和色块的功能，是使用频率较高的一种工具。

套索工具：可以按需要在对象上选取任意一部分不规则的图形。

2.2.1 课堂案例——绘制网络公司网页标志

【案例学习目标】使用不同的绘图工具绘制标志图形。

【案例知识要点】使用“文本”工具，输入文字；使用“套索”工具和“选择”工具，删除文字笔画；使用“钢笔”工具、“椭圆”工具和“线条”工具，添加和修改文字笔画效果，如图2-77所示。

【效果所在位置】Ch02/效果/绘制网络公司网页标志.fla。

1. 输入文字

（1）选择“文件 > 新建”命令，弹出“新建文档”对话框，在“常规”选项卡中选择“ActionScript 3.0”选项，将“宽”选项设为500，“高”选项设为350，单击“确定”按钮，完成文档的创建。

（2）按Ctrl+L组合键，弹出“库”面板，单击“库”面板下方的“新建元件”按钮，弹出“创建新元件”对话框，在“名称”选项的文本框中输入“标志”，在“类型”选项的下拉列表中选择“图形”选项，单击“确定”按钮，新建图形元件“标志”，如图2-78所示，舞台窗口也随之转换为图形元件的舞台窗口。

（3）将“图层1”图层重新命名为“文字”。选择“文本”工具，在文本工具“属性”面板中进行设置，在舞台窗口中适当的位置输入大小为60、字体为“迷你简汉真广标”的蓝色（#0B2C88）文字，文字效果如图2-79所示。选择“选择”工具，在舞台窗口中选中文字，按两次Ctrl+B组合键，将文字打散，效果如图2-80所示。

2. 添加画笔

（1）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“钢笔绘制”。选择“钢笔”工具，在钢笔工具“属性”面板中，将“笔触颜色”设为黑色，在“度”字的右下方单击鼠标，设置起始点，如图2-81所示。在空白处单击鼠标，设置第2个节点，按住鼠标不放，向右上拖曳控制手柄，调节控制手柄改变路径的弯度，效果如图2-82所示。使用相同的方法，应用“钢笔”工具绘制出如图2-83所示的边线效果。

（2）在工具箱中将“填充颜色”设为蓝色（#0B2C88）。选择“颜料桶”工具，在边线内部单击鼠标，填充图形，如图2-84所示。选择“选择”工具，双击边线将其选中，如图2-85所示，按Delete键将其删除。使用相同的方法，在“升”字的上方绘制图形，效果如图2-86所示。

（3）选择“选择”工具，在“度”字的上方拖曳出一个矩形，如图2-87所示，松开鼠标，将其选中，按Delete键将其删除，效果如图2-88所示。按住Shift键的同时，选中“升”字左方、“科”字左方和“技”字的左下方的笔画，按Delete键将其删除，效果如图2-89所示。

（4）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“线条绘制”。选择“椭圆”工具，在工具箱中将“笔触颜色”设为无，“填充颜色”设为蓝色（#0B2C88），按住Shift键的同时绘制圆形，效果如图2-90所示。选择“选择”工具，选择圆形，按住Alt键的同时拖曳鼠标到适当的位置，复制圆形，效果如图2-91所示。

（5）选择“线条”工具，在线条工具“属性”面板中，将“笔触颜色”设为蓝色（#0B2C88），“笔触”选项设为10，其他选项的设置如图2-92所示。在“升”字的左方绘制出一条直线，效果如图2-93所示。

（6）选择“选择”工具，选择直线，按住Alt键的同时拖曳鼠标指针到适当的位置，复制直线，效果如图2-94所示。用相同的方法再次复制一条直线，效果如图2-95所示。

3. 制作标志

（1）单击舞台窗口左上方的“场景1”图标，进入“场景1”的舞台窗口。将“图层1”图层重命名为“底图”。按Ctrl+R组合键，在弹出的“导入”对话框中，选择本书学习资源中的“Ch02 > 素材 > 制作网络公司网页标志 > 01”文件，单击“打开”按钮，文件被导入舞台窗口，效果如图2-96所示。

（2）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“标志”。将“库”面板中的图形“标志”拖曳到舞台窗口中，效果如图2-97所示。

（3）选择“选择”工具，在舞台窗口中选中“标志”实例，在图形“属性”面板的“样式”选项下拉列表中选择“色调”，各选项的设置如图2-98所示，舞台效果如图2-99所示。

（4）将“库”面板中的图形元件“标志”再次拖曳到舞台窗口中，并将其放置到适当的位置，使标志产生阴影效果，效果如图2-100所示。

（5）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“英文”。选择“文本”工具，在文本工具“属性”面板中进行设置，在舞台窗口中适当的位置输入大小为30、字体为“Kunstler Script”的蓝色（#0B2C88）文字，文字效果如图2-101所示。

（6）选择“选择”工具，选择英文，按住Alt键的同时拖曳鼠标指针到适当的位置，复制英文，在工具箱中将“填充颜色”设为白色，效果如图2-102所示。网络公司网页标志绘制完成，如图2-103所示。

2.2.2 矩形工具

选择“矩形”工具，在舞台上单击鼠标不放，向需要的位置拖曳鼠标，绘制出矩形图形，松开鼠标，矩形图形效果如图2-104所示。按住Shift键的同时绘制图形，可以绘制出正方形，如图2-105所示。

可以在矩形工具“属性”面板中设置不同的边框颜色、边框粗细、边框线型和填充颜色，如图2-106所示。设置不同的边框属性和填充颜色后，绘制的图形如图2-107所示。

可以应用矩形工具绘制圆角矩形。选择“属性”面板，在“矩形边角半径”选项的数值框中输入需要的数值，如图2-108所示。输入的数值不同，绘制出的圆角矩形也相应的不同，效果如图2-109所示。

2.2.3 基本矩形工具

“基本矩形”工具的使用方法和功能与“矩形”工具相同，唯一的区别在于“矩形”工具必须要先设置矩形属性，然后再绘制，绘制好之后不可以再次更改矩形属性。而“基本矩形”工具，绘制前设置属性和绘制后设置属性都是可以的。

2.2.4 多角星形工具

应用多角星形工具可以绘制出不同样式的多边形和星形。选择“多角星形”工具，在舞台上单击鼠标不放，向需要的位置拖曳鼠标，绘制出多边形，松开鼠标，多边形效果如图2-110所示。

可以在多角星形工具“属性”面板中设置不同的边框颜色、边框粗细、边框线型和填充颜色，如图2-111所示。设置不同的边框属性和填充颜色后，绘制的图形如图2-112所示。

单击属性面板下方的“选项”按钮，弹出“工具设置”对话框，如图2-113所示，在对话框中可以自定义多边形的各种属性。

“样式”选项：在此选项中选择绘制多边形或星形。

“边数”选项：设置多边形的边数。其选取范围为3～32。

“星形顶点大小”选项：输入一个0～1的数以指定星形顶点的深度。此数字越接近0，创建的顶点就越深。此选项在多边形形状绘制中不起作用。

设置不同数值后，绘制出的多边形和星形也相应的不同，如图2-114所示。

2.2.5 钢笔工具

选择“钢笔”工具，将鼠标指针放置在舞台上想要绘制曲线的起始位置，然后按住鼠标不放，此时出现第一个锚点，并且钢笔尖指针变为箭头形状，如图2-115所示。松开鼠标，将鼠标指针放置在想要绘制的第二个锚点的位置，单击鼠标并按住不放，绘制出一条直线段，如图2-116所示。将鼠标向其他方向拖曳，直线转换为曲线，如图2-117所示。松开鼠标，一条曲线绘制完成，如图2-118所示。

用相同的方法可以绘制出多条曲线段组合而成的不同样式的曲线，如图2-119所示。

绘制线段时，如果按住Shift键再进行绘制，绘制出的线段将被限制为倾斜45°的倍数，如图2-120所示。

绘制线段时，“钢笔”工具的指针会产生不同的变化，其表示的含义也不同。

增加节点：当指针变为带加号时，如图2-121所示，在线段上单击鼠标就会增加一个节点，这样有助于更精确地调整线段。增加节点前后效果对照如图2-122所示。

删除节点：当指针变为带减号时，如图2-123所示，在线段上单击节点，就会将这个节点删除。删除节点前后效果对照如图2-124所示。

转换节点：当指针变为带折线时，如图2-125所示，在线段上单击节点，就会将这个节点从曲线节点转换为直线节点。转换节点前后效果对照如图2-126所示。

提示

当选择钢笔工具绘画时，若在用铅笔、刷子、线条、椭圆或矩形工具创建的对象上单击，就可以调整对象的节点，以改变这些线条的形状。

2.2.6 选择工具

选择“选择”工具，工具箱下方出现如图2-127所示的按钮，利用这些按钮可以完成以下工作。

“贴紧至对象”按钮：自动将舞台上两个对象定位到一起，一般制作引导层动画时可利用此按钮将关键帧的对象锁定到引导路径上。此按钮还可以将对象定位到网格上。

“平滑”按钮：可以柔化选择的曲线条。当选中对象时，此按钮变为可用。

“伸直”按钮：可以锐化选择的曲线条。当选中对象时，此按钮变为可用。

1. 选择对象

选择“选择”工具，在舞台中的对象上单击鼠标进行点选，如图2-128所示。按住Shift键，再点选对象，可以同时选中多个对象，如图2-129所示。在舞台中拖曳出一个矩形可以框选对象，如图2-130所示。

2. 移动和复制对象

选择“选择”工具，点选中对象，如图2-131所示。按住鼠标不放，直接拖曳对象到任意位置，如图2-132所示。

选择“选择”工具，点选中对象，按住Alt键，拖曳选中的对象到任意位置，选中的对象被复制，如图2-133所示。

3. 调整向量线条和色块

选择“选择”工具，将鼠标指针移至对象，指针下方出现圆弧，如图2-134所示。拖动鼠标，对选中的线条和色块进行调整，如图2-135所示。

2.2.7 部分选取工具

选择“部分选取”工具，在对象的外边线上单击，对象上出现多个节点，如图2-136所示。拖动节点来调整控制线的长度和斜率，从而改变对象的曲线形状，如图2-137所示。

若想增加图形上的节点，可选择“钢笔”工具在图形上单击来增加节点。

提示

在改变对象的形状时，“部分选取”工具的光标会产生不同的变化，其表示的含义也不同。

带黑色方块的指针：当鼠标指针放置在节点以外的线段上时，指针变为，如图2-138所示。这时可以移动对象到其他位置，如图2-139和图2-140所示。

带白色方块的指针：当鼠标指针放置在节点上时，指针变为，如图2-141所示。这时可以移动单个的节点到其他位置，如图2-142和图2-143所示。

变为小箭头的指针：当鼠标指针放置在节点调节手柄的尽头时，指针变为，如图2-144所示。这时可以调节与该节点相连的线段的弯曲度，如图2-145和图2-146所示。

提示

在调整节点的手柄时，调整一个手柄，另一个相对的手柄也会随之发生变化。如果只想调整其中的一个手柄，按住Alt键，再进行调整即可。

可以将直线节点转换为曲线节点，并进行弯曲度调节。选择“部分选取”工具，在对象的外边线上单击，对象上显示出节点，如图2-147所示。用鼠标单击要转换的节点，节点从空心变为实心，表示可编辑，如图2-148所示。

按住Alt键，用鼠标将节点向外拖曳，节点增加出两个可调节手柄，如图2-149所示。应用调节手柄可调节线段的弯曲度，如图2-150所示。

2.2.8 套索工具

选择“套索”工具，在场景中导入一幅位图，按Ctrl+B组合键，将位图进行分离。用鼠标在位图上任意勾选想要的区域，形成一个封闭的选区，如图2-151所示。松开鼠标，选区中的图像被选中，如图2-152所示。

选择“套索”工具后，工具箱的下方出现如图2-153所示的按钮，利用这些按钮可以完成以下工作。

“魔术棒”按钮：以点选的方式选择颜色相似的位图图形。

选中“魔术棒”按钮，将鼠标指针放在位图上，指针变为，在要选择的位图上单击鼠标，如图2-154所示。与点取点颜色相近的图像区域被选中，如图2-155所示。

“魔术棒属性”按钮：可以用来设置魔术棒的属性，应用不同的属性，魔术棒选取的图像区域大小各不相同。

单击“魔术棒属性”按钮，弹出“魔术棒设置”对话框，如图2-156所示。

在“魔术棒设置”对话框中设置不同数值后，所产生的不同效果如图2-157所示。

“多边形模式”按钮：可以用鼠标精确地勾画想要选中的图像。

选择“多边形模式”按钮，在场景中导入一幅位图，按Ctrl+B组合键，将位图进行分离。用鼠标在字母“A”的边缘进行绘制，如图2-158所示。双击鼠标结束多边形工具的绘制，绘制的区域被选中，如图2-159所示。

2.3 图形的编辑

图形编辑工具可以改变图形的色彩、线条、形态等属性，创建充满变化的图形效果。

命令介绍

颜料桶工具：可以修改向量图形的填充色。

橡皮擦工具：用于擦除舞台上无用的向量图形边框和填充色。

任意变形工具：可以改变选中图形的大小，还可旋转图形。

2.3.1 课堂案例——绘制迷你太空

【案例学习目标】使用图形编辑工具对图形进行编辑，并应用选择工具将其组合成图像。

【案例知识要点】使用“钢笔”工具，绘制小鸟轮廓；使用“墨水瓶”工具、“任意变形”工具，装饰虚线效果；使用“多角星形”工具，绘制五角星；使用“颜料桶”工具，填充颜色；使用“椭圆”工具，绘制眼睛，如图2-160所示。

【效果所在位置】Ch02/效果/绘制迷你太空.fla。

1. 新建文档并绘制小火箭

（1）选择“文件 > 新建”命令，弹出“新建文档”对话框，在“常规”选项卡中选择“ActionScript 3.0”选项，将“宽”选项设为567，“高”选项设为567，将“舞台颜色”设为深绿色（#01605D），单击“确定”按钮，完成文档的创建。

（2）按Ctrl+F8组合键，弹出“创建新元件”对话框，在“名称”选项的文本框中输入“小火箭”，在“类型”选项的下拉列表中选择“图形”选项，如图2-161所示，单击“确定”按钮，新建图形元件“小火箭”，舞台窗口也随之转换为图形元件的舞台窗口。将“图层1”重命名为“火箭主体”，如图2-162所示。

（3）选择“钢笔”工具，在工具箱中将“笔触颜色”设为白色，单击工具箱下方的“对象绘制”按钮，在舞台窗口中绘制一个闭合边线，效果如图2-163所示。

（4）选择“颜料桶”工具，在工具箱中将“填充颜色”设为红色（#DE312A），在闭合边线内部单击鼠标填充颜色，效果如图2-164所示。选择“选择”工具，在舞台窗口中选中图形，如图2-165所示，在工具箱中将“笔触颜色”设为无，效果如图2-166所示。

（5）按Ctrl+C组合键，将其复制。单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“装饰图形”。按Ctrl+Shift+V组合键，将复制的图形原位粘贴到“装饰图形”图层中。在工具箱中将“填充颜色”设为咖啡色（#674A4B），效果如图2-167所示。按Ctrl+B组合键，将图形打散，效果如图2-168所示。

（6）选择“钢笔”工具，在工具箱中将“笔触颜色”设为白色，在舞台窗口中绘制一个闭合边线，效果如图2-169所示。选择“选择”工具，在舞台窗口中选中图形，如图2-170所示，按Delete键，将选中的图形删除，效果如图2-171所示。双击白色边线将其选中，按Delete键，将选中的边线删除，效果如图2-172所示。

（7）选择“椭圆”工具，在椭圆工具“属性”面板中，将“笔触颜色”设为白色，“填充颜色”设为咖啡色（#674A4B），“笔触”选项设为6。按住Shift键的同时在舞台的适当位置绘制一个圆形，效果如图2-173所示。

（8）在工具箱中将“填充颜色”设为深灰色（#223228），按住Shift键的同时在舞台的适当位置绘制一个圆形，效果如图2-174所示。

（9）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“尾部装饰”。选择“钢笔”工具，在工具箱中将“笔触颜色”设为白色，在舞台窗口中绘制一个闭合边线，效果如图2-175所示。选择“选择”工具，在舞台窗口中选中闭合边线，在工具箱中将“填充颜色”设为黄色（#F5D32B），效果如图2-176所示。将“笔触颜色”设为无，效果如图2-177所示。

（10）按Ctrl+C组合键，将其复制。按Ctrl+Shift+V组合键，将复制的图形原位粘贴。在工具箱中将“填充颜色”设为橘红色（#E16045），效果如图2-178所示。选择“任意变形”工具，所选图形周围出现控制框，如图2-179所示，拖曳中心点到适当的位置，如图2-180所示，按住Shift键的同时向上拖曳下方的控制点到适当的位置，等比例缩小图形，效果如图2-181所示。

（11）用上述的方法制作出如图2-182所示的效果。

（12）选择“钢笔”工具，在工具箱中将“笔触颜色”设为黑色，在舞台窗口中绘制一个闭合边线，效果如图2-183所示。选择“选择”工具，在舞台窗口中选中闭合边线，在工具箱中将“填充颜色”设为咖啡色（#674A4B），“笔触颜色”设为无，效果如图2-184所示。

（13）选择“钢笔”工具，在工具箱中将“笔触颜色”设为黑色，在舞台窗口中绘制一个闭合边线，效果如图2-185所示。选择“选择”工具，在舞台窗口中选中闭合边线，在工具箱中将“填充颜色”设为红色（#DE312A），“笔触颜色”设为无，效果如图2-186所示。

（14）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“翅膀”。选择“钢笔”工具，在工具箱中将“笔触颜色”设为白色，在舞台窗口中绘制一个闭合边线，效果如图2-187所示。选择“选择”工具，在舞台窗口中选中闭合边线，在工具箱中将“填充颜色”设为红色（#DE312A），“笔触颜色”设为无，效果如图2-188所示。

（15）按住Shift+Alt组合键的同时向右拖曳到适当的位置，复制图形，效果如图2-189所示。选择“修改 > 变形 > 水平翻转”命令，将图形水平翻转，效果如图2-190所示。

（16）在“时间轴”面板中，将“翅膀”图层拖曳到“火箭主体”图层的下方，如图2-191所示，效果如图2-192所示。

2. 绘制背景

（1）单击舞台窗口左上方的“场景1”图标，进入“场景1”的舞台窗口。将“图层1”图层重命名为“圆形”。选择“椭圆”工具，在工具箱中将“笔触颜色”设为无，“填充颜色”设为黄色（#F5D32B），按住Shift键的同时在舞台窗口中绘制一个圆形，效果如图2-193所示。用相同的方法绘制多个圆形，并分别填充相应的颜色，效果如图2-194所示。

（2）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“星星”。选择“多角星形”工具，在多角星形工具“属性”面板中，将“笔触颜色”设为无，“填充颜色”设为黄色（#F5D32B），单击“工具设置”选项组中的“选项”按钮，在弹出的“工具设置”对话框中进行设置，如图2-195所示，单击“确定”按钮，完成选项的设置。在舞台窗口中绘制多个五角形，效果如图2-196所示。

（3）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“小火箭”。将“库”面板中的图形元件“小火箭”拖曳到舞台窗口中，如图2-197所示。选择“任意变形”工具，旋转实例的角度，并将其拖曳到适当的位置，效果如图2-198所示。迷你太空绘制完成，按Ctrl+Enter组合键即可查看效果。

2.3.2 墨水瓶工具

使用墨水瓶工具可以修改向量图形的边线。

导入花瓣图形，如图2-199所示。选择“墨水瓶”工具，在“属性”面板中设置笔触颜色、笔触高度以及笔触样式，如图2-200所示。

这时鼠标指针变为，在图形上单击鼠标，为图形增加设置好的边线，如图2-201所示。在“属性”面板中设置不同的属性，所绘制的边线效果也不同，如图2-202所示。

2.3.3 颜料桶工具

导入心形图形，如图2-203所示。选择“颜料桶”工具，在“属性”面板中设置填充颜色，如图2-204所示。在图形边框内单击鼠标，边框内被填充颜色，如图2-205所示。

系统在工具箱的下方设置了4种填充模式可供选择，如图2-206所示。

“不封闭空隙”模式：选择此模式时，只有在完全封闭的区域，颜色才能被填充。

“封闭小空隙”模式：选择此模式时，当边线上存在小空隙时，允许填充颜色。

“封闭中等空隙”模式：选择此模式时，当边线上存在中等空隙时，允许填充颜色。

“封闭大空隙”模式：选择此模式时，当边线上存在大空隙时，允许填充颜色。当选择“封闭大空隙”模式时，无论空隙是小空隙还是中等空隙，也都可以填充颜色。

根据边框空隙的大小，应用不同的模式进行填充，效果如图2-207所示。

“锁定填充”按钮：可以对填充颜色进行锁定，锁定后填充颜色不能被更改。

没有选择此按钮时，填充颜色可以根据需要进行变更，如图2-208所示。

选择此按钮时，将鼠标指针放置在填充颜色上，指针变为，填充颜色被锁定，不能随意变更，如图2-209所示。

2.3.4 滴管工具

使用滴管工具可以吸取向量图形的线型和色彩，然后利用颜料桶工具，快速修改其他向量图形内部的填充色。利用墨水瓶工具，可以快速修改其他向量图形的边框颜色及线型。

1. 吸取填充色

选择“滴管”工具，将鼠标指针放在左边图形的填充色上，指针变为，在填充色上单击鼠标，吸取填充色样本，如图2-210所示。

单击后，指针变为，表示填充色被锁定。在工具箱的下方，取消对“锁定填充”按钮的选取，指针变为，在右边图形的填充色上单击鼠标，图形的颜色被修改，如图2-211所示。

2. 吸取边框属性

选择“滴管”工具，将鼠标指针放在左边图形的外边框上，指针变为，在外边框上单击鼠标，吸取边框样本，如图2-212所示。单击后，指针变为，在右边图形的外边框上单击鼠标，线条的颜色和样式被修改，如图2-213所示。

3. 吸取位图图案

滴管工具可以吸取外部引入的位图图案。导入图片，如图2-214所示。按Ctrl+B组合键，将位图分离。绘制一个五边形，如图2-215所示。

选择“滴管”工具，将鼠标指针放在位图上，指针变为，单击鼠标，吸取图案样本，如图2-216所示。单击后，指针变为，在五边形的内部单击鼠标，图案被填充，如图2-217所示。

选择“渐变变形”工具，单击被填充图案样本的五边形，出现控制点，如图2-218所示。按住Shift键，将左下方的控制点向中心拖曳，如图2-219所示。填充图案变小，如图2-220所示。

4. 吸取文字属性

滴管工具还可以吸取文字的颜色。选择要修改的目标文字，如图2-221所示。

选择“滴管”工具，将鼠标指针放在源文字上，指针变为，如图2-222所示。在源文字上单击鼠标，源文字的文字属性被应用到了目标文字上，如图2-223所示。

2.3.5 橡皮擦工具

选择“橡皮擦”工具，在图形上想要删除的地方按下鼠标并拖动鼠标，图形被擦除，如图2-224所示。在工具箱下方“橡皮擦形状”按钮的下拉菜单中，可以选择橡皮擦的形状与大小。

如果想得到特殊的擦除效果，系统在工具箱的下方设置了5种擦除模式可供选择，如图2-225所示。

“标准擦除”模式：擦除同一层的线条和填充。选择此模式擦除图形的前后对照效果如图2-226所示。

“擦除填色”模式：仅擦除填充区域，其他部分（如边框线）不受影响。选择此模式擦除图形的前后对照效果如图2-227所示。

“擦除线条”模式：仅擦除图形的线条部分，但不影响其填充部分。选择此模式擦除图形的前后对照效果如图2-228所示。

“擦除所选填充”模式：仅擦除已经选择的填充部分，但不影响其他未被选择的部分。如果场景中没有任何填充被选择，那么擦除命令无效。选择此模式擦除图形的前后对照效果如图2-229所示。

“内部擦除”模式：仅擦除起点所在的填充区域部分，但不影响线条填充区域外的部分。选择此模式擦除图形的前后对照效果如图2-230所示。

要想快速删除舞台上的所有对象，双击“橡皮擦”工具即可。

要想删除向量图形上的线段或填充区域，可以选择“橡皮擦”工具，再选中工具箱中的“水龙头”按钮，然后单击舞台上想要删除的线段或填充区域即可，如图2-231和图2-232所示。

提示

因为导入的位图和文字不是向量图形，不能擦除它们的部分或全部，所以必须先选择“修改 > 分离”命令，将它们分离成向量图形，才能使用橡皮擦工具擦除它们的部分或全部。

2.3.6 任意变形工具和渐变变形工具

在制作图形的过程中，可以应用任意变形工具来改变图形的大小及倾斜度，也可以应用填充变形工具改变图形中渐变填充颜色的渐变效果。

1. 任意变形工具

选中图形，按Ctrl+B组合键，将其打散。选择“任意变形”工具，在图形的周围出现控制点，如图2-233所示。拖动控制点改变图形的大小，如图2-234和图2-235所示（按住Shift键，再拖动控制点，可成比例地拖动图形）。

将鼠标指针放在4个角的控制点上时，指针变为，如图2-236所示。拖动鼠标旋转图形，如图2-237和图2-238所示。

系统在工具箱的下方设置了4种变形模式可供选择，如图2-239所示。

“旋转与倾斜”模式：选中图形，选择“旋转与倾斜”模式，将鼠标指针放在图形上方中间的控制点上，指针变为，按住鼠标不放，向右水平拖曳控制点，如图2-240所示，松开鼠标，图形变为倾斜，如图2-241所示。

“缩放”模式：选中图形，选择“缩放”模式，将鼠标指针放在图形右上方的控制点上，指针变为，按住鼠标不放，向右上方拖曳控制点，如图2-242所示，松开鼠标，图形变大，如图2-243所示。

“扭曲”模式：选中图形，选择“扭曲”模式，将鼠标指针放在图形右上方的控制点上，指针变为，按住鼠标不放，向右上方拖曳控制点，如图2-244所示，松开鼠标，图形扭曲，如图2-245所示。

“封套”模式：选中图形，选择“封套”模式，图形周围出现一些节点，调节这些节点来改变图形的形状，鼠标指针变为，拖动节点，如图2-246所示，松开鼠标，图形扭曲，如图2-247所示。

2. 渐变变形工具

使用渐变变形工具可以改变选中图形的填充渐变效果。当图形填充色为线性渐变色时，选择“渐变变形”工具，用鼠标单击图形，出现3个控制点和2条平行线，如图2-248所示。向图形中间拖动方形控制点，渐变区域缩小，如图2-249所示，效果如图2-250所示。

将鼠标指针放置在旋转控制点上，指针变为，拖动旋转控制点来改变渐变区域的角度，如图2-251所示，效果如图2-252所示。

当图形填充色为径向渐变色时，选择“渐变变形”工具，用鼠标单击图形，出现4个控制点和1个圆形外框，如图2-253所示。向图形外侧水平拖动方形控制点，水平拉伸渐变区域，如图2-254所示，效果如图2-255所示。

将鼠标指针放置在圆形边框中间的圆形控制点上，指针变为，向图形内部拖动鼠标，缩小渐变区域，如图2-256所示，效果如图2-257所示。将鼠标指针放置在圆形边框外侧的圆形控制点上，指针变为，向上旋转拖动控制点，改变渐变区域的角度，如图2-258所示，效果如图2-259所示。

提示

通过移动中心控制点可以改变渐变区域的位置。

2.3.7 手形工具和缩放工具

手形工具和缩放工具都是辅助工具，它们本身并不直接创建和修改图形，只是在创建和修改图形的过程中辅助用户进行操作。

1. 手形工具

如果图形很大或被放大得很大，那么就需

要利用“手形”工具调整观察区域。选择“手形”工具，鼠标指针变为手形，按住鼠标不放，拖动图像到需要的位置，如图2-260所示。

当使用其他工具时，按“空格”键即可切换到“手形”工具。双击“手形”工具，将自动调整图像大小以适合屏幕的显示范围。

技巧

2. 缩放工具

利用缩放工具放大图形以便观察细节，缩小图形以便观看整体效果。选择“缩放”工具，在舞台上单击可放大图形，如图2-261所示。

要想放大图像中的局部区域，可在图像上拖曳出一个矩形选取框，如图2-262所示，松开鼠标后，所选取的局部图像被放大，如图2-263所示。

选中工具箱下方的“缩小”按钮，在舞台上单击可缩小图像，如图2-264所示。

2.4 图形的色彩

根据设计的要求，可以应用纯色编辑面板、颜色面板、样本面板来设置所需要的纯色、渐变色、颜色样本等。

命令介绍

颜色面板：可以设定纯色、渐变色以及颜色的不透明度。

纯色面板：可以选择系统设置的颜色，也可根据需要自行设定颜色。

2.4.1 课堂案例——绘制播放器图标

【案例学习目标】使用绘图工具绘制图形，使用浮动面板设置图形的颜色。

【案例知识要点】使用“矩形”工具和“颜色”面板，制作背景效果；使用“基本椭圆”工具和“椭圆”工具，绘制按钮图形；使用“文本”工具，输入广告语，如图2-265所示。

【效果所在位置】Ch02/效果/绘制播放器图标.fla。

1. 绘制背景

（1）选择“文件 > 新建”命令，弹出“新建文档”对话框，在“常规”选项卡中选择“ActionScript 3.0”选项，将“宽”选项设为700，“高”选项设为600，单击“确定”按钮，完成文档的创建。将“图层1”重命名为“背景”，如图2-266所示。

（2）选择“矩形”工具，在矩形工具“属性”面板中，将“笔触颜色”设为青色（#1EBBE6），“填充颜色”设为灰色（#666），“笔触”选项设为13，在舞台窗口中绘制一个大小适当的矩形条，如图2-267所示。

（3）选择“窗口 > 颜色”命令，弹出“颜色”面板，选择“填充颜色”选项，在“颜色类型”选项的下拉列表中选择“线性渐变”，在色带上将左边的颜色控制点设为蓝色（#00B9EF），将右边的颜色控制点设为深蓝色（#00315E），生成渐变色，如图2-268所示。

（4）选择“颜料桶”工具，在闭合路径内部从左向右拖曳渐变色，如图2-269所示。松开鼠标后，渐变色被填充，效果如图2-270所示。

2. 绘制按钮图形

（1）按Ctrl+F8组合键，弹出“创建新元件”对话框，在“名称”选项的文本框中输入“按钮”，在“类型”选项下拉列表中选择“图形”选项，如图2-271所示，单击“确定”按钮，新建图形元件“按钮”，舞台窗口也随之转换为图形元件的舞台窗口。

（2）选择“基本椭圆”工具，在基本椭圆工具“属性”面板中将“笔触颜色”设为无，“填充颜色”为刚才的渐变色，其他选项的设置如图2-272所示。

（3）在舞台窗口中绘制一个饼形，如图2-273所示。选择“渐变变形”工具，在图形上单击鼠标，出现渐变控制手柄，如图2-274所示。将鼠标指针放置在右上角的圆形控制点上，指针变为时，向右下方拖曳鼠标，改变渐变色的倾斜度，效果如图2-275所示。将鼠标指针放置在中心控制点上，当指针变为时，向上拖曳鼠标，改变渐变色的位置，如图2-276所示。

（4）单击“时间轴”面板下方的“新建图层”按钮，新建“图层2”。选择“窗口 > 颜色”命令，弹出“颜色”面板，选择“填充颜色”选项，在“颜色类型”选项的下拉列表中选择“径向渐变”，在色带上将渐变色设为从浅灰（#444040）、灰色（#3F3B3A）、深灰色（#261D1A）到黑色（#261D1A），共设置4个控制点，生成渐变色，如图2-277所示。

（5）选择“椭圆”工具，选中工具箱下方的“对象绘制”按钮，在舞台窗口中绘制一个径向渐变的椭圆形，效果如图2-278所示。

（6）单击“时间轴”面板下方的“新建图层”按钮，新建“图层3”。在椭圆工具“属性”面板中，将“笔触颜色”设为灰色（#CCC），“填充颜色”设为白色，“笔触”选项设为2，在舞台窗口中绘制一个椭圆形，效果如图2-279所示。

3. 添加其他素材

（1）单击舞台窗口左上方的“场景1”图标，进入“场景1”的舞台窗口。单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“按钮”，如图2-280所示。将“库”面板中的图形元件“按钮”拖曳到舞台窗口中，并放置在适当的位置，如图2-281所示。

（2）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“星星”。选择“窗口 > 颜色”命令，弹出“颜色”面板，选择“填充颜色”选项，在“颜色类型”选项的下拉列表中选择“线性渐变”，在色带上将左边的颜色控制点设为蓝色（#00B9EF），将右边的颜色控制点设为深蓝色（#005593），生成渐变色，如图2-282所示。

（3）选择“多角星形”工具，在多角星形“属性”面板中，单击“工具设置”选项组中的“选项”按钮，在弹出的“工具设置”对话框中进行设置，如图2-283所示，单击“确定”按钮，完成工具设置。在舞台窗口中绘制一个星星，效果如图2-284所示。

（4）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“装饰”。选择“文件 > 导入 > 导入到舞台”命令，在弹出的“导入”对话框中，选择本书学习资源中的“Ch02> 素材 > 绘制播放器图标 > 01、02”文件，单击“打开”按钮，文件分别被导入舞台窗口，分别拖曳图像到适当的位置，如图2-285所示。