上QQ阅读APP看书，第一时间看更新

3 Flash CC绘图

学习要点

·掌握各种选择工具的使用

·掌握各种绘图工具的使用

·掌握各种填充工具的使用

·掌握本课中所有工具的实际用途

3.1 FIash CC绘图工具

Flash CC提供了强大的绘图功能，这是创作过程中是最常用的功能之一。Flash CC绘图主要借助工具面板上的各种绘图工具来完成。在前面的章节中，已经对Flash CC的工具面板进行了初步的介绍，下面来对工具面板上的各个工具的具体名称和功能做一些介绍。工具面板如图3-1-1所示。

图3-1-1

Flash CC删除了Deco绘图工具、骨骼工具、绑定工具、喷涂刷工具。在上一章中已经讲到，Flash CC的工具面板大致可以分为6个部分，下面将介绍从上到下每个工具的名称和相对应的功能。

1.选择部分

选择工具：选取舞台中的文字或者图像。

部分选取工具：选取矢量图形的节点和路径来改变图像的形状。

任意变形工具：任意变形对象、组合、实例或文本块。使用这个工具，可以移动、旋转、缩放和扭曲单个变形或同时组合几个变形。

渐变变形工具：对渐变颜色进行移动、旋转、缩放的变形操作。渐变变形工具和任意变形工具在同一个位置，两者通过图标右下的三角箭头进行切换。

3D平移工具：在3D空间中通过x、y、z轴移动对象。注意，移动的对象只能为影片剪辑。

3D旋转工具：在3D空间中旋转影片剪辑对象。

套索工具：通过在图形对象上手绘一个自由选择部分，用来创建插图的一个不规则选择工具。使用套索工具选项来微调并调整选择。

多边形工具：通过在图形对象上绘制一个几何图形来创建插图的选区工具。

魔术棒：对于导入到舞台的并打散的图片，可以使用魔术棒工具选择相近的颜色进行编辑。

2.绘图部分

钢笔工具：Flash中惟一用来创建贝塞尔曲线的绘制工具，可创建直线或曲线。与辅助键Alt和Ctrl混合操作，能精确控制线段。注意，钢笔工具图标右下方有三角箭头，表示还有更多的同系列工具可以选择。按下鼠标可以看到另外3个工具，它们分别是添加锚点工具、删除锚点工具和转换锚点工具。

文本工具：用来在舞台上创建文本对象。

线条工具：用来绘制直线。

矩形工具：用来绘制矩形图形。

基本矩形工具：通过属性面板的选项可以绘制圆角或倒圆角矩形。

椭圆工具：用来绘制圆形或椭圆图形。

基本椭圆工具：通过修改属性面板的选项来绘制同心圆、扇形等图形。

多角星形工具：通过选项设置来绘制多边形或星形等图形。

铅笔工具：用其中一个优化线条的模式（共3种）创建线条，模式包括直线化、平滑和墨水。

刷子工具：用来绘制刷子效果的线条或者填充所选对象内部的颜色。

3.填充部分

墨水瓶工具：用来描绘所选对象的边缘轮廓。

颜料桶工具：用来对绘制区域填充颜色。

滴管工具：用来吸取文字或者图像的颜色。

橡皮擦工具：删除舞台上的任何不想要的图像区域。按住Shift键，能完美地擦掉水平和垂直线条。

4.查看部分

手形工具：移动图像显示区。

缩放工具：缩放图像观察比例。

5.颜色部分

笔触颜色：对绘图部分设置笔触的颜色。

填充颜色：对填充部分设置填充的颜色。

黑白：重置笔触颜色为黑色，填充颜色为白色。

交换颜色：交换笔触颜色和填充颜色。

6.选项部分

选项部分根据当前选择的工具显示该工具对应的设置，这里不再一一举例。

接下来，我们按照从易到难的顺序来对各种工具进行讲解。需要说明的是，这个顺序和工具面板的顺序并不相同。

3.2 选取工具

工具面板上的“选择工具”、“套索工具”、“3D旋转工具”、“3D平移工具”和“部分选取工具”都是可以用来选取对象的。通过选取工具，可以自由实现选中、移动和变形图形等操作。

3.2.1 选择工具

1.选取对象

在对象的外围用鼠标拖出一个选取框，选取框中的内容就是圈选的内容。圈选可以选取全部对象，也可以选取部分对象。直接单击对象即可选择该对象，使用快捷键Ctrl+A用来选择工作区上的全部对象，直接在选择对象之外单击或者按Esc键就可以取消选择，如图3-2-1左图所示。

当然了，也可以按住鼠标左键，将对象的一部分框选在内，则选取该对象的框选的部分，如图3-2-1右图所示。

图3-2-1

移动复制：按住Alt键不放，拖动选中的对象到合适位置，松开鼠标，这时该位置就多了一个刚才选中对象的副本，这样就可以轻松完成对象的复制了，如图3-2-2所示。

图3-2-2

加选减选：按住Shift键不放，连续单击多个对象，可以把新的对象添加到当前的选择范围内，这被称为“加选”。“减选”的方法与之类似，再次按住Shift键，单击已经选中的相应对象，可以取消刚才那些对象的选取。

注意：在合并绘制模式下，双击线条可以同时选取与该线条连接的所有线条，双击面也可以同时选取与该面连接的所有线条。

2.变形操作

将鼠标指针放在线条上，当鼠标指尖下方出现弧形线段或直角线段时，拖曳线条，可以将线条扭曲，从而使对象变形。如图3-2-3左图所示。可以将车顶线条拖动成曲线，使公共汽车的造型更加卡通化。

将鼠标指针放在线条边角处，可以拖曳边角位置，将对象变形，如图3-2-3右图所示，改变了边角的位置后，整辆公共汽车更有速度感。

图3-2-3

3.修改对象

