第1章　Flash CC基础入门

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

课堂学习目标

• 了解Flash的诞生、发展与应用

• 了解Flash新增和改进功能

• 掌握Flash基本操作的方法和技巧

1.1　Flash的诞生与发展历程

Flash是一种集动画创作与应用程序开发于一身的创作软件。在网络盛行的今天，Flash已经成为一个新的专有名词，并成为交互式矢量动画的标准。

1.1.1　Flash的诞生

Flash的前身是FutureSplash，当时最大的两个用户是Microsoft和Disney。1996年11月FutureSplash正式卖给MM（Macromedia.com）并改名为Flash1.0。在发布Flash8.0版本以后，Macromedia又被Adobe公司收购，并把Flash的功能进一步强化，让Flash这种互动动画形式成为当今动画设计领域应用最广泛的动画形式之一。

1.1.2　Flash的发展历程

Flash从Future Splash转变而来，在1996年诞生了Flash 1.0版本。一年后，推出Flash 2.0版本，但是并没有引起人们的重视。直到2000年Macromedia推出了酝酿已久的具有里程碑意义的Flash 5.0，首次引入了完整的脚本语言ActionScriptl.0，迈出了面向对象的开发环境领域的第一步。

在2004年推出了Flash MX 2004，这是Flash作为面向对象开发环境的第二个里程碑。图1-1所示为Flash MX 2004的启动界面。Flash 8.0是Macromedia于2006年推出的版本，提供了Macromedia Flash Basic 8和Macromedia Flash Professional 8两种版本。图1-2所示为Flash 8.0的启动界面。2006年Macromedia公司被Adobe公司收购，Flash 8.0也成为Macromedia公司推出的最后一个版本。

图1-1

2007年，Adobe公司推出了全新的Flash CS3，增加了全新的功能，包括对Photoshop和Illustrator文件的本地支持，以及复制、移动功能，并且整合了ActiconScript 3.0脚本语言开发。图1-3所示为Flash CS3的启动界面。

图1-2

图1-3

其后又依次推出CS4版本、CS5版本和CS6版本，如图1-4、图1-5、图1-6所示。2013年6月，Adobe公司再次推出全新的Flash CC版本。这个版本的特点有：使用64位架构，增强及简化的UI，FULL HD视频和音效转存，全新的程序代码编辑器，通过USB进行行动测试，改进的HTML发布，实时绘图和实时色彩预览，时间轴增强功能，无限制的绘图板大小，自定义元数据和同步设定。图1-7所示为Flash CC的启动界面。

图1-4

图1-5

图1-6

图1-7

1.2　Flash的应用领域

随着互联网和Flash的发展，Flash动画技术的应用越来越广泛。如电子贺卡、网络广告、音乐宣传、游戏制作、电视领域、电影动画、多媒体教学等。下面分别介绍Flash动画技术在以下领域的应用。

1.2.1　电子贺卡

网络发展给网络贺卡带来了商机。当今，越来越多的人在亲人朋友重要日子的时候通过互联网发送贺卡，但传统的图片文字贺卡太过单调，这就使得具有丰富效果的Flash动画有了用武之地，Flash动画形式的电子贺卡如图1-8所示。

图1-8

1.2.2　网络广告

很多知名企业通过Flash动画广告宣传自己的品牌和产品，如图1-9所示，并且获得了理想的效果。

图1-9

1.2.3　音乐宣传

Flash MV提供了在唱片宣传上既保证质量又降低成本的有效途径，并且成功地把传统的唱片推广扩展到网络经营的更大空间。“中国闪客第一人”老蒋制作的“新长征路上的摇滚”是典型的Flash MV，如图1-10所示。

图1-10

1.2.4　游戏制作

Flash强大的交互功能搭配其优良的动画能力，使得它能够在游戏制作中占一席之地。Flash游戏可以实现任何内容丰富的动画效果，如图1-11所示，同时，利用Flash制作游戏还能节省很多空间。

图1-11

1.2.5　电视领域

随着Flash动画的发展，Flash动画在电视领域的应用已经非常普及，不仅应用于短片，而且应用于电视系列片生产，并成为了一种新的形式。此外，一些动画电视台还专门开设了Flash动画的栏目，使得Flash动画在电视领域的运用越来越广泛。由广东原创动力文化传播有限公司制作的原创动画片“喜洋洋与灰太狼”，是典型的Flash动画，如图1-12所示。

图1-12

1.2.6　电影动画

在传统的电影领域，Flash动画也越来越广泛地发挥着其作用。在电影领域应用Flash动画制作比较成功的动画片有《花木兰》等，如图1-13所示。

图1-13

1.2.7　多媒体教学

随着多媒体教学的普及，Flash动画技术越来越广泛地被应用到课件制作上，使得课件功能更加完善，内容更加精彩。如图1-14所示。

图1-14

1.3　Flash CC新增和改进功能

Flash CC是一个全面更新的应用程序，具有模块化64位架构和流畅的用户界面，并增加了许多强大的功能。它还是一个Cocoa应用程序，能确保与Mac OS X未来是兼容的，这种全方位的重构在性能、可靠性以及可用性方面都带来了极大的改善。

1.3.1　Flash Professional CC和创意云

使用最新版本的Flash Professional CC，用户就可以时常获得最新的版本，因为Flash Professional CC内置了访问每一个未来版本的权利，而且它支持与同步设置，用户可以把自己的设置和快捷方式同步在多台计算机上。

