2.2 图形制作

本节将对Animate CC 2017提供的图形处理工具进行一些简单的讲解，并列举一些基本的图形绘制实例。通过对本节的学习，相信大家对Animate CC 2017的图形制作不会再感到陌生了。

2.2.1 Animate CC 2017的图形

计算机以矢量或位图格式显示图形，了解这两种格式的差别有助于用户更高效地工作。使用Animate CC 2017可以创建压缩矢量图形并将它们制作为动画，也可以导入和处理在其他应用程序中创建的矢量图形和位图图像。在编辑矢量图形时，用户可以修改描述图形形状的线条和曲线属性，也可以对矢量图形进行移动、调整大小、重定形状及更改颜色的操作，而不更改其外观品质。

在Animate CC 2017中绘图时，创建的是矢量图形，它是由数学公式所定义的直线和曲线组成的。矢量图形与分辨率无关，因此，用户可以将图形重新调整到任意大小，或以任何分辨率显示它，而不会影响其清晰度。另外，与下载类似的位图图像相比，下载矢量图形的速度比较快。

图形编辑是Animate CC 2017的重要功能之一，用户在了解了一些基本的绘图方法之后，就可以从绘图工具栏里选择不同的工具以及它们的修饰功能键来进行创建、选择、分割图形等操作。当选择了不同的工具时，图形工具栏外观会跟着发生一些变化，且修饰功能键以及下拉菜单也将出现在工具栏的下半部分。修饰功能键大大扩展了此工具的使用功能，加强了此工具的实用性和灵活性。

一般情况下，在第一次接触到某工具时，只要能大概知道它的作用就可以了，至于具体应用，则需要在实践中去体会和理解。

2.2.2 铅笔工具和线条工具

在讲解铅笔工具之前先来熟悉一下工具箱。Animate CC 2017的工具箱如图2-4所示。

1．铅笔工具

（铅笔工具）用于在场景的指定帧上绘制线条和形状，它的效果就好像用真的铅笔画画一样。Animate CC 2017中的铅笔工具有属于自己的特点，比如，可以在绘图的过程中拉直线条或者平滑曲线，还可以识别或者纠正基本几何形状。另外，还可以使用铅笔工具的修正功能来创建特殊形状，也可以手工修改线条及其形状。

选择工具箱上的（铅笔工具）时，在工具箱下部的选项部分中将显示对象绘制按钮，用于绘制互不干扰的多个图形，单击右侧下的小三角形，会出现如图2-5所示的选项。

这3个选项分别对应铅笔工具的3个绘图模式。

