2 Flash CC工作环境

学习要点

·掌握Flash CC的工作环境

·掌握工具面板的相关知识

·掌握时间轴的相关知识

·掌握舞台的显示方法

·掌握属性面板的概念

运行Flash程序，当启动画面结束后，首先进入视线的就是开始页。开始页提供了打开和新建文档的捷径，并提供了一些教程和帮助信息。开始页的主体分为左、中、右三部分。左栏为“打开最近的项目”和“扩展”栏，中栏为“新建”和“模板”栏（该栏也包括一些为高级开发任务准备的选项），右栏为“简介”和“学习”栏，如图2-1-1所示。

如果不想在下次启动程序时再看到开始页，可以在该页面的左下角勾选“不再显示”复选框，这样就设置好了。需要时，还可以通过选择菜单“编辑→首选参数→常规→启动时显示‘欢迎屏幕’”，重新设置为开始时出现开始页。

首先，我们快速浏览一下Flash CC的工作环境，也就是Flash CC的操作界面。打开Flash应用程序，在初始页面“新建”下的“Flash文件（ActionScript 3.0）”选项上单击，进入Flash CC。这时可以看到一个排列有序的界面，它的基本结构如图2-1-2所示。

应用程序栏：包含了工作区切换器和Create Cloud云设置状态同步选项，设置状态同步是Flash CC的新增功能，可以在多台计算机上同步软件的设置状态信息。

菜单栏：包含所有能用到的菜单命令，通过它可以执行大部分的功能。

时间轴：时间轴控制项目文件中的所有元素，包括图层、帧、播放头和状态栏。默认情况下，时间轴停放在舞台下部，但是我们能取消停放，然后将其移到屏幕上的任意位置。

工具面板：包含各种选择工具、绘图工具、文本工具、视图工具、填充工具以及一些相关选项。

舞台：主要用来显示动画、图像和其他内容。在发布或导出一个已完成的项目后，它是用户可见的区域。

面板：Flash中有多种面板，用这些面板可以查看或更改Flash文档中的相关元素。可以在“窗口”菜单中勾选所要打开的面板或者取消勾选来关闭它们。

属性面板：属性面板显示舞台或时间轴上当前选定项的相关属性，同时，滤镜面板也整合到该面板中了，操作起来很方便。

储存和管理界面：用户在操作中会用到不同的面板，经过长时间的操作后，或许界面已经乱作一团，怎样才能让它们各归其位呢？这时只需在应用程序栏里的“工作区切换器”中单击“重置-基本功能”选项，就可以把杂乱的界面恢复到默认界面了，如图2-1-3所示。

每个人操作软件的习惯各不相同，如果每次使用Flash CC时都要先调整好自己习惯的操作界面，则会浪费时间。假如我们把习惯的操作界面储存起来，下次使用时就可以快速调用。怎样才能把当前自己习惯的操作界面储存起来呢？在应用程序栏里的“工作区切换器”中单击“新建工作区”，输入合适的名字，这样就可以把当前的操作界面储存到工作区切换器中了。

工作区切换器菜单中的“基本功能”工作区作为默认的状态显示，将时间轴窗口放到了界面下方，还将工具面板和原本在界面下方的属性面板都放置到界面右侧。

接下来，我们来逐一详解Flash CC操作界面各部分的具体构成。

2.1 应用程序栏

应用程序栏比较简单，该栏显示了工作区切换器下拉菜单。工作区切换器中包含了7种（动画、传统、调试、设计人员、开发人员、基本功能和小屏幕），针对不同领域专业人员各自操作特点的选项，默认的预设为基本功能。

Flash CC中新增了一个“同步设置状态”按钮，在安装Flash CC程序时会要求输入Creative Cloud ID，登录成功后单击该按钮便可以把首选参数、默认文档设置、键盘快捷键、网格、辅助线和紧贴设置以及Sprite表设置同步到云服务器中。当你更换计算机时，可在新的计算机中同步之前的设置状态，快速部署工作环境。要切换账号，请单击菜单栏的“帮助→注销”，重新登录新账号。