在使用选择工具选取曲线时，可以看到工具面板上的选项区有“平滑”和“伸直”两个按钮，它们是用来优化线条的。分别单击它们，选取的曲线就会出现“平滑”或者“伸直”的效果。这里用铅笔绘制了一艘船，如图3-2-4所示，可以明显地看出鼠标绘制的粗糙边缘，单击“平滑”选项可以使线条边缘变得光滑。对于同一草图，如果单击“伸直”，就可以看到大部分线条变为了直线。

图3-2-4

在属性面板上，可以清晰地看到被选取曲线的坐标位置、颜色、笔触、样式、缩放、端点和接合等属性，如果在此改变曲线的相关属性，曲线就会作出相应的变化。

4.对齐对象

在用选择工具选取并移动对象时，我们可以用Flash CC的贴紧功能来使对象之间对齐，或者使对象与网格、辅助线等对齐。

贴紧至对象：在选择了“选择工具”之后，在工具面板的选项区对应有一个“贴紧至对象”选项，便于我们对齐对象。

当移动右边的Johny接近左边的Johny时，对象中心有一个黑色“小圆环”，当对象被移动到与目标对象的对齐距离时，这个“小圆环”会变大，两个对象就会自动对齐，如图3-2-5所示。

图3-2-5

除了直接在工具面板中选择“贴紧至对象”选项，当然还可以在菜单栏选择“视图→贴紧→贴紧至对象”。

在菜单栏选择“视图→贴紧”，可以看到几种对齐方式。单击可以使某个对齐方式前出现小对勾，这时该对齐方式就被应用了；再次单击，则可关闭该选项。

还可以选择“视图→贴紧→编辑贴紧方式”，打开“编辑贴紧方式”对话框，根据需要设置对齐方式，如图3-2-6所示。

贴紧对齐：如果勾选了贴紧对齐方式，可以如图3-2-6所示，设置贴紧对齐的容差。

图3-2-6

默认的对象垂直边缘与舞台边界的容差是0像素，当对象垂直边缘与舞台边界相距0像素时，会出现一道提示虚线。当然也可以设置对象之间水平或者垂直的贴紧对齐容差。当两个对象的水平或垂直边缘在设定的容差内对齐时，舞台上会出现提示虚线，如图3-2-7所示。

图3-2-7

如果勾选“水平居中对齐”或者“垂直居中对齐”，那么当两个对象水平方向的中心点或者垂直方向的中心点在所设置的一定容差内对齐时，舞台同样也将会出现提示虚线。

贴紧至像素：当勾选“贴紧至像素”并移动对象时，对象会以像素为单位移动。

当把舞台放大到400%以上时，再按X键，这时舞台上将出现像素格，我们可以看到对象无论如何放置，始终贴紧像素格，如图3-2-8左图所示。

所谓的“贴紧至网格”和“贴紧至辅助线”，实质上是指当将对象移动到与网格或者辅助线一定容差距离时，对象便与网格或者辅助线自动贴紧。当辅助线位于网格之间时，贴紧辅助线优先于贴紧至网格，如图3-2-8右图所示。

图3-2-8

3.2.2 套索工具

套索工具也可以用于选取全部对象或者选取部分对象。下面用一个已经打散的像素图片作为例子，来介绍一下套索工具的具体使用方法。

1.自由选区

用套索工具自由选取全部或者部分对象，只要按住鼠标左键勾画一个全部包含或者部分包含对象的自由选区即可。Flash CC会自动用直线来闭合选区，对象在选区内的部分就会被选取，如图3-2-9所示。

图3-2-9

这时要想取消已选区域，在工作区的任意位置单击鼠标左键即可。

2.多边形选区

在套索工具对应的选项区，还有魔术棒和多边形模式。用多边形来选取对象，会勾画出一个直边选区。在起始点单击鼠标左键，然后单击另一点，勾画出一个线段，接着单击另一点，继续勾画相连的线段。双击鼠标左键结束勾画，在选区内的对象就会被选取，如图3-2-10所示。

图3-2-10

在多边形模式下，如果要取消选取，只需在工作区的任意位置双击鼠标左键，或者在已选的区域上单击即可。

3.魔术棒

魔术棒只能应用于被分离为以像素为单位的位图。可以用它来选取对象上颜色相近的区域，这个区域的容差数值可以在魔术棒属性面板中设置，如图3-2-11所示。

图3-2-11

“阈值”的可输入范围为0～200。数值越小，可选的颜色越相近，同时可选的范围也越小。

“平滑”用来定义所选区域的边缘的平滑度。

利用魔术棒在对象上选取某一点，然后再用魔术棒继续在对象上单击鼠标左键，与第一点相近的颜色则会被选取，如图3-2-12左图所示。

用魔术棒选取了所需的部分后，可以在属性面板里修改被选取部分的属性，例如调整填充色，如图3-2-12右图所示，将选区填充为绿色。

图3-2-12

3.2.3 部分选取工具

利用部分选取工具可以显示线段或者对象轮廓上的锚点，通过移动锚点让对象变形。在工具面板上选中部分选取工具后，在对象轮廓上单击鼠标左键，即可显示该对象的轮廓上的锚点，如图3-2-13所示。

1.调整曲线

在曲线的一个锚点上单击鼠标左键，这时该锚点上会出现一个切线手柄。可以通过拖曳锚点来调整这个点两边的曲线的弧度。也可以通过拖曳切线手柄改变曲线，如果按住Shift键，曲线会以45°的倍数来移动；如果按住Alt键，可单独拖动一侧的切线手柄，如图3-2-14所示。

图3-2-13

图3-2-14

2.调整直线

可通过拖动直线上的锚点改变直线的长度或者位置，移动锚点时，还可以借助键盘上的方向键↑、↓、←、→来对锚点的位置进行微调，如图3-2-15所示。

图3-2-15

提示：想要取消部分选取工具的选择，在工作区的任意位置单击鼠标左键即可。如果想删除某个锚点，选中这个锚点，然后按Delete键可将其删除。

3.2.4 3D旋转工具