创意云是Adobe公司提供的云服务之一。创意云现在已经与Behance集成，实现实时灵感和以无缝方式来分享工作。

1.3.2　64位架构

64位Flash Professional CC，是从头开始重新开发的，与以前的旧版本相比，更加模块化，并提供前所未有的速度和稳定性。此外，还拥有轻松管理多个大型文件、发布更加迅速、反应更加灵敏的时间轴。

1.3.3　高清导出

用户可以将制作内容导出为全高清（HD）视频和音频，即使是复杂的时间表或脚本驱动中的动画，而且不丢帧。

1.3.4　改进HTML的发布

更新的CreatejS工具包增强了HTML5的支持，变得更有创意，并包括按钮、热区和运动曲线等新功能。

1.3.5　简化的用户界面

简化的用户界面可以让用户清晰地关注制作的内容，使对话框和面板更直观和更容易地浏览，用户还可以选择浅色或深色之间的用户界面。

1.3.6　在移动设备上实时测试

Flash CC通过USB把多个iOS和Android移动设备直接连接到计算机，以更少的步骤测试和调试制作的内容。

1.3.7　强大的代码编辑器

在Flash Profes-sional CC中使用代码编辑器能够更有效地编写代码，内置开源的Scintilla库。使用新的“查找和替换”面板在多个文件中搜索，以便更快地更新代码。

1.3.8　实时绘图

在Flash Professional CC中能够立即查看全部预览，并且可以使用任何形状工具创建具有填充和描边颜色的形状，以便更快地完成各种动画的制作。

1.3.9　节省时间和时间轴

用户可以在“时间轴”面板中管理多个选定图层的属性。使用最新版本的Flash Professional CC的新增功能，如交换多个元件和位图，可以轻松交换舞台上的多个实例、位图或图像。使用“分散到关键帧”命令，可以将所有选中元素在不改变原有属性和动画效果的情况下分发到不同的关键帧，操作简单、省时省力。

1.3.10　无限的画板大小

Flash Professional CC具有无限的画板（在Flash Professional CC中直译为“粘贴板”）工作区，使用户可以轻松管理大型背景或定位在舞台之外的内容。

1.3.11　自定义数据API

使用一套新JavaScript API设计布局、对话框、游戏素材或游戏关卡，在Flash Professional CC中创建这些元素时，将会为它们分配属性。

1.4　Flash CC的操作界面

Flash CC的操作界面由以下几部分组成：菜单栏、工具箱、时间轴、场景和舞台、“属性”面板，以及“浮动”面板，如图1-15所示。下面将对其进行一一介绍。

图1-15

1.4.1　菜单栏

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

图1-16

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

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

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

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

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

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

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

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

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

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

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

图1-17

1.4.2　工具箱

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

1．“工具”区

“工具”区提供选择、创建和编辑图形的工具。

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

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

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

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

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

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

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

• “多边形”工具：在舞台上选择规则的多边形区域。

• “魔术棒”工具：在舞台上选择颜色接近或相似的区域。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2．“查看”区

在“查看”区可改变舞台画面以便更好地观察。

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

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

3．“颜色”区

在“颜色”区可选择绘制、编辑图形的笔触颜色和填充色。

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

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

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

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

4．“选项”区

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

1.4.3　时间轴

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

1．层控制区

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

图1-18

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

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

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

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

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

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

2．时间线控制区

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

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

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

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

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

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

1.4.4　场景和舞台

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

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

图1-19

在舞台上可以显示网格和标尺，帮助用户准确定位。显示网格的方法是选择“视图 > 网格 > 显示网格”命令，如图1-20所示。显示标尺的方法是选择“视图 > 标尺”命令，如图1-21所示。

图1-20

图1-21

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

图1-22

1.4.5　“属性”面板

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

图1-23

图1-24

1.4.6　“浮动”面板

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

图1-25

图1-26

1.5　Flash CC的文件操作

1.5.1　新建文件

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

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

图1-27

图1-28

1.5.2　保存文件

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

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

图1-29

图1-30

提示

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

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

1.5.3　打开文件

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

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

图1-31

图1-32

提示

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

1.6　Flash CC的系统配置

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

1.6.1　“首选参数”面板

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

“首选参数”面板依次分为：“常规”选项卡、“同步设置”选项卡、“代码编辑器”选项卡、“文本”选项卡和“绘制”选项卡，如图1-33所示。选择“编辑 > 首选参数”命令，或按Ctrl+U组合键，弹出“首选参数”对话框。

1．“常规”选项卡

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

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

• “自动恢复”选项：可以恢复突然断电或是死机时没有保存的文档。

• “用户界面”选项：主要用来调整Flash的工具界面颜色的深浅度。

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

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

2．“同步设置”选项卡

“同步设置”选项卡如图1-34所示，主要用于多用户之间的同步。

图1-33

图1-34

3．“代码编辑器”选项卡

“代码编辑器”选项卡如图1-35所示，主要用于设置“动作”面板中动作脚本的外观。

图1-35

4．“文本”选项卡

“文本”选项卡用于设置Flash编辑过程中使用到“默认映射字体”“字体菜单”和“字体预览大小”等功能时的基本属性，如图1-36所示。

5．“绘制”选项卡

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

图1-36

图1-37

1.6.2　设置“浮动”面板

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

1．系统默认的面板布局

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

2．自定义面板布局

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

图1-38

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

图1-39

1.6.3　“历史记录”面板

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

提示

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

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

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

图1-40

图1-41

图1-42

图1-43

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

图1-44

图1-45

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

图1-46

图1-47

图1-48