2.2 菜单栏

菜单栏包含了所有执行命令的菜单，Flash的大部分命令通过它来完成，选择不同的菜单可以执行不同的操作。在以后的相关章节中，会详述相应的操作命令。

2.3 工具面板

Flash CC的默认布局，是将工具面板放置到界面的右侧。工具面板里包含了绘图、选择、编辑和填色等所有工具。拖动工具面板的边框可以改变工具面板的大小。

把指针放置在工具上停留片刻，我们可以看到指针的下方显示工具名称为“矩形工具（R）”，快捷键为“R”；直接在键盘上敲击“R”键（大小写都可），即可快速选中这个工具。按住鼠标不放，可以在弹出的更多同类工具中进行选择，如图2-3-1所示。

同时还可以在图2-3-1中看到，工具面板被分隔线分为6个区域，该工具面板由以下6部分组成。

第1个区域为“选择”部分，主要用来选择工作区中的相关对象。

第2个区域为“绘图”部分，包括了一些用来绘制线段、图形和输入文本的相关工具。

第3个区域为“填充”部分，主要是填充颜色、擦除填充和吸取颜色等与填充相关的工具。

第4个区域为“查看”部分，这个部分只有两个工具—手形工具和缩放工具。

第5个区域为“颜色”部分，这部分主要用来设置笔触和填充的颜色。

第6个区域是“选项”，这个区域比较特殊，平时是不显示的，只有在选择了相应的工具后，根据所选工具的不同而显示相关的选项。

2.4 时间轴

时间轴大体上由图层、帧和播放头3部分组成。还包括添加多个图层，可以用来组织文档中的插图。图层按照其在时间轴中出现的次序堆叠，因此，时间轴底部图层的对象在舞台上也堆叠在底部。我们可以隐藏、显示、锁定或解锁图层。每一图层的帧都是唯一的，但是我们可以在同一图层上将其拖动到新位置，复制或移动到另一图层。下面以图2-4-1所示的文件—Adobe Airplane为例说明。

1.图层

图层就像堆叠在一起的多张幻灯胶片一样，每个图层都包含一个显示在舞台中的不同图像。在当前图层中绘制和编辑对象，并不会影响其他图层上的对象。例如，实例“Adobe Airplane”中就有“背景”、“文字”和“飞机”3个图层。

2.帧

帧是动画中的单位时间。与胶片一样，Flash CC将时长分为帧。没有内容的帧以空心圈显示，有内容的帧以实心圈显示。普通帧会延续前面关键帧的内容。帧频决定每个帧占用多长时间。例如“飞机”这个图层的帧有飞机飞行时所处的不同位置，当影片从左到右播放这些帧的内容时，就展现了一架飞机从右到左飞行的过程。

3.播放头

在时间轴面板里有一条比较细的红线，拖动该红线上的红方块，可以观看红线所停留帧的详细内容，这条红线就是播放头。播放头指示到某帧，该帧的内容就会展现到舞台上，这有助于用户来编辑该帧的内容。

关于图层和帧的具体操作，会在后面的章节做详细的介绍。

2.5 舞台

和剧院中的舞台一样，Flash中的舞台也是播放影片时观众看到的区域，它包含文本、图形及出现在屏幕上的视频。在Flash Player或即将播放Flash影片的Web浏览器中移动元素进出这一矩形区域，就可以让元素进出舞台。当然了，用户也可以在舞台周围的灰色区域对Flash的内容进行相应的操作，不过值得注意的是，在Flash影片播放时，灰色区域里的内容是不可见的，如图2-5-1所示。

例如在下面这个例子中，想要表现飞机从右飞到左的过程，这时可以让飞机从舞台外面的灰色区域驶入舞台，然后继续驶出舞台，如图2-5-2所示。在最终放映的Flash影片中，用户只能看到飞机在舞台上移动的那部分画面，而看不到飞机在灰色区域移动的过程。打开“Flying”文件，在菜单栏选择“控制→测试影片”或者直接使用快捷键Ctrl+Enter测试影片，这时便可以看到最终效果。