使用3D旋转工具可以在3D空间中将选取的对象进行x、y、z轴的相应旋转。3D旋转控件显示在应用选定对象上，这时x轴控件为红色，y轴控件为绿色，z轴控件为蓝色。使用橙色的自由旋转控件，可同时进行绕x轴和y轴旋转。

在全局3D空间中旋转对象是以舞台为参考物进行旋转的（这时的x、y、z轴的方向是固定的）。局部空间是指以对象为参考物进行旋转的（x、y、z的方向是随对象调整而变化的）。可以通过“工具”面板中“选项”部分的“全局”切换按钮来切换全局或局部模式。

在舞台上选择一个影片剪辑，3D旋转控件将显示为叠加在所选对象上。如果这些控件不在对象上，请双击控件的中心点，以将其移动到选定的对象上。注意，当鼠标放到在x、y、z轴控件时，鼠标右下侧将会出现该控件的名字。最外侧圆环形橙色控件可以同时调节x、y轴旋转。

拖曳一个轴控件可以使该对象绕该轴旋转，或拖动自由旋转控件（外侧橙色圈）同时进行绕x和y轴旋转。图3-2-16所示为分别旋转不同轴所产生的效果。

图3-2-16

若要相对于影片剪辑重新定位旋转控件中心点，可以拖曳中心点。若要按45°增量约束中心点的移动，需要在按住Shift键的同时进行拖曳。旋转中心点，是用来控制对象以何处为中心进行旋转的。双击中心点可将其移回所选影片剪辑的中心，所选对象的旋转控件中心点的位置在“变形”面板中显示为“3D中心点”属性。

3.2.5 3D平移工具

使用3D平移工具可以在3D空间中移动影片剪辑。在使用该工具选择影片剪辑后，x、y和z三个轴将显示在对象上。x轴为红色，y轴为绿色，而z轴为黑色。

用户可以使用3D平移工具对影片剪辑进行x、y和z轴的平移操作。x、y轴上的箭头分别表示对应轴的方向，拖动箭头即可完成平移操作。z轴控件默认为影片剪辑中间的黑点，默认方向与舞台平面垂直，箭头指向舞台内侧，上下拖动z轴控件可在z轴上移动对象。若要使用属性移动对象，可以在属性面板的“3D定位和查看”部分中输入x、y或z的值。图3-2-17所示为分别移动不同轴所产生的效果。

图3-2-17

遵循“近大远小”的原则，在z轴上移动对象时，对象的外观尺寸将会发生视觉上的变化。当进行z轴平移操作时，属性面板“3D定位和查看”栏中的“宽度”和“高度”值会随之变化。

3.3 基本绘图工具

基本绘图工具包括：钢笔工具、铅笔工具、线条工具、刷子工具、矩形工具、椭圆工具、多角星形工具等。

3.3.1 线条工具

在工具面板中选择线条工具，在舞台上按住鼠标左键拖动，即可绘制出线条。如果在按住鼠标左键的同时按住Shift键，就可以绘制出45°角倍数的线条，例如水平或者垂直的线条。

在工具面板上选择了线条工具之后，属性面板会显示与线条工具相关的设置，如图3-3-1所示。

图3-3-1

下面对属性面板上的各部分内容做具体讲解。

线条颜色：当前选中的线条的颜色或即将绘制的线条颜色。点击色块可在弹出的颜色面板中更改线条颜色。

笔触：范围在0.10至200之间。可以在右侧输入框内直接键入所需的数值，或者拖动滑块来设置线条的粗细。

线条样式：Flash提供了丰富的线条样式，如图3-3-2所示。

图3-3-2

选择线条样式后，可根据需要对样式进行调整。例如，选定线条样式为锯齿状，单击线条样式右边的“编辑笔触样式”按钮，在弹出的“笔触样式”对话框里，可以对线条样式进行调整，如图3-3-3所示。同样，也可以在这里设置其他的线条样式。

图3-3-3

灵活运用各种线条样式可帮助我们快速地绘制出丰富的图案，图3-3-4所示就是一幅使用不同的线条样式绘制出来的图案（用选择工具选取线条，可以在属性面板中查看它的属性），如图3-3-4所示。

图3-3-4

当线条样式选定为实线或者极细模式时，缩放、端点和接合属性才可用。

端点：Flash提供了3种设置线条端点的选项，分别是“无”、“圆角”和“方形”。放大舞台的线条，对段线条应用以上的3个不同选项模式来查看相关的区别。

在图3-3-5中可以看到，对端点做了“方形”设定的线段比对端点做“无”设定的线段两端略长一些，“方形”线段两端增加的长度分别相当于线段笔触粗细数值的一半。端点的“圆角”模式与“方形”类似，只不过是端点形状变成圆形的了，这里不再赘述。

图3-3-5

接合：定义两个路径段的相接方式。通俗来讲，就是两段线条的接合处的样式。可以看到有3个选项尖角、圆角和斜角。当选择“尖角”时，左边的“尖角”输入框即处于激活状态，可以在其中输入尖角的数值，范围在1至60，数值越大，尖角越突出。下面用线条绘制一个三角形，图3-3-6显示了同一个三角形的3种接合方式。

图3-3-6

线条不仅具有笔触颜色，还可以转换为填充，以便于进行位图填充或者渐变填充。在舞台上选中要进行转换的线段，选择菜单栏中的“修改→形状→将线条转换为填充”命令，这时线条被转换为填充，使用颜料桶工具即可以进行填充。

在菜单栏中选择“文件→导入→导入到库”命令，导入一张图片，选择已转换为填充的线条，点击属性面板中的颜料桶按钮，在颜色面板中选择图案或渐变，得到如图3-3-7所示的效果。

图3-3-7

提示：将线段转换为填充后，线段就会转变成为图形，便失去了线段的属性。

Flash的绘图工具有两种绘制模式，分别是合并绘制模式和对象绘制模式。选择钢笔工具、铅笔工具、线条工具、刷子工具、矩形工具、椭圆工具或多角星形工具时，工具面板的选项区都会出现“对象绘制”按钮，如图3-3-8所示，当“对象绘制”按钮选中时为对象绘制模式，反之为合并绘制模式。

