2.4 图形的色彩
根据设计的要求，可以应用纯色编辑面板、颜色面板、样本面板来设置所需要的纯色、渐变色、颜色样本等。
命令介绍
颜色面板：可以设定纯色、渐变色以及颜色的不透明度。
纯色面板：可以选择系统设置的颜色，也可根据需要自行设定颜色。
2.4.1 课堂案例——绘制播放器图标
【案例学习目标】使用绘图工具绘制图形，使用浮动面板设置图形的颜色。
【案例知识要点】使用“矩形”工具和“颜色”面板，制作背景效果；使用“基本椭圆”工具和“椭圆”工具，绘制按钮图形；使用“文本”工具，输入广告语，如图2-265所示。
图2-265
【效果所在位置】Ch02/效果/绘制播放器图标.fla。
1. 绘制背景
（1）选择“文件 > 新建”命令，弹出“新建文档”对话框，在“常规”选项卡中选择“ActionScript 3.0”选项，将“宽”选项设为700，“高”选项设为600，单击“确定”按钮，完成文档的创建。将“图层1”重命名为“背景”，如图2-266所示。
图2-266
（2）选择“矩形”工具
，在矩形工具“属性”面板中，将“笔触颜色”设为青色（#1EBBE6），“填充颜色”设为灰色（#666），“笔触”选项设为13，在舞台窗口中绘制一个大小适当的矩形条，如图2-267所示。
图2-267
（3）选择“窗口 > 颜色”命令，弹出“颜色”面板，选择“填充颜色”选项
，在“颜色类型”选项的下拉列表中选择“线性渐变”，在色带上将左边的颜色控制点设为蓝色（#00B9EF），将右边的颜色控制点设为深蓝色（#00315E），生成渐变色，如图2-268所示。
图2-268
（4）选择“颜料桶”工具
，在闭合路径内部从左向右拖曳渐变色，如图2-269所示。松开鼠标后，渐变色被填充，效果如图2-270所示。
图2-269
图2-270
2. 绘制按钮图形
（1）按Ctrl+F8组合键，弹出“创建新元件”对话框，在“名称”选项的文本框中输入“按钮”，在“类型”选项下拉列表中选择“图形”选项，如图2-271所示，单击“确定”按钮，新建图形元件“按钮”，舞台窗口也随之转换为图形元件的舞台窗口。
图2-271
（2）选择“基本椭圆”工具
，在基本椭圆工具“属性”面板中将“笔触颜色”设为无，“填充颜色”为刚才的渐变色，其他选项的设置如图2-272所示。
图2-272
（3）在舞台窗口中绘制一个饼形，如图2-273所示。选择“渐变变形”工具
，在图形上单击鼠标，出现渐变控制手柄，如图2-274所示。将鼠标指针放置在右上角的圆形控制点上，指针变为
时，向右下方拖曳鼠标，改变渐变色的倾斜度，效果如图2-275所示。将鼠标指针放置在中心控制点上，当指针变为
时，向上拖曳鼠标，改变渐变色的位置，如图2-276所示。
图2-273
图2-274
图2-275
图2-276
（4）单击“时间轴”面板下方的“新建图层”按钮
，新建“图层2”。选择“窗口 > 颜色”命令，弹出“颜色”面板，选择“填充颜色”选项
，在“颜色类型”选项的下拉列表中选择“径向渐变”，在色带上将渐变色设为从浅灰（#444040）、灰色（#3F3B3A）、深灰色（#261D1A）到黑色（#261D1A），共设置4个控制点，生成渐变色，如图2-277所示。
图2-277
（5）选择“椭圆”工具
，选中工具箱下方的“对象绘制”按钮
，在舞台窗口中绘制一个径向渐变的椭圆形，效果如图2-278所示。
图2-278
（6）单击“时间轴”面板下方的“新建图层”按钮
，新建“图层3”。在椭圆工具“属性”面板中，将“笔触颜色”设为灰色（#CCC），“填充颜色”设为白色，“笔触”选项设为2，在舞台窗口中绘制一个椭圆形，效果如图2-279所示。
图2-279
3. 添加其他素材
（1）单击舞台窗口左上方的“场景1”图标
，进入“场景1”的舞台窗口。单击“时间轴”面板下方的“新建图层”按钮
，创建新图层并将其命名为“按钮”，如图2-280所示。将“库”面板中的图形元件“按钮”拖曳到舞台窗口中，并放置在适当的位置，如图2-281所示。
图2-280
图2-281
（2）单击“时间轴”面板下方的“新建图层”按钮
，创建新图层并将其命名为“星星”。选择“窗口 > 颜色”命令，弹出“颜色”面板，选择“填充颜色”选项
，在“颜色类型”选项的下拉列表中选择“线性渐变”，在色带上将左边的颜色控制点设为蓝色（#00B9EF），将右边的颜色控制点设为深蓝色（#005593），生成渐变色，如图2-282所示。
图2-282
（3）选择“多角星形”工具
，在多角星形“属性”面板中，单击“工具设置”选项组中的“选项”按钮，在弹出的“工具设置”对话框中进行设置，如图2-283所示，单击“确定”按钮，完成工具设置。在舞台窗口中绘制一个星星，效果如图2-284所示。
图2-283
图2-284
（4）单击“时间轴”面板下方的“新建图层”按钮
，创建新图层并将其命名为“装饰”。选择“文件 > 导入 > 导入到舞台”命令，在弹出的“导入”对话框中，选择本书学习资源中的“Ch02> 素材 > 绘制播放器图标 > 01、02”文件，单击“打开”按钮，文件分别被导入舞台窗口，分别拖曳图像到适当的位置，如图2-285所示。
图2-285
（5）选择“文本”工具
，在文本工具“属性”面板中进行设置，在舞台窗口的适当位置输入大小为24、字体为“Arial”的白色英文，文字效果如图2-286所示。播放器图标绘制完成，按Ctrl+Enter组合键即可查看效果。
图2-286
2.4.2 纯色编辑面板
在工具箱的下方单击“填充颜色”按钮
，弹出“纯色”面板，如图2-287所示。在面板中可以选择系统设置好的颜色，如想自行设定颜色，单击面板右上方的颜色选择按钮
，弹出“颜色”面板，在面板右侧的颜色选择区中选择要自定义的颜色，如图2-288所示。滑动面板右侧的滑动条来设定颜色的亮度，如图2-289所示。
图2-287
图2-288
图2-289
设定颜色后，可在“颜色 | 纯色”选项框中预览设定结果，如图2-290所示。单击面板右下方的“添加到自定义颜色”按钮，将定义好的颜色添加到面板左下方的“自定义颜色”区域中，如图2-291所示，单击“确定”按钮，自定义颜色完成。
图2-290
图2-291
2.4.3 颜色面板
选择“窗口 > 颜色”命令，弹出“颜色”面板。
1. 自定义纯色
在“颜色”面板的“类型”选项中，选择“纯色”选项，面板效果如图2-292所示。
图2-292
“笔触颜色”按钮
：可以设定矢量线条的颜色。
“填充颜色”按钮
：可以设定填充色的颜色。
“黑白”按钮
：单击此按钮，线条与填充色恢复为系统默认的状态。
“没有颜色”按钮
：用于取消矢量线条或填充色块。当选择“椭圆”工具
或“矩形”工具
时，此按钮为可用状态。
“交换颜色”按钮
：单击此按钮，可以将线条颜色和填充色相互切换。
“H”“S”“B”和“R”“G”“B”选项：可以用精确数值来设定颜色。
“A”选项：用于设定颜色的不透明度，数值选取范围为0～100。
在面板左侧中间的颜色选择区域内，可以根据需要选择相应的颜色。
2. 自定义线性渐变色
在“颜色”面板的“颜色类型”选项中选择“线性渐变”选项，面板如图2-293所示。将鼠标指针放置在滑动色带上，指针变为
，如图2-294所示，在色带上单击鼠标增加颜色控制点，并在面板下方为新增加的控制点设定颜色及明度，如图2-295所示。当要删除控制点时，只需将控制点向色带下方拖曳。
图2-293
图2-294
图2-295
3. 自定义径向渐变色
在“颜色”面板的“颜色类型”选项中选择“径向渐变”选项，面板效果如图2-296所示。用与定义线性渐变色相同的方法在色带上定义径向渐变色，定义完成后，面板的左下方显示出定义的渐变色，如图2-297所示。
图2-296
图2-297
4. 自定义位图填充
在“颜色”面板的“颜色类型”选项中选择“位图填充”选项，如图2-298所示。弹出“导入到库”对话框，在对话框中选择要导入的图片，如图2-299所示。
图2-298
图2-299
单击“打开”按钮，图片被导入“颜色”面板。选择“椭圆”工具
，在场景中绘制出一个椭圆形，椭圆形被刚才导入的位图所填充，如图2-300所示。
图2-300
选择“渐变变形”工具
，在填充位图上单击，出现控制点。向右上方拖曳左下方的方形控制点，如图2-301所示。松开鼠标后效果如图2-302所示。
图2-301
图2-302
向右下方拖曳右上方的圆形控制点，改变填充位图的角度，如图2-303所示。松开鼠标后效果如图2-304所示。
图2-303
图2-304
2.4.4 样本面板
在样本面板中可以选择系统提供的纯色或渐变色。选择“窗口 > 样本”命令，弹出“样本”面板，如图2-305所示。在控制面板中部的纯色样本区，系统提供了216种纯色。控制面板下方是渐变色样本区。单击控制面板右上方的按钮
，弹出下拉菜单，如图2-306所示。
图2-305
图2-306
“直接复制样本”命令：可以将选中的颜色直接复制出一个副本。
“删除样本”命令：可以将选中的颜色删除。
“添加颜色”命令：可以将系统中保存的颜色文件添加到面板中。
“替换颜色”命令：可以将选中的颜色替换成系统中保存的颜色文件。
“加载默认颜色”命令：可以将面板中的颜色恢复到系统默认的颜色状态。
“保存颜色”命令：可以将编辑好的颜色保存到系统中，方便再次调用。
“保存为默认值”命令：可以用编辑好的颜色替换系统默认的颜色文件，在创建新文档时自动替换。
“清除颜色”命令：可以清除当前面板中的所有颜色，只保留黑色与白色。
“Web 216色”命令：可以调出系统自带的符合Internet标准的色彩。
“按颜色排序”命令：可以将色标按色相进行排列。
“帮助”命令：选择此命令，将弹出帮助文件。