Flash默认的舞台大小是550像素（宽）×400像素（高），背景为白色，如图2-5-3所示。当然，用户也可以根据需要来更改这些默认值。

用户可以在菜单栏选择“视图→标尺”，这时可以在舞台上显示出标尺，也可以在菜单栏单击“视图→网格→显示网格”，使舞台上显示出网格，或者在菜单栏单击“视图→辅助线→显示辅助线”，然后可以单击标尺的任意一处，在不松开鼠标的情况下将辅助线拖到舞台上相应的位置。标尺、网格和辅助线可以帮助用户对舞台上的内容进行精细的定位操作，如图2-5-4所示。

提示：网格和辅助线的参数是可以调整的。用户可以选择“视图→网格→编辑网格”，在弹出的对话框中对网格进行设置；在菜单中选择“视图→辅助线→编辑辅助线”，在弹出的对话框中对辅助线进行设置；也可以双击辅助线，在弹出的移动辅助线对话框中进行编辑，精确定位。

2.5.1 缩放舞台

在制作Flash影片的过程中，用户常常需要缩小或者放大舞台，以便更好地对舞台上的内容进行缩小或者放大的相关操作。用户可以在工具面板中单击“缩放”工具，在相应选项中选择放大或者缩小工具来对舞台进行缩放操作，如图2-5-5所示。

在选中缩放工具时，可以将指针移至工作区中，指针会显示为一个放大或者缩小模式。例如当前为放大模式，同时按下Alt键可以快速切换到“缩小”模式，反之亦然。

假如需要对舞台上内容的特定区域进行放大，首先要选中缩放工具，无论当前是放大模式还是缩小模式，在所要放大的区域按住鼠标左键拖出一个矩形，再松开鼠标左键，指定的区域就会被放大并填充至整个窗口，如图2-5-5和图2-5-6所示。

假如需要将舞台恢复到本来大小，只需双击“缩放”工具即可。同时还可以利用其他方式来缩放舞台。如在菜单中选择“视图”，在下拉菜单中选择“放大”、“缩小”或者“缩放比率”来进行缩放操作。同时用户还可以在工作区上方的编辑栏调整舞台的缩放比率，如图2-5-7所示。

在“缩放比率”的选项中，可以看到一个“显示全部”选项，使用该选项，可以显示出当前帧的全部内容，如图2-5-8所示。

当用户需要显示整个舞台时，选择“缩放比率→显示帧”，可以看到完整的舞台，包括舞台下面及右边的拖动条，舞台自动居中对齐，如图2-5-9所示。

选择“缩放比率→符合窗口大小”，可以使舞台充满应用程序窗口，此时舞台周边的拖动条是不可见的，如图2-5-10所示。

Flash CC舞台上的最小缩小比率为4%，最大放大比率为2000%，所有的缩放操作都只能在这个范围内进行。

符合窗口大小：在保证可视区域完全显示的前提下，把舞台缩放至充满整个文档窗口的大小，舞台自动居中对齐，同时水平与垂直滚动条不显示。

显示帧：按照当前帧可视区域的边界来调整舞台视图，舞台自动居中对齐，这时不包含工作区的内容。

显示全部：按照所有对象可视区域的边界来调整舞台视图，同样也包括工作区中的内容。

2.5.2 移动舞台及定位到舞台中心

当把舞台放大之后或者对象本身比较大时，就需要移动舞台来查看舞台上的内容，这时候，就可以用工具面板上的手形工具来查看各个部分视图了。选中手形工具后，在舞台上按住鼠标左键不放，便可以根据需要拖动舞台。如果在其他工具的编辑状态下，也可以直接按住空格键，这时光标会切换到手形工具，在舞台上按住鼠标左键也能进行舞台的拖动操作。

Flash CC中新增了“舞台中心”的定位功能，当工作区较大时，不管移动舞台到任何地方，都可以通过舞台顶部的“舞台中心”快速返回舞台中心。