图3-3-8

合并绘制模式：当在同一图层中绘制的形状重叠时会自动进行合并，最顶层的形状会截去下面与其重叠的形状部分，这种模式是一种破坏性的绘制模式。如图3-3-9左图所示，绘制一个圆形，并在其上方绘制一个较小的圆形，然后把小圆移开，大圆中与小圆重叠的部分就会被删除。

对象绘制模式：对象绘制模式与合并绘制模式相反，当创建的形状有重叠时，对象不会自动合并，而是作为单独的图形对象，对象的外观没有被破坏，对象周围会有个蓝色外框。如图3-3-9右图所示，在对象绘制模式下，当小圆被移开时，大圆的形状不会被影响。

图3-3-9

3.3.2 铅笔工具

在工具面板上选择铅笔工具，按住鼠标左键在舞台上拖动，便可以进行铅笔绘图。与线条工具一样，在用铅笔工具绘图时，同时按住Shift键，可以绘制水平或者垂直的线条，但是不能绘制45°角或者其倍数角度的线条。当选择铅笔工具时，其选项区中会出现“铅笔模式”按钮，点击该按钮，下拉菜单中包含3种模式：“伸直”、“平滑”和“墨水”，如图3-3-10所示。如果选择“伸直”，绘制出来的线条会被自动拉直；如果选择“平滑”，则绘制出来的线条会被平滑处理；如果选择“墨水”，所绘制的线条就保持原样，不会被加工处理。

图3-3-10

提示：在伸直模式下，如果铅笔工具所绘制的图形接近于三角形、矩形（包括正方形）等，图形就会被自动拉伸为这些几何形状。

如果我们要用铅笔工具绘制一个小船的形状，那么利用3种不同的绘图模式来绘制同样的对象，会有什么区别呢？如图3-3-11所示，从左到右3个图形的绘制分别使用了“伸直”、“平滑”和“墨水”模式。

图3-3-11

铅笔工具的属性面板与线条工具的属性面板十分类似，不同的是它多了一个“平滑”对话框。当选择了“平滑”绘图模式时，这个对话框会被激活，在这里可以对平滑度进行精确的控制，数值为0～100，如图3-3-12所示。

图3-3-12

3.3.3 椭圆工具与基本椭圆工具

1.椭圆工具

Flash CC中椭圆工具不再归集在矩形工具中。选择椭圆工具，按住鼠标左键在舞台上拖动，便可以绘制椭圆。按住Shift键的同时，使用椭圆工具拖动，可以绘制一个正圆。在按住Alt键的同时，以鼠标拖动点为中心可绘制出一个椭圆。

也可以运用精确定位的画法，选择了椭圆工具后，按住Alt键，在舞台上需要绘制椭圆的地方，单击鼠标左键，即会弹出一个“椭圆设置”对话框。在该对话框中设置椭圆的高度和宽度以及选择“从中心绘制”复选框，单击“确定”按钮之后。则以所选位置为中心完成一个椭圆，如图3-3-13所示。

图3-3-13

椭圆工具的属性面板分为两部分，一部分是“填充和笔触”，这部分的属性与线条工具的设置一样，我们可以通过填充和笔触的设置绘制只有轮廓的椭圆或填充的椭圆，如图3-3-14所示；另一部分是“椭圆选项”，我们可以通过设置椭圆的开始角度、结束角度和内径的数值来绘制椭圆的一部分，但是绘制好的椭圆部分的开始角度、结束角度和内径的数值不能更改。

图3-3-14

2.基本椭圆工具

在椭圆工具的弹出菜单中选择基本椭圆工具，可以绘制出基本椭圆。基本椭圆工具的主要特点是：所画的椭圆是作为对象绘制的；绘制后的椭圆可以通过属性面板中的“椭圆选项”随时调整形状。

在如下例子中，就是使用基本椭圆工具绘制的两个椭圆，其中在属性面板中对第2个椭圆的起始和结束角度以及内径进行了相应的调整，如图3-3-15所示。

图3-3-15

3.3.4 矩形工具和基本矩形工具

1.矩形工具

选中工具面板上的矩形工具后，按住鼠标左键在舞台上拖动，可以绘制一个矩形；如果同时按住Shift键，可以绘制一个正方形。

在选择了矩形工具后，舞台右侧的属性面板会显示矩形工具的属性。矩形工具的属性面板同样分两部分，一部分是“填充和笔触”，这部分的操作与椭圆的操作一样；另一部分是“矩形选项”，我们可以通过矩形选项来设置矩形边角的样式，如图3-3-16所示。

图3-3-16

通过“矩形选项”中对即将绘制的矩形边角进行设置，可以绘制圆角矩形，圆角矩形的边角半径可键入的范围为-100至100，数值越大，矩形的边角钝化程度越高，也就是边角显得越圆。如果键入负数，则边角为向内凹的曲线。图3-3-17所示为边角设置为50和-50的圆角矩形。当然在Flash CC中也可以对每个边角分别进行不同的设置，只要把中间的锁定按钮开启即可。

图3-3-17

在选中了矩形工具后，按住Alt键，在舞台空白处单击鼠标左键，会弹出一个“矩形设置”对话框。在该对话框中可以设置矩形的宽度、高度、是否从中心开始绘制以及边角半径的数值。和前面讲到的弹出的“椭圆设置”对话框很类似。

当然还可以更直观地调整矩形边角的钝化程度。在选择了矩形工具后，按住鼠标左键在舞台上拖曳出一个矩形，在不松开鼠标的情况下，可以使用键盘上的方向键，以可视化的方式调整矩形的边角半径，如图3-3-18所示。

图3-3-18

2.基本矩形工具

同基本椭圆工具一样，基本矩形工具也可以用来绘制一个矩形，而且绘制后的矩形保持原图属性，可以在属性面板中继续对它进行圆角方面的调整，如图3-3-19所示。

