边用边学Flash动画设计与制作
上QQ阅读APP看书,第一时间看更新

2.3 图形的上色

Flash CS5中,每一个图形都是一种形状,形状由两部分组成,即填充和笔触,填充指图形内部的颜色,而笔触则是图形的外部轮廓,图形的上色就是为这两部分进行上色。下面学习为图形上色的相关技能。

2.3.1 选取颜色

选取颜色是为图形上色的第一步。在Flash CS5中,选取颜色可以通过【调色板】、【样板】和【颜色】3个面板实现,在这3个面板中,用户可以应用、创建和修改颜色。

1.【调色板】面板

在工具栏中的下方单击【笔触颜色】控件按钮或【填充颜色】控件按钮,即可打开调色板,移动光标到色块上,光标显示吸管图标,单击即可选择颜色,如图2-52所示。

图2-52

在调色板左上角的【Alpha】位置拖曳鼠标指针可以设置颜色的不透明度,如果单击【无色】按钮,则设置为无色填充效果。

2.【样本】面板

【样本】面板提供最为常用的颜色,另外也允许用户添加颜色。按【Ctrl+F9】组合键即可打开【样本】面板,单击该面板右上角的按钮即可打开面板菜单,通过该菜单,可完成对样本的复制、保存、删除等操作,如图2-53所示。

图2-53

3.【颜色】面板

【颜色】面板可以根据需要选择不同的纯色、渐变色或位图图案进行填充。按【Alt+Shift+F9】组合键即可打开【颜色】面板,在该面板中,不仅可以设置笔触颜色、填充颜色,同时还可以设置默认的笔触与填充颜色,或者设置无色填充以及交换笔触颜色与填充颜色。另外,单击【纯色】下拉按钮,在弹出的下拉列表中还可以设置渐变色填充或使用位图填充等,如图2-54所示。

图2-54

当选择无色填充时,只能设置笔触颜色;当选择纯色填充时,分别激活笔触颜色和填充颜色按钮,然后在下方的色盘中单击选择一种颜色进行填充;当选择渐变填充时,会切换到渐变填充的设置面板,方便用户设置渐变色,如图2-55所示。

图2-55

单击色带上的色标将其激活,然后在色盘上单击选择一种颜色,另外,在色带下方空白位置单击可以添加色标,使渐变色的颜色更丰富。如果要删除一个色标,将鼠标指针移到到色标上,按住指针向下拖曳即可。

当选择位图填充时,会打开【导入到库】对话框,如图2-56所示,选择要导入的位图,单击【打开】按钮,即可将导入的位图填充到选择的对象中,如图2-57所示。

图2-56

图2-57

2.3.2 填充颜色

当选择好颜色之后,就可以将选择的颜色填充到图形中。填充颜色的工具主要有【墨水瓶工具】、【颜料桶工具】、【滴管工具】

1.【墨水瓶工具】

【墨水瓶工具】用于以【颜色】面板中当前笔触方式对矢量图进行描边,以改变矢量线段、曲线以及图形轮廓的属性。

【任务10】使用【墨水瓶工具】填充。

Step 1 在舞台中绘制一个【笔触颜色】为绿色,【填充颜色】为蓝色的矩形,如图2-58所示。

图2-58

Step 2 激活【墨水瓶工具】,在其【属性】面板中设置笔触颜色、高度和样式等,如图2-59所示。

图2-59

Step 3 在图形边缘处单击,完成对图形轮廓的改变,结果如图2-60所示。

图2-60

2.【颜料桶工具】

【颜料桶工具】以【颜色】面板中当前填充样式对对象进行填充,填充内容可以是纯色、渐变色或位图。

【任务11】使用【颜料桶工具】填充。

Step 1 继续上面的操作。激活【颜料桶工具】,在【属性】面板中设置填充颜色为绿色,如图2-61所示。

图2-61

Step 2 在矩形内部单击填充颜色,结果如图2-62所示。

图2-62

另外,在填充时还可以忽略未封闭区域的一定空隙的宽度,实现对一些未完全封闭区域的填充。

Step 3 单击工具栏下方的【空隙大小】按钮,在弹出的下拉列表中包括【不封闭空隙】、【封闭小空隙】、【封闭中等空隙】以及【封闭大空隙】选项,如图2-63所示。

图2-63

其中,【不封闭空隙】要求填充区域必须完全封闭,【封闭小空隙】要求填充区域允许有一些小的空隙;【封闭中等空隙】要求填充区域允许有一些中等的空隙,而【封闭大空隙】要求填充区域允许有一些较大的空隙。

另外,在其工具栏下方还有【锁定填充】按钮,该按钮的作用是确定渐变色的参照基准,当处于锁定状态时,填充渐变色时将以整个舞台作为参考区域进行填充,填充到什么区域,就会对应到相应的渐变色,如图2-64所示。

图2-64

如果处于未锁定状态,则渐变色以每一个对象为独立的参考区域,在每个对象内完成渐变色的填充,如图2-65所示。

图2-65

3.【滴管工具】

【滴管工具】用于拾取工作区中已经存在的颜色以及样式作为填充内容,对图形进行填充。该工具没有其他的相关设置,操作非常简单,激活该工具后,将其移动到需要取色的图形上单击,如图2-66所示,即可拾取颜色,然后在其他图形上单击即可进行颜色填充,如图2-67所示。

图2-66

图2-67