绘制填充图形对象
在Flash MX中,使用椭圆工具
和矩形工具都可以直接创建出填充图形对象,通过绘图工具箱中的按钮可以更改所绘制的椭圆的边缘线颜色,通过按钮可以更改所绘制的椭圆的填充颜色。当这些对象绘制完成后,依然可以通过工具箱中的墨水瓶工具来修改已经存在线条的样式,或者使用油漆桶工具来更改图像内部的填充样式。认识调色板
在绘制填充对象之前,有必要来认识一下Flash中的颜色。在Flash MX中,各种颜色都将存放于颜色面板中,供用户选择。每个Flash文件都包含自己的调色板,在进行填充、画线以及创建矢量文字时,都会使用到调色板,Flash MX取消了原来Flash 5中的Fill面板,并将各种面板整合于Color Mixer面板中,为用户发挥色彩创造力提供了强有力的支持。
1. 调色板的类型
Flash MX的调色板分为两种类型,一种是进行单色选择的调色板,它提供了252种颜色供用户选择;另一种是包含单色与渐变色的调色板,除了252种颜色之外,还增加了9种Linear(线性)、Radial(径向)渐变颜色。
单击绘图工具栏的前景颜色块时,将打开如图2-17所示的单色选择调色板。调色板的第1、3列两种是纯黑色,第2列是由6种从黑到白的梯度渐变色和红、绿、蓝、黄、青、紫6种纯色组成的。单色选择调色板主要用于定义矢量线和文字的色彩。
在调色板内选择一种颜色之后,它将出现在颜色框内,并且与之对应的16进制数值将显示在颜色值文本框内。选择绘图工具栏的矩形、椭圆等绘制可填充矢量图的工具按钮之后,在调色板的右上角还会出现一个禁用按钮,单击该按钮将禁止在矢量图内进行颜色填充。
单击绘图工具栏的填充颜色块时,将打开如图2-18所示的复合选择调色板,它与单色选择调色板的重要区别就是在下方增加了9种用于渐变填充的颜色。选择渐变填充颜色时,只在颜色框内显示所选的颜色,但不会在颜色值文本框内出现与颜色对应的16进制数值,因为所选的颜色是一种复合颜色,无法用表示单一颜色的颜色值进行表示。
图2-17 单色选择调色板 图2-18 复合选择调色板
2. 自定义颜色
在单色选择调色板和复合选择调色板内单击右上角的色盘时,都将打开如图2-19所示的Windows自带的“颜色”对话框。自定义颜色的方法可根据需要进行自由选择,一般有下列3种方法可供用户参考:
● 在“色调”、“饱和度”、“亮度”文本框内输入数值。
● 在“红”、“绿”、“蓝”文本框内输入数值。
● 右侧色彩选择区内选择一种颜色,然后拖动选择区旁边的滑块,调整颜色的亮度。
图2-19 “颜色”对话框
单击“添加到自定义颜色”按钮之后,新的颜色将出现在“自定义颜色”颜色框内。如果在自定义颜色之前未选择任何颜色框,那么新的颜色将代替“自定义颜色”选项组的第一个颜色框。
在“颜色”对话框右侧的色彩选择区内选择一种颜色时,可以看到“色调”和“饱和度”的数值发生了变化,因为“亮度”的数值是由滑块控制的。每选择一种颜色时,“红”、“绿”、“蓝”的数值都会作出相应的反映,以匹配当前所选的颜色。
3. 创建新的渐变色
在复合选择调色板内选择一种渐变色之后,所选渐变色的类型和颜色等都会出现在Color Mixer面板中。一般地,渐变色是由起始颜色和目标颜色决定的,拖动代表上述颜色的滑块,可以改变渐变的起始位置和终止位置,渐变距离也是可调的。
Flash MX也支持用户自定义渐变色,如果用户需要使用更多的渐变色彩,可按如下步骤操作:(1) 在Flash MX的Window菜单中选择Color Mixer命令,打开如图2-20所示的Color Mixer面板。可以看到,在该面板的横向颜色条下方,有多个已经定义的色块位置。
图2-20 Color Mixer面板
(2) 在已定义色块上单击鼠标,选中该色块后,在面板下方的色谱中指定所需的颜色,即可改变选中色块的颜色。
(3) 在横向颜色条的任意空位上单击鼠标,可以增加一个渐变定义色块。
(4) 在面板上方的Linear Gradient下拉列表框中,可以指定当前所创建的渐变性质是线性渐变还是中心渐变。在右侧的R、G、B文本框中,还可以输入所需颜色的RGB值。
(5) 在Alpha下拉列表框中,可以指定当前指定颜色的透明度。
经过上述步骤的操作,即可创建一个自定义的渐变颜色。该渐变颜色将直接显示在Flash的复合颜色选择面板中,如图2-21所示。
图2-21 添加了自定义渐变色后的复合选择面板
要删除渐变色中某种颜色时,可将代表渐变色的滑块拖离Color Mixer面板,但Flash MX不允许滑块的数量少于两个,也就是说代表起始颜色和目标颜色的滑块是必需的。单击Color Mixer面板右下角的保存按钮时,一方面可对当前设置的渐变色进行保存,另一方面还可将保存的渐变色显示在复合选择调色板的下方。
图形的颜色填充
在Flash MX中,所有可以直接绘制出闭合路径的工具都可以应用填充效果,如椭圆工具、矩形工具等,当用户使用铅笔工具或直线工具绘制了闭合路径,就可以通过工具箱中的油漆桶工具进行填充。
1. 椭圆工具
选择绘图工具栏的椭圆工具直接在舞台上拖动,就能够绘制标准的椭圆。按住Shift功能键的同时拖动鼠标,将得到一个正圆。椭圆或正圆边框的线型、宽度与颜色是由Properties面板的设置决定的。通过Color Mixer面板的设置,用户则可改变填充椭圆或正圆的边框及填充的颜色。
绘制椭圆的方法非常简单,用户只需选择绘图工具栏的椭圆工具之后,在舞台上拖动鼠标,确定椭圆的大致轮廓,释放鼠标之后,规定长度与宽度的椭圆将显示在屏幕上。为了设置椭圆的边框属性,用户可打开Properties面板,改变它的线型、宽度与颜色,具体的方法可参见本章2.1节的内容。
绘制椭圆的具体操作步骤如下:(1) 单击绘图工具栏的新建工具按钮,创建一个新的Flash文件。
(2) 选择Window→Properties命令,打开Properties面板。
(3) 确定椭圆的边框属性之后,选择绘图工具栏的椭圆工具按钮。
(4) 在舞台上拖动鼠标,确定椭圆的长半轴与短半轴。
(5) 释放鼠标。
在舞台上绘制大小不同的椭圆之后,如果它们互相重叠,那么重叠部分将被覆盖。如果使用颜色进行填充,那么重叠区域的下方将是不可见的,如图2-22所示。
设置椭圆或正圆的填充模式是通过Color Mixer面板来完成的。选择Window→Color Mixer命令,或者右击椭圆之后,在快捷菜单中选择Panels→Mixer命令,都将打开Color Mixer面板。打开填充模式下拉列表框之后,可以看到None、Solid、Linear Gradient、Radial Gradient和Bitmap等选项,如图2-23所示。其中各选项的含义如下:
● 选择None选项时,表示不使用任何方式对椭圆进行填充,此时舞台上绘制的椭圆只有外部轮廓。
● 选择Solid选项时,表示使用单一的填充色对椭圆进行填充,此时Color Mixer面板右下角出现一个颜色块,它用于设置新的填充色。当然,用户也可以改变绘图工具栏的填充色,两处的填充色总是保持一致。
图2-23 Color Mixer面板 图2-22 绘制椭圆
● 选择Linear Gradient选项时,表示使用线性的渐变填充,此时在Color Mixer面板内显示渐变填充的结果,拖动左侧的滑块时,将改变渐变填充起始颜色的位置;拖动右侧的滑块时,将改变渐变填充目标颜色的位置。当需要改变渐变填充的起始颜色时,可选择左侧的滑块,然后在颜色块内进行颜色的选择。类似地,选择右侧的滑块之后,就可在颜色块内选择新的目标颜色。单击Color Mixer面板右下角的保存按钮时,将把当前的渐变填充模式存盘,以备今后使用。
● 选择Radial Gradient选项时,将采用径向渐变填充模式,此时的起始颜色位于椭圆的中心位置,目标颜色位于椭圆的边框。拖动左侧的滑块时,可改变起始颜色的填充范围;拖动右侧的滑块时,目标颜色的填充范围将发生变化。
例如,将渐变填充的起始颜色和目标颜色分别设置为白色和深红色,并分别使用Linear Gradient和Radial Gradient两种填充模式时,可得到如图2-24所示的填充效果。
图2-24 渐变填充效果的对比
2. 矩形工具
绘制矩形的方法与绘制椭圆非常相似,通过Properties面板的设置,可改变矩形边框的颜色、宽度与线型。通过Color Mixer面板的设置,可决定是否对矩形进行填充以及填充的模式。按住Shift功能键时,将在舞台上得到正方形。
绘制矩形的操作步骤如下:(1) 单击绘图工具栏的新建工具按钮,创建一个新的Flash文件。
(2) 选择Window→Properties命令,打开Properties面板。
(3) 确定矩形边框的颜色、线型与宽度。
(4) 选择Window→Color Mixer菜单命令,打开Color Mixer面板。
(5) 确定矩形的填充模式。
(6) 选择绘图工具栏的矩形工具按钮,在舞台上确定矩形的外部轮廓。
(7) 释放鼠标。
例如,将矩形的填充模式设置为Linear Gradient之后,依次选择不同的线型,将得到如图2-25所示的矩形矢量图。尽管渐变的起始颜色都位于矩形的左侧,而渐变的目标颜色位于矩形的右侧,但选择不同的矩形边框之后,矩形的外观仍然存在不小的差别。
图2-25 变化的矩形边框
选择绘图工具栏的矩形工具按钮之后,将在Options选项区内出现Round Rectangle Radial按钮
,单击该按钮将打开如图2-26所示的Rectangle Settings对话框。在Corner文本框内输入圆角矩形的半径,它的度量单位是Points。单击OK按钮之后,在舞台上创建的矩形将具有指定的圆角半径,而不是默认的直角矩形。图2-26 Rectangle Settings对话框
例如,在Color Mixer面板内将矩形的填充模式设置为Linear Gradient,然后将它的圆角半径设置为20、30或40 Points之后,在舞台上将得到3种圆角半径不同的矩形(如图2-27所示)。可以看到,随着圆角半径的增大,矩形将越来越接近于椭圆。
图2-27 矩形的圆角半径
3. 吸管工具
吸管工具
虽然能直接将颜色用于对象填充,但该工具与对象填充也有着密切的关系。使用吸管工具,可以从现有的铅笔线条、画笔描边或者填充上取得颜色和风格信息,再将该信息应用到目标对象上。也就是说,吸管工具可以拾取舞台中已经存在的颜色或填充样式。在绘图工具栏中单击吸管工具按钮,这时在舞台中的鼠标就会变为一个吸管形状,当把鼠标移动到某个线条上时,吸管工具的下方就会多出一个铅笔形状,当吸管工具在某个填充区域内的时候,吸管工具的下方就会多出一个刷子形状,这时如果单击鼠标即可拾取该线条的颜色或将该区域作为填充样式,如图2-28所示。图2-28 使用吸管工具
使用吸管工具拾取了某种颜色或填充样式后,工具箱将自动使墨水瓶工具转为当前工具,而此时墨水瓶工具扩展选项的填充颜色或填充样式正是吸管工具中所拾取的颜色或 样式。
如果吸管工具位于直线、填充或者画笔描边上方时按住Shift键,那么光标将变为
状。在这种模式下,使用吸管工具可以将拾取当前对象的编辑属性,并在相应的面板中体现出来。例如,使用这种方法单击一个文本框,这时在Properties面板中将显示出当前被单击文本框的属性,如果使用这种方法单击某种填充颜色,那么所有直线工具的颜色都改变为这种填充颜色。4. 墨水瓶工具
墨水瓶工具用于改变矢量图边框的类型,在舞台上创建矢量图之后,通过Properties面板确定墨水瓶使用的线宽、线型与色彩之后,单击矢量图即可更改矢量图的边框。此次设置的边框属性将延用下去,直到通过Properties面板进行修改为止。
更改矢量图边框的操作步骤如下:(1) 单击绘图工具栏的新建工具按钮,创建一个新的Flash文件。
(2) 选择Window→Properties命令,打开Properties面板。
(3) 确定墨水瓶工具使用的线型、宽度与颜色。
(4) 单击绘图工具栏的墨水瓶工具按钮。
(5) 在舞台的矢量图上依次单击。
如果用鼠标单击一个没有轮廓线的区域,那么墨水瓶工具将会自动为该区域增加一个轮廓线;如果该区域已经存在有轮廓线,则把轮廓线改为墨水瓶工具设定的样式。如图2-29所示,其中左图为一个无轮廓线的对象,在使用墨水瓶工具后,该对象即增加了一个轮廓线,如右图所示。
图2-29 修改矢量图的边框
5. 油漆桶工具
使用油漆桶工具在舞台上绘制矢量图时,可对填充颜色、间隔大小、锁定填充和变化填充等选项进行设置,其中填充颜色的设置是通过绘图工具栏的填充色工具来完成的,它与使用笔刷、矩形和椭圆等工具绘制矢量图时设置填充颜色的方法完全相同。
选择绘图工具栏的油漆桶工具按钮之后,在它的Options选项区内将出现Gap Size按钮,在按钮的右下角有一个三角形的箭头,单击该箭头,Flash MX提供的间隔大小的选项将显示在屏幕上(如图2-30所示),它用于确定矢量线间隔对填充色的影响程度。选择Don't Close Gaps选项后,只有当矢量图是一个完整的封闭区域时,才能进行颜色的填充,否则使用油漆桶工具填充的操作无效;选择Close Small Gaps选项时,将忽略矢量图上较小的间隔;选择Close Medium Gaps选项时,将忽略矢量图上较大的间隔;选择Close Large Gaps选项时,即使在矢量图上存在更大的间隔,也可以使用油漆桶工具进行填充。
例如,使用直线工具绘制多边形时,未能形成完全封闭的矢量图,存在着一定大小的间隔,选择油漆桶工具之后,将它的间隔大小设置为Don’t Close Caps、Close Small Gaps或Close Medium Gaps时,都不能对选定区域进行颜色的填充,而会对所有的区域进行填充,如图2-31左图所示。但将它的间隔大小设置为Close Large Gaps时,所选的颜色将出现在未封闭的多边形区域内,并且颜色不会“飞溅”到舞台的空白区域,如图2-31右图 所示。
图2-31 油漆桶工具的间隔对填充效果的影响
在油漆桶工具的未锁定状态下,渐变填充将在填充区域内完全展示出来。在油漆桶工具的锁定状态下,渐变填充只在填充区域内部分地展示出来,并且渐变填充的起点与终点分别位于舞台的左侧与右侧。
除了可以对图形对象进行填充之外,油漆桶工具还有一个重要的功能,就是修改图形的填充样式,例如,修改渐变填充的起始位置到结束位置,修改位图填充的填充角度等。
如果要对一个区域进行渐变填充,那么还需要确定填充时所有的渐变色。渐变填充中的线性渐变和中心渐变两种方式,这两种方式的填充都可以进行修改。如果要改变线性渐变填充的样式,需要拖动产生线性渐变的起点线、终点线及中心点。如图2-32所示是一个对一个已经运用线性渐变填充后的椭圆区域调整其填充效果的例子:在油漆桶工具的扩展选项中单击修改填充类型按钮
并用油漆桶工具单击该椭圆区域,在该椭圆处会出现一个中心点和两条平行线,用户可以通过拖动中心点或平行线来改变线性渐变填充的方向。如果要改变中心渐变填充的样式,则需要改变确定产生中心渐变的圆心及圆半径。如图2-33所示,该例中如果要改变一个椭圆区域的中心渐变效果,只需单击修改填充按钮
后用油漆桶工具直接单击该椭圆区域并拖动圆心及圆半径即可进行修改。位图填充是对Flash MX对象填充的一个重要手段,所谓位图填充,就是使用某个位图来填充一个区域。使用位图填充时需要先导入一个位图文件,并将其打散后才能将其作为填充样式对某个区域进行填充。下面我们通过一个实例来说明位图填充。
图2-32 改变线性渐变填充的方向 图2-33 改变中心渐变填充样式
具体操作步骤如下:(1) 选择File→Import命令,在打开的Import对话框中选择一个作用填充样式的位图,该例中我们选用一个图案对一个椭圆区域进行填充,导入的图案如图2-34所示。
(2) 选择绘图工具栏中的吸管工具
并在图案的中心单击鼠标,然后再选择油漆桶工具。这时用户可以看到此时的油漆桶工具的扩展选项区域中的填充方式显示的不再是单色填充或是渐变色填充,而是这个图案的略缩图,如图2-35所示。图2-34 导入一个位图 图2-35 设定图案为填充方式
(3) 在舞台中使用椭圆工具绘制一个无填充色的椭圆,并选择油漆桶工具对其进行填充,即可得到如图2-36所示的位图填充效果。
(4) 在油漆桶工具的扩展选项中单击
按钮,并单击椭圆中的任何一个位图区域,都会出现一个矩形选框,用户可以通过移动该矩形选框的圆形手柄来对填充位图的大小、方向以及位置进行调整,如图2-37所示,图中所示的分别是对椭圆中填充位图的大小、方向和位置进行调整后的结果。图2-36 使用位图填充后的椭圆 图2-37 调整位图填充方式