图3-3-19

3.3.5 多角星形工具

Flash CC中的多角星形工具不再归集在矩形工具中，与椭圆工具一样独立于矩形工具之外。多角星形工具的属性面板与其他绘图工具类似，如图3-3-20所示。

图3-3-20

多角星形工具的属性面板上有一个“工具设置”。单击“选项”按钮，会弹出一个对话框，如图3-3-21所示。

图3-3-21

我们可以在“工具设置”对话框中对所要绘制的多边形或星形的相应参数进行调整。

样式：根据需要，可以选择“多边形”或“星形”。

边数：设置多边形的边数或者星形的顶点数，数值范围为3至32。

星形顶点大小：输入数值范围为0至1的数字，以确定星形的锐化程度，数值越小，锐化程度越深。注意，该设置对多边形不产生影响。

下面利用多角星形工具来绘制一个等边三角形，具体步骤如下。在工具面板上选择“多角星形工具”工具，单击属性面板的“选项”按钮，在弹出的“工具设置”对话框中进行设置。样式选择多边形，边数为3，“星形顶点大小”虽然处于可用状态，但是这个设置对多边形绘制不产生影响。设置完成后，单击“确定”按钮，然后在舞台上按住鼠标左键拖曳，便能得到一个等边三角形，如图3-3-22左图所示。

图3-3-22

下面来学习一下绘制五角星形。在“选项”对话框中设置样式为星形，边数是5，星形顶点大小是0.5，单击“确定”按钮。然后在舞台上按住鼠标左键拖曳，便得到一个五角星，如图3-3-22右图所示。

3.3.6 刷子工具

刷子工具可以用来绘制类似于毛笔作画的效果，也可以用它来填充所选对象的内部颜色。

在工具面板中选中刷子工具，这时属性面板上只有填充色选项而没有笔触选项，如图3-3-23所示。另外，这时也可以在此对线条的平滑度进行调整。

图3-3-23

刷子工具对应的工具面板上有对象绘制、刷子模式、刷子大小、刷子形状和锁定填充选项，如图3-3-24所示。

图3-3-24

1.关于对象绘制，我们已经在前面讲过了，值得注意的是，这个选项只有在刷子模式为“标准绘画”时才有效，在其他刷子模式下，对象绘制是不起作用的。

2.刷子模式：单击刷子模式的按钮，即可打开刷子模式的下拉菜单，可以看到以下不同模式的选项，如图3-3-25所示。

图3-3-25

标准绘画—直接可以涂抹的内容包括线条或者填充。

颜料填充—只可以覆盖已有图形的填充区域，边线不受影响。

后面绘画—只涂抹空白区域，填充区域和边线不受影响。

颜料选择—只能涂抹已经选择的区域，其他区域不受影响。

内部绘画—只涂抹开始使用刷子工具时所在的填充区域或者空白区域，边线不受影响。

3.刷子大小：在该工具的下拉列表中，可以选择刷子大小。

4.刷子形状：在工具的下拉列表中，选择刷子形状。

5.锁定填充：选择了这个选项之后，当在使用渐变色或位图填充时，这一填充会扩展到整个舞台。

例如，我们选择了刷子工具后，打开工具面板上颜色区“填充色”的颜色面板，可以选择一个系统自带的线性渐变色。

同时选择选项区的“锁定填充”选项，选择“刷子模式”为“标准绘画”，然后选择合适的刷子大小和形状，如图3-3-26所示。

图3-3-26

接在舞台上从左到右涂抹一条横线，在这条横线下方再从左到右分段涂抹三段横线，如图3-3-27左图所示，三段横线共同使用一个渐变填充。

在没有应用“锁定填充”选项时，同样的操作会有什么不同之处？通过观察可以发现，在不选择“渐变锁定”时，分三段涂抹的线条各自应用了渐变色，如图3-3-27右图所示。

图3-3-27

3.3.7 钢笔工具

钢笔工具可以用来绘制精确的路径，如直线和平滑的曲线。

1.用钢笔工具绘制直线

在工具面板上选择钢笔工具，舞台右侧的属性面板与线条工具属性面板一样，可以设置相应的笔触颜色、笔触粗细和笔触样式等属性。在舞台上单击鼠标左键，确定直线的起始点，然后在另一位置单击鼠标左键，确定直线的另一点，这样一条直线便绘制出来了。再次在另一位置单击鼠标左键建立新的点，这一点与前一点又连成一条直线，经过多次的单击后，效果如图3-3-28所示。

图3-3-28

2.用钢笔工具绘制曲线

在舞台上单击鼠标左键并沿曲线变化方向拖曳，将出现一个切线的手柄，然后在另一位置单击并拖曳，这时曲线便绘制完成了，如图3-3-29所示。我们可以通过调整切线的手柄长度或移动切线手柄的位置来调节曲线的高度和倾斜度。同时配合按住Shift键，曲线的倾斜度会以45°的倍数角度变化。

图3-3-29

如果要停止钢笔工具的操作，在按住Ctrl键的同时，用鼠标左键单击工作区的其他位置，或者直接按Esc键。

3.用钢笔工具精确绘图

在上一章讲述Flash工作环境的时候，我们已经对舞台上的标尺、网格和辅助线有了初步了解。在用钢笔绘图时，借助于这些视图工具，可以进行精确绘图。

在菜单栏单击“视图→标尺”，在舞台上显示标尺；选择“视图→网格→显示网格”，在舞台上显示网格；选择“视图→辅助线→显示辅助线”，如图3-3-30左图所示。接下来按照绘图的需要在舞台上设置辅助线，如图3-3-30右图所示。

图3-3-30

借助于设置好的辅助线，用钢笔工具可以精确绘制一个葡萄酒杯，如图3-3-31所示。

4.增加和删除曲线的锚点

