图形的绘制和颜色填充

第三节　图形的绘制和颜色填充

在Flash动画中，矢量图形是其必不可少的重要组成部分。Flash中提供了一系列的矢量图形绘制工具。本节将对Flash CS3中的绘图模式和常用的绘图工具进行讲解，使读者熟练掌握这类工具的使用方法和技巧。

一、笔触和色块

在学习绘图工具之前，先了解两个概念。使用Flash的各种绘图工具绘制出来的图形分为两类：矢量线条和矢量色块。矢量线条就是一个图形的外部线条，它描绘形状的轮廓，使用“笔触颜色”按钮设置颜色；矢量色块就是一个图形的内部色块，使用“填充颜色”按钮设置颜色。在绘制图形之前，通常要设置笔触颜色和填充颜色（见图8-15），以及笔触和填充的形状、样式等。

图8-15　笔触颜色和填充颜色示意图

二、Flash CS3的绘制模式

（一）合并绘制模式

合并绘制模式下绘制和编辑图形时，在同一图层中的各图形之间会互相影响，当其重叠时，位于上方的图形会将位于下方的图形覆盖，并对其形状造成影响。如绘制一个圆形并在其上方叠加一个正方形，然后将正方形移动到其他位置，则会发现圆形中被正方形覆盖的部分已被删除，如图8-16所示。

图8-16　合并绘制模式效果图

（二）对象绘制模式

在对象绘制模式下绘制的图形都是独立的对象，因此图形在叠加时不会自动合并，在分离图形或重叠图形时，图形之间也不会互相影响，如图8-17所示。

图8-17　对象绘制模式效果图

在Flash CS3中将绘图工具切换到对象绘制模式的方法是：在工具箱中选中绘图工具如选择椭圆工具，在下方区域设置椭圆工具的笔触颜色和填充颜色，然后单击【对象绘制】按钮开启对象绘制模式（再次单击该按钮即可切换到合并绘制模式）。

三、绘图工具

Flash CS3中的绘图工具主要有矩形工具、椭圆工具、基本矩形工具、基本椭圆工具、多角星形工具、线条工具、铅笔工具、钢笔工具、刷子工具和橡皮擦工具等。下面进行简单介绍。

有一点要注意：将鼠标移动到工具上方，单击它将选择该工具，如工具右下方有标记，则说明这是一组工具，其下还有子工具，选中该工具按住鼠标不放将弹出其子工具选项。

（一）线条工具

线条工具用于绘制不同角度的直线。在工具箱中选择“线条工具”后，鼠标光标会变为十字形状，按住鼠标左键并往任意方向拖动，到所需位置释放鼠标，即可绘制一条直线。在其【属性】面板中可对绘制出来的直线的粗细、样式和颜色等进行修改。

（二）铅笔工具

铅笔工具主要用于绘制任意形状的线条或不规则的线条轮廓。使用铅笔工具绘制线条时，按住Shift键，可以绘制出水平或垂直方向的线条。选择“铅笔工具”后在选项区域中将显示铅笔模式按钮，单击该按钮可设置3种不同的笔触模式：直线化、平滑和墨水。

◇“直线化”选项：绘制的线条呈规则的直线。

◇“平滑”选项：绘制的线条是流畅自然的状态，可绘制相对较柔和、细致的图形。

◇“墨水”选项：在该选项下绘制的曲线将完全反映鼠标光标绘制的路径，就像用笔划过的痕迹一样。

在绘制图形时，可根据图形自身的属性选择不同的绘制选项，如绘制小草时选择“平滑”选项，绘制房屋结构时选择“直线化”选项。

（三）钢笔工具组

钢笔工具常用于绘制比较复杂、精确的曲线，曲线上的点称为锚点，可以调节曲线的曲率，使绘制的线条按照预定的方向弯曲。Flash CS3改版后的钢笔工具功能十分强大，新增了添加锚点工具、删除锚点工具和转换锚点工具。

添加锚点工具可以在绘制的线条上添加锚点。删除锚点工具可删除锚点。当其中一个锚点被删除后，其两边的两个锚点会连接成一条直线或曲线。

锚点有两类：平滑点和角点。这两种锚点的区别在于锚点连接处是否平滑。转换锚点工具可以很方便地在平滑点和角点之间转换。