2.5.3 全屏模式编辑

当Flash作品的舞台区域较大或在较小的屏幕进行编辑时，编辑效率就低，因此Flash CC增加了新的全屏编辑模式，通过按F11键即可进入全屏编辑模式，Flash CC会出现一个操作的提示框，如图2-5-11所示。

全屏模式通过隐藏面板和菜单栏为舞台分配更多屏幕空间。面板转换为重叠的面板，在全屏编辑模式下可通过将指针悬停到屏幕缘来显示或隐藏面板，也可以通过按F4键来显示或隐藏面板，如图2-5-12所示。

2.6 属性

2.6.1 属性检查器

属性检查器即属性面板位于界面右侧，与库面板形成一个面板组。使用属性面板可以轻松访问当前舞台或当前时间轴上选中内容的最常用属性。属性面板可以显示当前文档、文本、元件、形状、位图、视频、组、帧或工具的属性信息和设置。当选择了两个或多个不同类型的对象时，属性面板会显示选中对象的总数。该面板为创作动画整合了最基本的选项，让用户可以从一个统一固定的位置访问到大部分的工具选项，属性面板是使用率最高的面板。图2-6-1分别显示了不同选定状态下的属性面板。

2.6.2 滤镜

滤镜是属性面板中的一个子项目，可以直接利用各种滤镜为文本、按钮和影片剪辑增添有趣的视觉效果或创建逼真的动画。

首先选中要应用滤镜的对象，然后单击打开“滤镜”面板，单击“添加滤镜”按钮，在弹出菜单中选择所要应用的滤镜，如图2-6-2所示。

当然，用户还可以通过更改滤镜的相关属性来调整所应用的滤镜，如图2-6-3所示。

一个对象可以同时应用多个滤镜，这时可以看到所有被应用的滤镜的列表。如果要撤消某个滤镜效果，可以在列表中选中该滤镜，再单击滤镜面板上面的“删除滤镜”按钮 ，如图2-6-4所示。

单击滤镜列表右侧的眼睛图标可显示或隐藏该滤镜效果；单击滤镜面板右侧“选项”按钮可对滤镜进行更多操作，如复制粘贴滤镜，复制粘贴所有滤镜；每个滤镜效果都有一个预设的默认值，如果对编辑的滤镜效果不满意可选中滤镜，执行“重置滤镜”功能，恢复滤镜的默认值。

制作好一组滤镜效果后，可以将其另存为预设，单击“选项”下拉菜单中的“另存为预设”功能，为当前效果命名即可保存一个预设，在“选项”下拉菜单中便会出现你命名的滤镜效果预设。选择新的对象，单击这个预设效果会自动应用滤镜。

提示：应用的滤镜数量越多，质量越高，Flash要处理的计算量也就相对越大。一定要根据需要，选择合适的滤镜数量和质量级别，以此来保证Flash影片的播放性能。

2.7 面板

Flash CC精简了部分不常用的面板，删除了“控制器”、“动画编辑器”、“公用库”、“项目”、“行为”、“组件检查器”、“影片浏览器”、“字符串”、“Web服务”面板。Flash CC的每个面板都有一套独特的工具或信息，以查看或修改特定的文件元素。用户通过这些面板可对选定对象的相关属性进行查看和调整。在Flash主菜单中单击“窗口”菜单，可以看到Flash程序中所有面板的列表，如图2-7-1所示。

2.7.1 面板的样式与组合

面板的位置是不固定的，可以随意泊靠或移动、折叠或展开，或将多个面板组合在一起。这十分有利于管理和使用众多的面板，如图2-7-2所示。

在Flash CC中，可以随意地将面板拖动到任何的一个地方进行组合。鼠标单击面板上的标签并拖动到用户想要组合的面板上，然后松开鼠标，面板将自动组合到想要组合的面板上，形成面板组，如图2-7-3所示。例如，将一个面板拖移到另一个面板上，当边界出现一个蓝色边框时，即可松开鼠标，将面板放置到此处，如图2-7-4所示。