用钢笔工具可以增加曲线上的锚点。选择钢笔工具，将鼠标指针移动至曲线上，当钢笔指针边出现一个加号时，单击鼠标，即可在曲线上增加一个锚点，如图3-3-32所示。也可以通过选择工具面板上的钢笔工具，在弹出菜单中选择添加锚点工具来添加曲线锚点。反之，选择删除锚点工具，单击曲线上的锚点即可删除锚点。

图3-3-31

图3-3-32

5.设置钢笔工具的首选参数

在菜单栏选择“编辑→首选参数”，在弹出面板的左栏选项中选择“绘画”选项，可以设置钢笔工具的参数，如图3-3-33所示。

图3-3-33

如果勾选上“显示钢笔预览”选项，可以在单击线段终点前显示线段预览效果。

默认勾选上“接触感应选择和套索工具”选项，在使用选择工具或套索工具的时候，当选择对象绘制模式绘制的对象，只要选择对象的部分区域即可选中对象；取消该选项后，必须选择对象的整个范围才能选中对象。

3.4 任意变形工具

任意变形工具可以对工作区中的图形对象、组、文本块和实例进行移动、旋转、倾斜、缩放、扭曲和封套等变形操作。任意变形工具的扭曲和封套功能只适用于形状对象。当对象为元件、文本、位图和渐变时，这两种变形操作选项处于不可用状态。

在舞台上绘制一只唐老鸭作为形状对象，下面可以用任意变形工具来对其进行变形操作。首先，在工具面板上选择“任意变形工具”，然后将对象选中，如图3-4-1左图所示。

此时在工具面板的选项栏中，所有选项都处于可以应用的状态，如图3-4-1右图所示。

图3-4-1

1.贴紧至对象

在移动对象时，可选择这一选项来对齐对象。详见“选择工具”中的相关讲解，这里不再赘述。

2.旋转与倾斜

选中“旋转与倾斜”选项，对象周边便出现8个控制点。将鼠标指针放在对象边角上，使指针变为一个旋转符号，此时拖曳对象，便可将对象旋转，如图3-4-2左图所示。

旋转是围绕对象的中心点进行的，把中心点位置移动到更合适的位置，旋转便可以围绕新的中心点位置进行，如图3-4-2中图所示。

把鼠标指针放在边中心的控制点上，使指针变为倾斜符号，此时拖曳对象，可对对象进行倾斜操作，如图3-4-2右图所示。

图3-4-2

3.缩放

选中“缩放”选项，然后将鼠标指针放在对象的任意控制点上，当鼠标指针变为缩放符号时，拖曳对象，可缩放对象，如图3-4-3所示。

图3-4-3

提示：按住Alt键，同时使用缩放功能，则以对象的中心点为中心对称缩放对象。按住Shift键可以对对象进行等比例缩放。

4.扭曲

“扭曲”和“封套”选项不能对影片剪辑、图形和按钮进行操作，只能编辑绘制的图形对象或已打散的图片。选中“扭曲”选项，把鼠标指针放在对象的控制点上，当鼠标指针变为扭曲符号时，拖曳对象，可对对象进行具有透视效果的变形，如图3-4-4所示。

图3-4-4

5.封套

选中“封套”选项，舞台上已选中的对象将被一个包含控制点（方形）与切线手柄（圆点）的边框包围，如图3-4-5左图所示。

拖曳控制点或切线手柄，可以将对象自由变形，达到想要的效果后，在工作区的其他位置单击鼠标左键，即可取消封套选择，如图3-4-5右图所示。

图3-4-5

在“变形”菜单中单击“缩放和旋转”选项，如图3-4-6所示。

图3-4-6

在弹出的“缩放和旋转”对话框中，可以精确设置缩放的倍数和旋转的角度，设置完毕后，单击“确定”按钮，完成变形操作，如图3-4-7所示。

图3-4-7

在“变形”菜单中，我们还可以对对象执行“顺时针旋转”、“逆时针旋转”、“垂直翻转”、“水平翻转”命令，使对象变形。

3.5 墨水瓶工具

墨水瓶工具用来给对象添加轮廓，或者改变对象的线条颜色、笔触等属性。墨水瓶工具的属性面板内容与线条工具的属性设置一样，如图3-5-1左图所示。

对颜色、笔触进行设置之后，在对象边缘附近单击鼠标左键，对象就添加了轮廓，如图3-5-1右图所示。

图3-5-1

我们还可以用墨水瓶工具改变对象上线条的属性。例如，我们在属性面板里将样式改为“虚线”，然后用墨水瓶工具单击所要改变的线条，新的线条属性就被应用到对象的轮廓上了，如图3-5-2所示。

图3-5-2

使用同样的方法，我们还可以用墨水瓶工具改变线条的颜色、笔触高等属性。

3.6 颜料桶工具

在工具栏中选择“颜料桶工具”，可以给对象填充颜色。

单击“颜料桶”工具，在弹出的颜色面板中选取颜色，然后在对象上需要填充的区域单击鼠标左键，颜色就被填充到对象的指定区域了，如图3-6-1所示。

图3-6-1

在工具栏的选项区与颜料桶工具相对应的选项有“空隙大小”和“锁定填充”，如图3-6-2所示。

图3-6-2

选择一定的“空隙大小”，颜色填充便可以在相应的封闭区域进行。

不封闭空隙：只在完全封闭的区域进行颜色填充。

封闭小空隙：可以在空隙比较小的区域进行颜色填充。

封闭中等空隙：可以在空隙比较大的区域进行颜色填充。

封闭大空隙：可以在空隙很大的区域进行颜色填充。

我们可以选择不同的“空隙大小”来对不闭合的区域进行填充。如图3-6-3所示，卡通人物的脸轮廓区域是不闭合的，我们在工具面板的选项栏中选择“封闭大空隙”，单击卡通人物的脸部区域即可完成颜色填充。

“锁定填充”选项是在填充渐变色的时候所用的选项，在前面讲述刷子工具的时候已经讲解过“锁定填充”的概念，这里就不再赘述。