如图8-18所示，利用钢笔工具绘制出心形所需要的四个锚点，这些锚点都是角点，为了显示出心形的弧线，可利用转换锚点工具将其中两个锚点转换为平滑点，拖动平滑点上的方向点和方向线调节曲线的曲率，即可绘制出如图8-18所示的心形。

图8-18　利用钢笔工具组绘制的心形

（四）矩形工具组

矩形工具组中包含矩形工具、椭圆工具、基本矩形工具、基本椭圆工具和多角星形工具。

1. 矩形工具：在舞台中按下鼠标左键并拖动即可开始绘制矩形。在绘制时如果按住Shift键，可以绘制出正方形。

2. 椭圆工具：在舞台中按下鼠标左键并拖动，即可绘制出椭圆。如果在绘制椭圆时，按住Shift键，可以绘制正圆。

图8-19　椭圆工具的【属性】面板

椭圆工具【属性】面板（见图8-19）中的主要功能介绍如下。

◇“起始角度”文本框：在该文本框中输入不同的数字，可绘制不同缺口的椭圆。

◇“结束角度”文本框：在该文本框中输入不同的数字，可绘制相应大小的圆弧。

◇“内径”文本框：在该文本框中输入数值，绘制椭圆的中心将出现相应的空心圆。

3. 基本矩形工具可以绘制出圆角矩形。在其【属性】面板中同样可以对圆角矩形边框的粗细、线条样式和颜色等属性进行修改。如果将边角半径设置为负值，可绘制出边角内凹的特殊矩形。若将其面板中的加锁按钮切换为解锁按钮，可分别为圆角矩形的4个边角设置不同的半径数值，如图8-20所示。

图8-20　基本矩形工具绘制出的图形

4. 基本椭圆工具是Flash CS3新增的绘图工具，主要用于绘制一些基于椭圆的特殊几何图形，如扇形或圆环等，如图8-21所示。它和基本矩形工具相似，使用它绘制的图形会出现两个控制点，一个在圆心，一个在外圆上，用选择工具单击外圆上的控制点，可调整圆的弧度。

在其【属性】面板的【起始角度】和【结束角度】文本框输入数值（范围介于0～360），即可代表扇形的起始角度和结束角度数值。在【内径】文本框中输入内径数值即可形成相应的圆环。

图8-21　基本椭圆工具绘制出的图形

5. 多角星形工具可以绘制各种星形形状（见图8-22），还可以在【工具设置】面板中设置样式、边数及星形顶点大小等参数选项。

图8-22　多角星形工具的属性设置和效果图

（五）刷子工具刷子工具类似于平常使用的毛笔，主要用于绘制一些特定形状、大小及颜色的矢量色块。刷子工具的5种绘图模式具体功能及含义如下。

◇ 标准绘画：刷子工具绘制的色块直接覆盖其下方的矢量线条和矢量色块。

◇ 颜料填充：刷子工具绘制的色块只覆盖其下方的矢量色块而不覆盖矢量线条。

◇ 后面绘画：刷子工具绘制的色块会自动位于图形的下方，而不会覆盖原图形。

◇ 颜料选择：在此模式下，色块只能绘制到已经选取的矢量色块区域；若未选择任何区域，则不能绘制色块。

◇ 内部绘画：在此模式下，要求色块的绘制起点必须在矢量图内部，并且必须在封闭的区域里进行绘制。

各种绘图模式下刷子工具的绘图效果如图8-23所示。

图8-23　刷子工具五种绘图模式的效果图

（六）橡皮擦工具橡皮擦工具主要用于对图形中绘制失误或不满意的部分进行擦除，以便重新绘制。下面介绍其5种擦除模式的具体功能及含义。

◇ 标准擦除：为默认模式，可同时擦除矢量色块和线条。

◇ 擦除填色：此模式下，只能擦除填充的矢量色块而不擦除矢量线条。

◇ 擦除线条：顾名思义，只擦除矢量线条而不擦除矢量色块。

◇ 擦除所选填充：只擦除图形中选中区域的矢量色块。