如果想单独把某个面板从面板组中取出，只需要直接单击你想取出的面板的标签，并将其拖出面板组，然后松开鼠标，这样它就会独立出来了，如图2-7-5所示。

如果想调整面板在面板组中的顺序，直接按住面板名不放，左右移动到你想要放置的位置，松开鼠标即可。

2.7.2 图层

图层是大部分设计软件的一个通用概念，它犹如无数的透明玻璃纸，你在玻璃纸上作画，透过上层的玻璃纸可以看到下层玻璃纸的内容，内容被叠加在一起，从而产生丰富的视觉效果。

一个Flash影片往往会包含许多图层，图层按照其在时间轴中出现的次序堆叠，因此，时间轴底部图层的对象在舞台上也堆叠在底部。假如某两个对象在时间轴上占用同一空间，那么上层中的对象在显示时会挡到下层的对象，当然这并不会影响到对它们进行单独编辑。图层面板设置区如图2-7-6所示。

显示/隐藏图层：此切换开关外形为一个小眼晴，用来临时隐藏舞台视图中该层的内容。点眼晴下面的小黑点可显示/隐藏黑点所在图层，如果直接点小眼晴，那么它会隐藏或者显示所有图层内容。注意，这种“隐藏”并非实质上的删除此层，只是一个编辑的辅助操作，帮助用户无干扰地编辑内容。隐藏后，图层中的内容依旧可以在输出的目标文件中显示出来。

锁定图层：在创作过程中，经常会因为误操作移动或删除了已经制作好的内容。因此，使用该切换开关可以禁止或允许对图层的编辑，当锁定后可以保护该层不受任何操作的影响。

图层轮廓：它的全称是“将所有图层显示为轮廓”，如果使用的对象过于复杂，而计算机配置又较低，经常会影响编辑时的显示速度。而这个线框模式可以提高计算机的运行速度，还能准确地显示对象的位置，这样的确是一个完美之策。

新建图层：在当前图层的上方建立一个新图层，双击图层后，可以修改该图层的名称，上下拖动图层可调整图层的前后顺序。

新建文件夹：图层多到一定程度，管理起来就不会很方便了。使用图层文件夹，可把图层进行分类归总。方法很简单，只要把图层直接拖入文件夹就可以了。和图层一样，图层文件夹也可执行调整上下顺序、改名等操作。使用其下拉箭头图标可折叠/展开文件夹。

删除图层：直接单击此按钮可删除当前活动图层，也可以把相应的图层直接拖入到该按钮上进行删除。当只剩一个图层或文件夹时，此按钮将变为灰色不可用状态。

当前活动层：指当前正在编辑的图层，使用铅笔图标来表示当前活动图层，并且此层会变为蓝色选中状态。

图层的属性：右键单击图层会出现一个弹出菜单，在其中单击“属性”选项，会出现“图层属性”对话框，如图2-7-7所示。这里以简要的形式列举了关于图层的众多选项，包括名称、选择图层的类型和轮廓颜色等，同时也可以设置图层高度。在类型一项中，选择用于各种图层之间的转换，在以后的动画实例中将经常提到。

2.7.3 使用快捷菜单和快捷键

除了繁多的菜单和工具外，为了提高操作效率，Flash也提供了一些常用功能的快捷菜单和快捷键。Flash CC对键盘快捷键面板重新设计并进行了简化，提高了可用性和性能。

1.快捷菜单

快捷菜单不同于主菜单，一般需要右键单击才会看到，而且它只会显示与当前单击区域相关的一些功能。比如在Flash中，只有在工作区、对象、帧或库面板上右键单击鼠标才会看到相关联的快捷菜单。这些快捷菜单同样也是可以在主菜单中找到，如图2-7-8所示。

2.使用快捷键

用鼠标在众多菜单中寻找功能是相当浪费时间的。对于大多数熟练的软件使用者来说，记忆一些常用的快捷键是一种高效的方法。