图3-6-3

除了以上更换图形对象颜色的方法之外，Flash CC新增了颜色实时预览功能，大大提高了创作的效率，具体操作如下。

选择舞台上已绘制好的图形，如图3-6-4所示，在属性面板中点击“笔触颜色”或“填充颜色”，打开颜色面板，光标移动到任何一个色块，图形对象上立即显示该颜色效果，点击色块应用颜色。

图3-6-4

3.7 渐变色与填充变形工具

在Flash CC中可以对所选对象进行渐变填充，以此创造出更富有变化的填充效果。

在菜单栏的“窗口”菜单下勾选“颜色”，在工作区的右上方会弹出一个“颜色”面板，为了把所有的项目显示出来，可以将颜色面板中的填充颜色设置成线性渐变，如图3-7-1所示。

图3-7-1

渐变定义栏及色标：单击色标，色标的三角形呈黑色时，表示该色标被选中，此时面板上即会出现它对应的颜色的相关信息，渐变定义栏上最多可以有15个色标。

RGB模式：用红（R）、绿（G）、蓝（B）三原色来设定颜色，每种颜色可以键入的数值范围为0至255。

HSB模式：用色相（Hue）、饱和度（Saturation）、亮度（Brightness）来设定颜色，可以键入的值为0到100。

在“选项菜单”上单击，打开的菜单中有以下内容，如图3-7-2所示。

图3-7-2

添加样本：将“颜色”面板上制作出来的颜色添加到“样本”面板中，如图3-7-3左图所示。

“颜色”面板上的“填充类型”用来设置笔触或者填充区域的填充类型，如图3-7-3右图所示。

图3-7-3

无：设置为没有颜色。

纯色：设置为单一颜色。

线性渐变：几种颜色之间的过渡，可以沿着垂直或者水平方向过渡。

径向渐变：几种颜色之间的过渡，可以从中心向边缘顺着同心圆分布。

位图填充：把位图作为填充内容。

“颜色”面板上的“流模式”设定超出渐变限制外的填充区域如何填充颜色，如图3-7-4所示。

图3-7-4

当我们使用填充变形工具限制了渐变填充区域时，会用到流模式，我们会在后面的课程中详细讲解。

3.7.1 应用线性和径向渐变

渐变是一种多色填充，即一种颜色逐渐过渡到另一种颜色。通常，它把两种或者两种以上的颜色混合起来。渐变分为两种，一种是线性渐变，另一种是放射状渐变，即径向渐变。通过这两种渐变方式，可以变化出各式各样的填充效果，甚至立体效果。

1.线性渐变

线性渐变是沿一根轴线（水平或垂直）从一种颜色过渡到另一种颜色，可以在颜色面板中的下拉列表中选择“线性渐变”来进入线性渐变的设置面板，如图3-7-5所示。

图3-7-5

默认情况下，系统会提供一个从白到黑的渐变色带，可以通过移动色标来改变颜色所在的位置和显示的长度。如果想添加一种新的过渡颜色，直接在色带之下单击即可。而要删除一个色标，用鼠标直接拖出色带范围就可以了。在Flash中可以在色带上添加多达15种颜色。

设置好渐变之后，使用形状工具或者刷子等工具进行创作的时候，渐变会直接体现出来，如图3-7-6所示。

图3-7-6

已经填充好的渐变图像，可以通过工具面板中的“渐变变形工具”进行相应的变形及位移方面的操作。选择此工具后，单击渐变对象，会出现一些可调节的控制手柄。

渐变中间的白色圆点是填充中心，可以把鼠标放置到中心点上，当鼠标图标变为十字形式时拖动鼠标，可以把渐变移动到一个新的位置，如图3-7-7左图所示。

右侧中间的箭头手柄，可自由缩放线性渐变的宽度或者高度，比如缩放高度需要把渐变旋转90°，如图3-7-7右图所示。

图3-7-7

右上角的手柄为旋转手柄，拖动它可以改变线性渐变的角度，对其进行顺时针和逆时针的旋转操作，如图3-7-8所示。

图3-7-8

线性渐变支持颜色透明，可以为渐变色设置不同的透明度，透明色在预览中会透出底部的网格纹。点击色标，在渐变预览区右上角的“A”属性中输入相应数值即可完成透明度设置，如图3-7-9所示圆形装饰图案设置了不同透明度的渐变色，透出底下的花纹显得非常华丽。

图3-7-9

在Flash中，不但填充可以支持渐变，普通的线条也能够使用渐变。比如可以用铅笔绘制五颜六色的线条和轮廓，再比如在黑夜中绘制这些星星的光芒。以前需要把线条转换成填充才可以制作光线，现在不必了。平均加入三个色标，设置位于渐变色带中间的色标颜色透明度为100%，两边为透明度为0，就可直接绘制出这样的光线了，如图3-7-10所示。

图3-7-10

2.径向渐变

在“类型”下拉菜单下选择径向渐变，就进入了径向渐变的设置面板，样式几乎和线性渐变一样。不过在使用“渐变变形工具”选择对象后会有所不同，这里出现了更多的控制手柄。

中间重叠的有两个：中心点控制手柄和焦点控制手柄。右侧紧挨着的三个，从上至下分别是用来调整渐变宽度、大小以及旋转角度的手柄，如图3-7-11左图所示。

中心点控制手柄用来调整径向渐变中心的位置。渐变中间的白色圆点为填充中心，当鼠标放在中心点上时，鼠标指针为十字箭头形状，表示可向任意方向移动。这时进行拖动，就能够改变渐变中心点到任意位置，如图3-7-11右图所示。

图3-7-11

和中心点重叠在一起的倒置三角形控制点被称为焦点控制手柄，如图3-7-12左上图所示。只能在选择“径向渐变”后才能看到，这个手柄用来控制径向渐变的焦点位置。可以左右移动三角来查看颜色聚焦的位置，双击焦点控制手柄能复位焦点位置。