●选择(伸直）时，系统会将独立的线条自动连接，将接近直线的线条自动拉直，对摇摆的曲线进行直线式处理。

●选择（平滑）时，将缩小Animate CC 2017自动进行处理的范围。在平滑选项模式下，线条拉直和形状识别功能都将被禁止。在绘制曲线后，系统可以进行轻微的平滑处理，且使端点接近的线条彼此可以连接。

●选择（墨水）时，将关闭Animate CC 2017自动处理功能，即画的是什么样就是什么样，不做任何平滑、拉直或连接处理。

选择（铅笔工具）的同时，在“属性”面板中也会出现如图2-6所示的选项，包括笔触颜色、笔触粗细、样式、缩放、端点类型和接合类型等。

单击颜色框，会弹出Animate CC 2017自带的Web颜色系统，如图2-7所示，从中可以定义所需的笔触颜色；拖动“笔触”右侧的滑块，可以自由设定线条的宽度；单击“样式”右侧的下拉按钮，可以从弹出的下拉列表中选择所需要的线条样式，如图2-8所示；单击（编辑笔触样式）按钮，可以在弹出的“笔触样式”对话框中设置所需的线条样式。

在“笔触样式”对话框中共有“实线”“虚线”“点状线”“锯齿线”“点刻线”和“斑马线”6种线条类型。

●实线：最适合在Web上使用的线型。此线型可以通过“粗细”和“锐化转角”两个选项来设定，如图2-9所示。

●虚线：带有均匀间隔的实线。短线和间隔的长度是可以调整的，如图2-10所示。

●点状线：绘制的直线由间隔相等的点组成。点状线与虚线有些相似，但只有点的间隔距离可调整，如图2-11所示。

●锯齿线：绘制的直线由间隔相等的粗糙短线组成。它的粗糙程度可以通过图案、波高和波长3个选项来进行调整，如图2-12所示。在“图案”选项中有“简单”“实线”“随机”“点状”“随机点状”“三点状”“随机三点状”7种样式可供选择；在“波高”选项中有“平坦”“起伏”“剧烈起伏”“强烈”4个选项可供选择；在“波长”选项中有“非常短”“较短”“中”“长”4个选项可供选择。

●点刻线：绘制的直线可用来模拟艺术家手刻的效果。点刻线的品质可通过点大小、点变化和密度来调整，如图2-13所示。在“点大小”选项中有“很小”“小”“中等”“大”4个选项可供选择；在“点变化”选项中有“同一大小”“微小变化”“不同大小”“随机大小”4个选项可供选择；在“密度”选项中有“非常密集”“密集”“稀疏”“非常稀疏”4个选项可供选择。

●斑马线：绘制复杂的阴影线，可以精确模拟艺术家手绘的阴影线，产生无数种阴影效果，这可能是Animate CC 2017绘图工具中复杂性最高的操作之一，如图2-14所示。它的参数有粗细、间隔、微动、旋转、曲线和长度等。其中，“粗细”选项中有“极细线”“细”“中”“粗”4个选项可供选择；“间隔”选项中有“非常近”“近”“远”“非常远”4个选项可供选择；“微动”选项中有“无”“回弹”“松散”“强烈”4个选项可供选择；“旋转”选项中有“无”“轻微”“中”“自由”4个选项可供选择；“曲线”选项中有“直线”“轻微弯曲”“中等弯曲”“强烈弯曲”4个选项可供选择；“长度”选项中有“相等”“轻微变化”“中等变化”“随机”4个选项可供选择。

面板下方的“端点”和“接合”选项用于设置线条的线段两端和拐角的类型，如图2-15所示。

端点类型包括“无”“圆角”和“方形”3种，效果如图2-16所示。用户可以在绘制线条之前设置好线条属性，也可以在绘制完成后重新修改线条的属性。

接合指的是在线段的转折处也就是拐角的地方，线段以何种方式呈现拐角形状。有“尖角”“圆角”和“斜角”3种方式可供选择，效果如图2-17所示。

当选择接合为“尖角”的时候，右侧的尖角限制文本框会变为可用状态，如图2-18所示。在这里可以指定尖角限制数值的大小，数值越大，尖角就越尖锐；数值越小，尖角会被逐渐削平。

2．线条工具

使用Animate CC 2017中的（线条工具）可以绘制从起点到终点的直线。其选项与（铅笔工具）的选项基本一致，这里就不再重复。

2.2.3 图形工具

在Animate CC 2017中包括（矩形工具）、（椭圆工具）、（基本矩形工具）、（基本椭圆工具）和（多角星形工具）5种图形工具。在默认情况下，Animate CC 2017工具箱中只显示（矩形工具）、（椭圆工具）和（多角星形工具），而（基本矩形工具）和（基本椭圆工具）为隐藏工具，如果要使用这两种工具则可以在工具箱中按住（矩形工具）或（椭圆工具）不放，在弹出的隐藏工具面板中选择相应的图形工具，如图2-19所示。

1．矩形工具和椭圆工具

（矩形工具）和（椭圆工具）分别用于绘制矩形图形和椭圆图形。

（1）矩形工具及其属性设置

使用（矩形工具）可以绘制出矩形或圆角矩形图形。绘制的方法：在工具箱中选择（矩形工具），然后在舞台中单击并拖动鼠标，随着鼠标拖动即可绘制出矩形图形。绘制的矩形图形由外部笔触线段和内部填充颜色所构成，如图2-20所示。

提示：使用（矩形工具）绘制矩形时，如果按住键盘上〈Shift〉键的同时进行绘制，可以绘制正方形；如果在按住〈Alt〉键的同时进行绘制，可以从中心向周围绘制矩形；如果在按住〈Alt+Shift〉组合键的同时进行绘制，可以从中心向周围绘制正方形。

选择工具箱上的（矩形工具）后，在“属性”面板中将出现（矩形工具）的相关属性设置，如图2-21所示。

在矩形工具的“属性”面板中可以设置矩形的外部笔触线段属性、填充颜色属性以及矩形选项的相关属性。其中，外部笔触线段与填充颜色的属性与（铅笔工具）的属性设置相同，这里不再重复。“属性”面板中的“矩形选项”用于设置矩形4个边角半径的角度值。

1）矩形边角半径：用于指定矩形的边角半径，可以在每个文本框中输入矩形边角半径的参数值。

2）（锁定）与（解锁）：如果当前显示为（锁定）状态，那么只要设置一个边角半径的参数，则所有边角半径的参数都会随之进行调整，同时也可以通过移动右侧滑块的位置统一调整矩形边角半径的参数值，如图2-22所示；如果单击（锁定），则将取消锁定，此时显示为（解锁）状态，不能再通过拖动右侧滑块来调整矩形边角半径的参数，但是还可以对矩形的4个边角半径的参数值分别进行设置，如图2-23所示。

3）重置：单击按钮，则矩形边角半径的参数值都将重置为0，此时，绘制矩形的各个边角都将为直角。

提示：在“属性”面板中或者在工具箱下方单击（对象绘制）按钮，使其处于打开状态，此时绘制多个图形时，重叠部分不会互相影响，各自独立；反之，如果（对象绘制）按钮处于关闭状态，此时绘制多个图形时，重叠部分会互相影响。

（2）椭圆工具及其属性设置

（椭圆工具）用于绘制椭圆图形，其使用方法与（矩形工具）基本类似，这里就不再赘述了。在工具箱中选择（椭圆工具）后，“属性”面板中将出现椭圆工具的相关属性设置，如图2-24所示。同样，这里只介绍“椭圆选项”的相关属性。

1）“开始角度”与“结束角度”：用于设置椭圆图形的起始角度与结束角度值。如果这两个参数均为0，则绘制的图形为椭圆或圆形。调整这两项属性的参数值，可以轻松地绘制出扇形、半圆形及其他具有创意的形状。图2-25所示为“开始角度”与“结束角度”参数变化时的图形效果。

2）内径：用于设置椭圆的内径，其参数值范围为0～99。如果参数值为0，则可根据“开始角度”与“结束角度”绘制没有内径的椭圆或扇形图形；如果参数值为其他参数，则可绘制有内径的椭圆或扇形图形。图2-26所示为“内径”参数变化时的图形效果。

3）闭合路径：用于确定椭圆的路径是否闭合。如果绘制的图形为一条开放路径，则生成的图形不会填充颜色，而仅绘制笔触。默认情况下选中“闭合路径”选项。

4）重置：单击按钮，（椭圆工具）的“开始角度”“结束角度”和“内径”参数将全部重置为0。

2．基本矩形工具和基本椭圆工具

（基本矩形工具）、（基本椭圆工具）与（矩形工具）、（椭圆工具）类似，同样用于绘制矩形与椭圆图形。不同之处在于使用（矩形工具）和（椭圆工具）绘制的矩形与椭圆图形不能再通过“属性”面板设置矩形的边角半径和椭圆圆形的开始角度、结束角度、内径等属性，使用（基本矩形工具）和（基本椭圆工具）绘制的矩形与椭圆图形则可以继续通过“属性”面板随时进行属性设置。

3．多角星形工具

（多角星形工具）用于绘制星形或者多边形。当选择（多角星形工具）后，在“属性”面板中单击按钮，如图2-27所示，可以在弹出的“工具设置”对话框中进行相关选项的设置，如图2-28所示。

1）样式：用于设置绘制图形的样式，有多边形和星形两种类型可供选择。图2-29所示为选择不同样式类型的效果。

2）边数：用于设置绘制的多边形或星形的边数。

3）星形顶点大小：用于设置星形顶角的锐化程度，数值越大，星形顶角越圆滑；反之，星形顶角越尖锐。

2.2.4 画笔工具

利用（画笔工具）可以绘制类似毛笔绘图的效果，应用于绘制对象或者内部填充，其使用方法与（铅笔工具）类似。但是使用（铅笔工具）绘制的图形是笔触线段，而使用（画笔工具）绘制的图形是填充颜色。

在工具箱中选择（画笔工具）后，在工具箱下方的“选项区域”中将出现（画笔工具）的相关选项，如图2-30所示。

●对象绘制：以对象模式绘制互不干扰的多个图形。

●锁定填充：用于设置填充的渐变颜色是独立应用还是连续应用。

●画笔模式：用于设置画笔工具的各种模式。

●画笔大小：用于设置画笔工具的笔刷大小。

●画笔形状：用于设置画笔工具的形状。

1．使用画笔模式

“画笔模式”用于设置（画笔工具）绘制图形时的填充模式。单击该按钮，可以弹出如图2-31所示的5种画笔模式。

●（标准绘画）：使用该模式时，绘制的图形可对同一图层的笔触线段和填充颜色进行填充。

●（颜料填充）：使用该模式时，绘制的图形只填充同一图层的填充颜色，而不影响笔触线段。

●（后面绘画）：使用该模式时，绘制的图形只填充舞台中的空白区域，而对同一图层的笔触线段和填充颜色不进行填充。

●（颜料选择）：使用该模式时，绘制的图形只填充同一图层中被选择的填充颜色区域。

●（内部绘画）：使用该模式时，绘制的图形只对画笔工具开始时所在的填充颜色区域进行填充，而不对笔触线段进行填充。如果在舞台空白区域中开始填充，则不会影响任何现有填充区域。

图2-32所示为使用不同画笔模式绘制的效果比较。

2．画笔工具的属性设置

选择（画笔工具）后，可以在“属性”面板中设置（画笔工具）的相关属性。对于（画笔工具），除了可以设置常规的填充和笔触属性外，还有一个“平滑”的属性，如图2-33所示。该属性用于设置绘制图形的平滑模式，此参数值越大，绘制的图形越平滑。图2-34所示为设置不同“平滑”值的效果比较。

2.2.5 艺术画笔工具

利用（艺术画笔工具）可以绘制各种艺术绘图的效果，其使用方法与（画笔工具）类似。

默认情况下，使用（艺术画笔工具）绘制的只有笔触线段，如果要绘制带填充的效果，可以先选择（艺术画笔工具），然后在“属性”面板的“画笔选项”卷展栏中勾选“绘制为填充色”复选框，如图2-35所示。

在（艺术画笔工具）的“属性”面板的“样式”右侧下拉列表中有多种样式可供选择，如图2-36所示。图2-37为选择不同样式绘制的效果比较。

单击“样式”右侧的（画笔库）按钮，可以调出“画笔库”面板，如图2-38所示。通过选择“画笔库”面板中不同的画笔样式，用户可以绘制出各种艺术绘图的效果。图2-39为在“画笔库”面板中选择不同画笔样式绘制的效果比较。

2.2.6 墨水瓶工具

利用（墨水瓶工具）可以改变现有直线的颜色、线型和宽度，该工具通常与（滴管工具）配合使用。

（墨水瓶工具）和（颜料桶工具）位于工具箱上的同一位置，默认情况下显示为（颜料桶工具）。如果要使用（墨水瓶工具），则可以按住（颜料桶工具）不放，从弹出的面板中选择（墨水瓶工具），如图2-40所示。当选择（墨水瓶工具）后，“属性”面板中会显示出（墨水瓶工具）的相关属性，如图2-41所示。

下面通过一个小例子来讲解墨水瓶工具的基本使用方法。

【实例】选择工具箱上的（矩形工具），设置它的笔触颜色为黑色（#000000），笔触大小为2，填充色为灰色，然后在工作区中绘制一个矩形，如图2-42所示。接着选择工具箱上的（墨水瓶工具），设置它的笔触颜色为深灰色（#999999），在工作区中矩形的边缘上单击，即可看到矩形的黑色边框变成了深灰色，如图2-43所示。

2.2.7 颜料桶工具

利用（颜料桶工具）可以对封闭的区域、未封闭的区域及闭合形状轮廓中的空隙进行颜色填充。填充的颜色可以是纯色，也可以是渐变色。

在工具箱中选择（颜料桶工具）后，在工具箱下方的“选项区域”中将出现（颜料桶工具）的相关选项设置，如图2-44所示。单击（间隔大小）按钮，可以弹出如图2-45所示的4种空隙选项。

●不封闭空隙：用于在没有空隙的条件下进行颜色填充。

●封闭小空隙：用于在空隙比较小的条件下进行颜色填充。

●封闭中等空隙：用于在空隙比较大的条件下进行颜色填充。

●封闭大空隙：用于在空隙很大的条件下进行颜色填充。

如果激活（锁定填充）按钮，则可以对图形填充的渐变颜色或位图进行锁定，使填充看起来好像填充至整个舞台一样。

2.2.8 滴管工具

（滴管工具）用于从现有的钢笔线条、画笔描边或者填充上取得（或者复制）颜色和风格信息，该工具没有任何参数。

当滴管工具不是在直线、填充或者画笔描边的上方时，光标显示为，类似于工具箱上的滴管工具图标；当滴管工具位于直线上方时，光标显示为，即在标准滴管工具的右下方显示一个小铅笔图标；当滴管工具位于填充上方时，光标显示为，即在标准滴管工具的右下方显示一个小刷子图标。

当滴管工具位于直线、填充或者画笔描边上方时，按住〈Shift〉键，光标显示为，在这种模式下，使用滴管工具可以将单击对象的编辑工具的属性改变为被单击对象的属性。利用〈Shift+单击〉功能键可以取得单击对象的属性并立即改变相应编辑工具的属性，如墨水瓶工具、铅笔工具或文本工具等。滴管工具还允许用户从位图图像中取样用作填充。

用户可以用滴管工具获取被单击直线或者填充的所有属性（包括颜色、渐变、风格和宽度）。但是，如果内容不是正在编辑的组，那么组的属性不能用这种方式获取。

如果被单击对象是直线，滴管工具将自动更换为墨水瓶工具的设置，以便于将所取得的属性应用到别的直线上。与此类似，如果单击的是填充，则滴管工具将自动更换为颜料桶工具的属性，以便于将所取得的填充属性应用到其他的填充上。

当滴管工具用于获取通过位图填充的区域属性时，滴管工具将自动更换为颜料桶工具，且位图图片的缩略图将显示在填充颜色修正的当前色块中。

2.2.9 钢笔工具

要绘制精确的路径，如直线或者平滑流畅的曲线，用户可以使用（钢笔工具）。首先创建直线段或曲线段，然后调整直线段的角度和长度，以及曲线段的斜率。

当使用（钢笔工具）绘画时，进行单击可以在直线段上创建点，进行单击并拖动可以在曲线段上创建点。用户可以通过调整线条上的点来调整直线段和曲线段，可以将曲线转换为直线，反之亦可。使用其他Animate CC 2017绘画工具时，如（铅笔工具）、（画笔工具）、（线条工具）、（椭圆工具）或（矩形工具），可以在线条上创建点，也可以调整这些线条。

用户可以指定钢笔工具指针外观的首选参数，用于在画线段时进行预览，或者查看选定锚点的外观。

1．设置钢笔工具首选参数

选择工具箱上的（钢笔工具），执行菜单中的“编辑|首选参数”命令，然后在弹出的“首选参数”对话框中单击“绘制”选项卡，如图2-46所示。

在“钢笔工具：”右侧勾选“显示钢笔预览”复选框，可在绘画时预览线段。单击创建线段的终点之前，在工作区周围移动指针时，Animate CC 2017会显示线段预览。如果未选中该复选框，则在创建线段终点之前，Animate CC 2017不会显示该线段。

2．使用钢笔工具绘制直线路径

使用钢笔工具绘制直线路径的方法如下。

1）选择工具箱上的（钢笔工具），然后在“属性”面板中选择笔触和填充属性。

2）将指针定位在工作区中直线开始的地方，然后进行单击以定义第一个锚点。

3）在用户所要绘制直线的第一条线段结束的位置再次进行单击。如果按住〈Shift〉键进行单击，则可以将线条限制为倾斜45°的倍数。

4）继续单击以创建其他直线段，如图2-47所示。

5）要以开放或闭合形状完成此路径，请分别执行以下操作。

●结束开放路径的绘制。方法：双击最后一个点，然后单击工具栏中的钢笔工具，或按住〈Ctrl〉键（Windows）或〈Command〉键（Macintosh）单击路径外的任何地方。

●结束封闭路径的绘制。方法：将钢笔工具放置到第一个锚点上。如果定位准确，就会在靠近钢笔尖的地方出现一个小圆圈，单击或拖动即可闭合路径，如图2-48所示。

3．使用钢笔工具绘制曲线路径

使用钢笔工具绘制曲线路径的方法如下。

1）选择工具箱上的（钢笔工具）。

2）将钢笔工具放置在工作区中所要绘制曲线开始的地方，然后单击鼠标，此时会出现第一个锚点，并且钢笔尖变为箭头。

3）向所要绘制曲线段的方向拖动鼠标。如果按住〈Shift〉键拖动鼠标，则可以将该工具限制为绘制45°的倍数。随着拖动，将会出现曲线的切线手柄。

4）释放鼠标，此时切线手柄的长度和斜率决定了曲线段的形状，用户可以在以后通过移动切线手柄来调整曲线。

5）将指针放在想要结束曲线段的地方并单击鼠标，然后朝相反的方向拖动，并按下〈Shift〉键，此时会将该线段限制为倾斜45°的倍数，如图2-49所示。

6）若要绘制曲线的下一段，可以将指针放置在想要下一线段结束的位置上，然后拖动该曲线即可。

4．调整路径上的锚点

在使用（钢笔工具）绘制曲线时，创建的是曲线点，即连续的弯曲路径上的锚点。在绘制直线段或连接到曲线段的直线时，创建的是转角点，即在直线路径或直线和曲线路径接合处的锚点。

要将线条中的线段由直线段转换为曲线段或者由曲线段转换为直线段，可以将转角点转换为曲线点或者将曲线点转换为转角点。

用户可以移动、添加或删除路径上的锚点，可以使用工具箱上的（部分选取工具）来移动锚点，从而调整直线段的长度、角度或曲线段的斜率，也可以通过轻推选定的锚点来进行微调，如图2-50所示。

5．调整线段

用户可以调整直线段以更改线段的角度、长度，或者调整曲线段以更改曲线的斜率和方向。

移动曲线点上的切线手柄，可以调整该点两边的曲线。移动转角点上的切线手柄，只能调整该点的切线手柄所在的那一边的曲线。

2.2.10 文本工具

Animate CC 2017提供了3种文本类型。第1种文本类型是静态文本，主要用于制作文档中的标题、标签或其他文本内容；第2种文本类型是动态文本，主要用于显示根据用户指定条件而变化的文本，例如，可以使用动态文本字段添加存储在其他文本字段中的值（比如两个数字的和）；第3种文本类型是输入文本，通过它可以实现用户与Animate CC 2017应用程序间的交互，例如，在表单中输入用户的姓名或者其他信息。

选择工具箱上的（文本工具），在“属性”面板中就会显示出如图2-51所示的相关属性设置。用户可以选择文本的下列属性：字体、磅值、样式、颜色、间距、字距调整、基线调整、对齐、页边距、缩进和行距等。

1．创建不断加宽的文本块

用户可以定义文本块的大小，也可以使用加宽的文字块以适合所书写的文本。

创建不断加宽的文本块的操作步骤如下。

1）选择工具箱上的（文本工具），然后在文本“属性”面板中设置参数，如图2-52所示。

2）确保未在工作区中选定任何时间帧或对象的情况下，在工作区中的空白区域单击，然后输入文字“www.Chinadv.com.cn”，此时，在可加宽的静态文本右上角会出现一个圆形控制块，如图2-53所示，用户即可根据需要调整文本宽度。

2．创建宽度固定的文本块

除了能创建一行在输入时不断加宽的文本以外，用户还可以创建宽度固定的文本块。向宽度固定的文本块中输入的文本在块的边缘会自动换到下一行。

创建宽度固定的文本块的操作步骤如下。

1）选择工具箱上的（文本工具），然后在文本“属性”面板中设置参数，如图2-52所示。

2）在工作区中拖动鼠标来确定固定宽度的文本块区域，然后输入文字“www.chinadv.com.cn”，此时，在宽度固定的静态文本块右上角会出现一个方形的控制块，如图2-54所示。

提示：可以通过拖动文本块的方形控制块来更改它的宽度。另外，还可通过双击方形控制块将它转换为圆形扩展控制块。

3．创建输入文本字段

使用输入文本字段可以使用户与Animate CC 2017应用程序进行交互。例如，使用输入文本字段，可以方便地创建表单。

在后面的章节中，将讲解如何使用输入文本字段将数据从Animate CC 2017发送到服务器。下面创建一个可供用户在其中输入名字的文本字段，操作步骤如下。

1）选择工具箱上的（文本工具），然后在文本“属性”面板中设置参数，如图2-55所示。

提示：激活（在文本周围显示边框）按钮，可以使用可见边框标明文本字段的边界。

2）在工作区中单击，即可创建输入文本，如图2-56所示。

4．创建动态文本字段

在运行时，动态文本可以显示外部来源中的文本。下面创建一个链接到外部文本文件的动态文本字段，假设要使用的外部文本文件的名称是“chinadv.com.cn.txt”，具体创建步骤如下。

1）选择工具箱上的（文本工具），然后在文本“属性”面板中设置参数，如图2-57所示。

2）在工作区两条水平线之间的区域中拖动，以创建动态文本字段，如图2-58所示。

3）在“属性”面板的“实例名称”文本框中，将该动态文本字段命名为“chinadv”，如图2-59所示。

5．创建分离文本

创建分离文本的操作步骤如下。

1）选择工具箱上的（选择工具），然后单击工作区中的文本块。

2）执行菜单中的“修改|分离”（组合键〈Ctrl+B〉）命令，将选定文本中的每个字符放置在一个单独的文本块中，且文本依然在舞台的同一位置上，如图2-60所示。

3）再次执行菜单中的“修改|分离”命令，从而将舞台上的字符转换为形状。

提示：分离命令只适用于轮廓字体，如TrueType字体。当分离位图字体时，它们会从屏幕上消失。

2.2.11 橡皮擦工具

尽管橡皮擦工具严格来说既不是绘图工具也不是着色工具，但是橡皮擦工具作为绘图和着色工具的主要辅助工具，在整个Animate CC 2017绘图中起着不可或缺的作用，所以把它放在图形制作一节中进行讲解。

使用橡皮擦工具可以快速擦除笔触段或填充区域等工作区中的任何内容。用户可以自定义橡皮擦工具，以便于进行只擦除笔触、只擦除数个填充区域或单个填充区域等操作。

选择橡皮擦工具后，在工具箱的下方会出现如图2-61所示的参数选项。在橡皮擦形状选项中共有圆和方两种类型，从细到粗共10种形状，如图2-62所示。

1．橡皮擦模式

橡皮擦模式控制并限制了橡皮擦工具进行擦除时的行为方式。在橡皮擦模式选项中共有5种模式：“标准擦除”“擦除填色”“擦除线条”“擦除所选填充”和“内部擦除”，如图2-63所示。

●标准擦除：此模式的橡皮擦工具就像普通的橡皮擦一样，将擦除所经过的所有线条和填充，只要这些线条或者填充位于当前图层中即可。

●擦除填色：此模式的橡皮擦工具只擦除填充色，而保留线条。

●擦除线条：与擦除填色模式相反，此模式的橡皮擦工具只擦除线条，而保留填充色。

●擦除所选填充：此模式的橡皮擦工具只擦除当前选中的填充色，保留未被选中的填充以及所有的线条。

●内部擦除：只擦除橡皮擦笔触开始处的填充。如果从空白点开始擦除，则不会擦除任何内容。以这种模式使用橡皮擦工具并不影响笔触。

2．水龙头

水龙头的功能主要是删除笔触段或填充区域。

2.2.12 3D旋转工具和3D平移工具

用户使用3D旋转工具和3D平移工具使2D对象沿着X、Y、Z轴进行三维旋转和移动。通过组合这些3D工具，用户可以创建出逼真的三维透视效果。

1．3D旋转工具

使用（3D旋转工具）可以在3D空间中旋转影片剪辑元件。当使用（3D旋转工具）选择影片剪辑实例对象后，在影片剪辑元件上将出现3D旋转空间。其中，红色的线表示绕X轴旋转，绿色的线表示绕Y轴旋转，蓝色的线表示绕Z轴旋转，橙色的线表示同时绕X轴和Y轴旋转，如图2-64所示。如果需要旋转影片剪辑，则只需将鼠标放置到需要旋转的轴线上，然后拖动鼠标即可，此时，随着鼠标的移动，对象也会随之移动。

提示：Animate CC 2017中的3D工具只能对ActionScript 3.0下创建的影片剪辑对象进行操作。因此，在对对象进行3D旋转操作前，必须确认当前创建的是ActionScript 3.0文件，且要进行3D旋转的对象为影片剪辑元件。

（1）使用3D旋转工具旋转对象

在工具箱中选择（3D旋转工具）后，工具箱下方的“选项区域”将出现（贴紧至对象）和（全局转换）两个选项按钮。其中，（全局转换）按钮默认为选中状态，表示当前状态为全局状态，在全局状态下旋转对象是相对于舞台进行旋转。如果取消（全局转换）按钮的选中状态，表示当前状态为局部状态，在局部状态下旋转对象是相对于影片剪辑本身进行旋转。图2-65所示为选中（全局转换）按钮前后的比较。

当使用（3D旋转工具）选择影片剪辑元件后，将光标放置到X轴线上时，光标变为，此时拖动鼠标则影片剪辑元件会沿着X轴方向进行旋转，如图2-66所示；将光标放置到Y轴线上时，光标变为，此时拖动鼠标则影片剪辑元件会沿着Y轴方向进行旋转，如图2-67所示；将光标放置到Z轴线上时，光标变为，此时拖动鼠标则影片剪辑元件会沿着Z轴方向进行旋转，如图2-68所示。

（2）使用“变形”面板进行3D旋转

在Animate CC 2017中，用户可以使用（3D旋转工具）对影片剪辑元件进行任意3D旋转，但是，如果需要精确地控制影片剪辑元件的3D旋转，则需要使用“变形”面板进行控制。当在舞台中选择影片剪辑元件后，在“变形”面板中将出现“3D旋转”与“3D中心点”的相关选项，如图2-69所示。

●3D旋转：在3D旋转选项中可以通过设置X、Y、Z参数来改变影片剪辑元件各个旋转轴的方向，如图2-70所示。

●3D中心点：用于设置影片剪辑元件的3D旋转中心点的位置，可以通过设置X、Y、Z参数来改变其位置，如图2-71所示。

（3）3D旋转工具的属性设置

选择（3D旋转工具）后，在其“属性”面板中将出现（3D旋转工具）的相关属性，用于设置影片剪辑的3D位置、透视角度和消失点等，如图2-72所示。

●3D定位和查看：用于设置影片剪辑元件相对于舞台的3D位置，可以通过设置X、Y、Z参数来改变影片剪辑实例在X、Y、Z轴方向上的坐标值。

●透视角度：用于设置3D影片剪辑元件在舞台中的外观视角，参数范围为1°～180°，增大或减小透视角度将影响3D影片剪辑的外观尺寸及其相对于舞台边缘的位置。增大透视角度可使3D对象看起来更近；减小透视角度可使3D对象看起来更远。此效果与通过镜头更改视角的照相机镜头缩放类似。

●透视3D宽度：用于显示3D对象在3D轴上的宽度。

●透视3D高度：用于显示3D对象在3D轴上的高度。

●消失点：用于控制舞台上3D影片剪辑元件的Z轴方向。在Animate CC 2017中所有3D影片剪辑元件的Z轴都会朝着消失点后退。通过重新定位消失点，可以更改沿Z轴平移对象时对象的移动方向。通过设置消失点选项中的“X：”和“Y：”位置，可以改变3D影片剪辑元件在Z轴消失的位置。

●重置：单击“重置”按钮，可以将消失点参数恢复为默认的参数。

2．3D平移工具

（3D平移工具）用于将影片剪辑元件在X、Y、Z轴方向上进行平移。如果在工具箱中没有显示（3D平移工具），可以在工具箱中单击（3D旋转工具），从弹出的隐藏工具面板中选择该工具，如图2-73所示。当选择（3D平移工具）后，在舞台中的影片剪辑元件上单击，对象将出现3D平移轴线，如图2-74所示。

当使用（3D平移工具）选择影片剪辑后，将光标放置到X轴线上时，光标变为，如图2-75所示，此时拖动鼠标，影片剪辑元件会沿着X轴方向进行平移；将光标放置到Y轴线上时，光标变为，如图2-76所示，此时拖动鼠标，影片剪辑元件会沿着Y轴方向进行平移；将光标放置到Z轴线上时，光标变为，此时拖动鼠标，影片剪辑元件会沿着Z轴方向进行平移，如图2-77所示。

当使用（3D平移工具）选择影片剪辑元件后，将光标放置到轴线中心的黑色实心点上时，光标变为，此时拖动鼠标可以改变影片剪辑3D中心点的位置，如图2-78所示。