如之前提及过的，工具面板中的快捷键都是单键形式的。而其他的菜单、面板的快捷键都是以键盘上Ctrl、Alt和Shift这三键中的某个或某几个加上字母、数字或符号组合而成的。按照常规，越常用的快捷键越短，例如快捷键Ctrl+L可以调出库面板。快捷键一般写在菜单命令之后，如图2-7-9所示。

3.自定义快捷键

除了一些通用的Ctrl+C、Ctrl+L等快捷键以外，并不是所有默认的快捷键都容易记忆。用户可根据个人习惯更改快捷键设置。比如颜色面板的快捷键是Ctrl+Shift+F9，在键盘上单手敲击这3个键比较费劲，我们可以改一个容易操作的快捷键。

选择“编辑→快捷键”就进入了“快捷键”对话框。所谓触类旁通，如果你是Photoshop、Illustrator或其他软件的用户，也可以在Flash中使用以前熟悉软件的快捷键，这样会更快地熟悉现有的操作环境。Flash CC重新设计了键盘快捷键面板，增加了搜索功能，界面如图2-7-10所示。

如果新快捷键的键值与默认值相冲突，冲突信息提示框会显示具体的信息，可直接单击“转到冲突”按钮，快速找到冲突位置进行修改。

要删除快捷键设置可选中命令，单击“删除全部”按钮或单击快捷键栏的打叉图标即可清除快捷键设置。

可以根据自己需要，设置个性化的快捷方式。首先可复制一个副本，在副本上修改，单击新建快捷键组按钮，在弹出的副本中输入一个新的名字，以新名称保存当前快捷键组。

默认状态下，命令菜单是折叠起来的，单击相应的菜单弹开详细列表，在命令菜单中，选择菜单命令所属的类别进行快捷键设置。也可以通搜索栏对所有快捷键命令进行搜索，搜索栏对快捷键组的全文进行匹配，包括命令、快捷键和描述，如图2-7-11所示。

在“网络”列表中，单击“编辑网络”，然后单击下部的“添加”按钮或直接单击该命令的快捷键栏，会出现一个带打叉按钮的输入框，按下键盘上的Ctrl+Alt+D，快捷键自动设定完成，如图2-7-12所示。

2.7.4 文档的撤消

撤消和重做

在动画的创作过程中，如果操作失误，可以通过撤消操作来恢复到之前的状态，而重做命令又可以取消刚才的撤消，两者互为逆操作。在“编辑”菜单的最上面，有“撤消”和“重做”两条命令，快捷键分别是Ctrl+Z和Ctrl+Y，这两个快捷键也几乎是通用的，需要熟记。撤消一直是非常受用户青睐的，它可以撤消上百步或更多，选择菜单“编辑→首选参数”，在第一页中，可以设置Flash能够撤消的最多步数，如图2-7-13所示。

2.7.5 场景面板

在创建大型的Flash动画项目时，经常会使用场景来组织影片。可以把场景理解为整个演出中的一幕，或者电影中的一个分镜头。每个场景有独立的时间轴，但实际上它只是主时间轴的延续。使用场景会使动画项目在组成上更合乎逻辑，并方便管理。

选择“窗口→场景”打开场景面板。如不通过脚本调用，场景会按照排列的顺序进行播放，这个顺序可以通过上下拖动来改变，如图2-7-14所示。

不过，Flash项目越做越大，使用场景来组织动画的设计师反而越来越少了。原因很简单，在一个文件中使用场景会使其目标文档体积变得很大。如今使用更多的是把庞大的动画项目进行模块化管理。用单独的Flash文档来代替场景，把项目的各组成部分都拆开来，通过脚本进行调用。这样的好处是提高了Flash的播放性能，方便修改又能提高团队合作的效率。

2.8 小结

至此，我们对Flash CC的工作环境已经有了大体的了解。大家是不是已经迫不及待地想要在这个操作环境里一显身手了？好吧，在下一章中，我们将讲述Flash软件中重要的基础操作——绘图。