◇ 内部擦除：可擦除封闭图形区域内的色块，但擦除的起点必须在封闭图形内，否则不能进行擦除。

各种模式的擦除效果如图8-24所示。

图8-24　橡皮擦工具五种擦除模式的效果图

在橡皮擦工具下方区域中单击【开启水龙头】按钮，用户可通过单击图形中的矢量色块和矢量线条，对其进行快速擦除。如图8-25所示。当【开启水龙头】按钮放置在矢量色块中时，则擦除色块；放置在线条位置上时，则擦除线条。

图8-25 【开启水龙头】按钮的用法

注意：刷子大小会在更改舞台时保持比例不变，因此，当场景缩小时刷子会显得很大。

四、图形的颜色填充

Flash中的颜色填充工具可以为绘制的矢量图形填充各种颜色，使图形更加绚丽多彩。（一）使用墨水瓶工具

使用工具箱中的墨水瓶工具，可以更改一个或多个线条或形状轮廓的笔触颜色、宽度和样式等。对直线或形状轮廓只能应用纯色，而不能应用渐变色或位图。

（二）使用颜料桶工具

在Flash CS3中，使用颜料桶工具既可以填充空的区域，也可以更改已填充区域的颜色，并且还可以用纯色、渐变色以及位图进行填充。使用颜料桶工具也可以填充未完全封闭的区域，并且可以设置使用颜料桶工具时闭合形状轮廓。

选中颜料桶工具后，在工具箱下方单击【空隙大小】按钮，可选择颜料桶的填充方式，一共有4种，各填充方式的功能如下。

◇ 不封闭空隙：该方式下，填充区域必须是完全封闭的，才能对图形进行填充。

◇ 封闭小空隙：该方式下，即使填充区域存在小的缺口，仍然对图形进行填充。

◇ 封闭中等空隙：该方式下，即使填充区域存在中等大小的缺口，仍然对图形进行填充。

◇ 封闭大空隙：该方式下即使填充区域存在较大的缺口，仍然对图形进行填充。

（三）使用滴管工具

在Flash CS3中，除了通过【颜色】面板调配颜色外，还可以利用滴管工具对线条和矢量色块的颜色以及位图进行采样。如果选择的是笔触，该工具自动变成墨水瓶工具。如果单击已填充的区域，该工具自动变成颜料桶工具。单击其他笔触或已填充区域可以应用到其他图形。

对位图采样时需先将位图用Ctrl+B键图片打散后再用滴管工具提取。

（四）利用【颜色】面板调配颜色

在Flash CS3中，通过【颜色】面板可以更改笔触和填充的颜色，并在RGB和HSB模式下创建和编辑纯色和渐变色，还可以将调配出的颜色设置为颜色样本，以便随时进行调用。下面对相关参数进行介绍：

◇ Alpha微调框：用于设置填充颜色的透明度。

◇ 类型：包括“无”、“纯色”、“线性”、“放射状”和“位图”5种类型。其中线性渐变是沿着一根轴线改变颜色；放射状渐变从一个中心圆点向外改变颜色，可以调整渐变的方向、颜色、中心点位置，以及渐变的其他很多属性。

◇ 溢出：当【类型】中选择“线性”或“放射状”选项后会出现该项目。主要包括3个选项，用于控制超出线性渐变或放射状渐变限制进行应用的颜色。

（五）使用渐变变形工具调整填充效果

配合【颜色】面板（见图8-26），将【类型】选择为“放射状”（即常说的“渐变色”）选项，在渐变色调节框中选择相应的颜色，这部分的用法和Photoshop中基本类似。

在为图形填充渐变色后，选择渐变变形工具后单击图形，可以对渐变色的填充属性进行调整（见图8-27），以便获得更好的渐变填充效果。

图8-26 【颜色】面板

图8-27　渐变变形工具的调节柄

总结：墨水瓶工具用来改变矢量线条的颜色；颜料桶工具用来改变矢量色块的颜色。

思考题与上机练习

1. 笔触和填充有何不同？

2. 合并绘图模式和对象绘图模式的区别是什么？

3.【开启水龙头】按钮的用途是什么？

4. 使用基本绘图工具，结合渐变填充的使用，创建如图8-28所示的三维图形。

图8-28　上机练习效果图