右侧第一个手柄用于控制渐变宽度，可以单独调节渐变的宽度而不改变其高度。如希望改变高度，可先对渐变进行90°的旋转，如图3-7-12右上图所示。

第二个手柄形状类似一个圆环，用来改变渐变的大小。和上面改变宽度所不同的是，它用于等比例缩放渐变的长和宽，如图3-7-12左下图所示。

第三个手柄用于旋转，通过它能调节渐变的方向和角度，如图3-7-12右下图所示。以上所讲的这些手柄既可以单独使用，也可以根据实际情况结合使用。如果能够综合运用这些手柄的各自特性，将会发挥更强大的功能。

图3-7-12

径向渐变同样也可以使用透明。下面我们来给橄榄球加个阴影效果，使橄榄球看起来更逼真。

设置径向渐变左边色标为黑色，透明度100%；设置右边色标为白色，透明度为0，这样我们就完成了一个从黑色过渡到透明白色的径向渐变。设置笔触颜色为无，选择椭圆工具，按住Alt和Ctrl键，在橄榄球下方绘制一个圆形，如图3-7-13所示。

图3-7-13

阴影应该是椭圆形，从橄榄球的底部慢慢减淡。我们可以通过渐变变形工具来调整阴影效果。选择渐变变形工具，先使用大小调整手柄缩小渐变到合适尺寸，再通过渐变宽度调整手柄拉伸渐变的宽度到合适位置，如图3-7-14所示。逼真的阴影效果就完成了。

图3-7-14

3.7.2 使用位图填充

在Flash中，填充物除了渐变以外，还有更高级的位图。位图填充常常用来做背景图案平铺。在“颜色”面板的“类型”列表中选择位图，然后当图片导入后，可以看到它被放置在“颜色”面板的下部。也可以导入多个图片，它们都会在面板下部以缩略图的形式罗列出来，填充时可根据需要选择使用，如图3-7-15左图所示。

选好图片后，可以使用任意填充工具绘画，此位图就自动填充了这个形状。这时选择“渐变变形工具”，单击已经填充的对象，图片的周围会出现一个蓝框，蓝框周围的多个控制手柄可以使用，如图3-7-15右图所示。

图3-7-15

中间空心圆圈用来控制位图填充的位置，左下角为等比例缩放位图的控制手柄，左边的是控制位图宽度的手柄，底部的手柄控制位图的高度，上部手柄和右侧手柄分别控制位图的水平倾斜度和垂直倾斜度，右上角手柄控制位图的旋转角度。通过它们的调整可改变填充位图的形状，甚至可以调出空间透视的效果，如图3-7-16所示。双击蓝色框的中心点可以取消位图变形。

图3-7-16

通过以上的学习可以了解到，渐变和位图可以应用线条、填充和形状。这样会提供更大的设计空间，合理使用这些特性，可以完成丰富多彩的填充对象。

3.7.3 渐变流设置

渐变的流设置中有3种流样式，它们分别是：“扩展颜色”、“反射颜色”和“重复颜色”。只有在“线性渐变”和“径向渐变”的情况下，流设置才会出现。图标表现为3种不同样式的黑白渐变色带，如图3-7-17所示。

图3-7-17 渐变流设置

1.3种流设置

在渐变之外，颜色如何应用由流的模式来决定。流的方式是指当使用的颜色超出了渐变的范围，会以何种方式填充空余的区域。更通俗来讲，就是在渐变后未填满的某个形状区域如何处理。

第一种流模式是“扩展颜色”，也是默认模式。正常情况下，流的效果不容易较直观地表现出来，因此为了更好地理解各种流方式的效果，当绘制了一个基本的渐变后，首先利用“渐变变形工具”缩小该渐变的宽度。可以观察到，当渐变缩小到相应的大小后，渐变的起始色（黄）和结束色（绿）以纯色方式向两边蔓延开来，填充了空余的对象区域，如图3-7-18所示。

图3-7-18

第二个流模式是“反射颜色”，为了更好地观察效果，首先把渐变的宽度缩放到一定的程度。它是把现有这一段渐变进行对称翻转，合并后再重复地延续下去，这时这一段渐变便作为图案平辅在空余的形状区域里。假如对象被拉大，那么此图案也会随它的范围大小伸展重复下去，如图3-7-19左图所示。

第三种模式为“重复颜色”流模式，它和“反射颜色”模式十分类似。两者的差异表现在，“重复颜色”模式缺了一个对称翻转的步骤，它直接把这一段渐变当成图案平铺在整个填充对象的所有区域，而其他的特性和“反射颜色”流是完全一样的。通过把三种模式放在一起比较可以发现，在“反射颜色”模式下，渐变的过渡会比“重复颜色”更加流畅，不存在断裂切面的情况，如图3-7-19右图所示。

图3-7-19

2.渐变流的动画效果

流设置可以在“线性渐变”和“径向渐变”上使用。接下来，让我们利用流模式对渐变无限重复的特性来制作一个动画。在“颜色”中，创建一个蓝白相间的“径向渐变”，选择流模式为“反射颜色”，使用椭圆工具绘制出一个圆，如图3-7-20所示。

图3-7-20

在时间轴第24帧插入关键帧，右键单击第1帧到24帧中任一帧，在弹出的菜单中选择“创建补间形状”。

为了使画面动起来，将鼠标移至24帧处，使用“渐变变形工具”往内部拖动缩放手柄，把此渐变缩小。因为已设置了“反射颜色”流模式，所以这时看到此渐变对称翻转后，头尾相接被铺满了整个形状，而且出现的白色光环是连绵不断的。按快捷键Ctrl+Enter预览动画，这时产生的动画效果是，渐变收缩产生连贯的光环，如图3-7-21左图所示。

当然也可以扩展一下思路，例如变更一下渐变的位置和焦点来产生更丰富的效果。这里，只随便地调整了一些手柄，就可以看到渐变光环产生了类似时光隧道的感觉，如图3-7-21右图所示。