2.4 图形的色彩_中文版Flash CS6基础培训教程（第2版）-QQ阅读女生现言网

书名：中文版Flash CS6基础培训教程（第2版）
作者名：数字艺术教育研究室
本章字数：4634字
更新时间：2024-10-30 06:26:59

2.4 图形的色彩

根据设计的要求，可以应用纯色编辑面板、颜色面板、样本面板来设置所需要的纯色、渐变色、颜色样本等。

命令介绍

颜色面板：可以设定纯色、渐变色及颜色的不透明度。

纯色面板：可以选择系统设置的颜色，也可根据需要自行设定颜色。

2.4.1 课堂案例——绘制卡通按钮

【案例学习目标】使用绘图工具绘制图形，使用浮动面板设置图形的颜色。

【案例知识要点】使用“基本矩形”工具、“颜色”面板、“渐变变形”工具和“变形”面板，绘制按钮效果；使用“矩形”工具、“椭圆”工具和“钢笔”工具，绘制汽车图形，最终效果如图2-250所示。

【效果所在位置】Ch02/效果/绘制卡通按钮.fla。

图2-250

1．绘制金属框

（1）选择“文件 > 新建”命令，弹出“新建文档”对话框，选择“常规”选项卡中的“Action Script 3.0”选项，单击“确定”按钮，进入新建文档舞台窗口。

扫描观看本案例视频

（2）将“图层1”重新命名为“金属框”。选择“窗口 > 颜色”命令，弹出“颜色”面板，单击“填充颜色”按钮，在“类型”选项的下拉列表中选择“线性渐变”，在色带上设置3个控制点，分别选中色带上两侧的控制点，并将其设置为灰色（# D5D7DC）、浅灰色（#B2B6BB），选中色带上中间的控制点，将其设置为淡黑色（#474E4F），生成渐变色，如图2-251所示。

（3）选择“基本矩形”工具，在基本矩形工具“属性”面板中将“笔触颜色”设置为无，其他选项的设置如图2-252所示，按住Shift键的同时，在舞台窗口中绘制一个正方形，效果如图2-253所示。

图2-251

图2-252

图2-253

（4）选择“渐变变形”工具，在舞台窗口中单击渐变色，出现控制点和控制线，如图 2-254所示。将光标放在外侧圆形的控制点上，光标变为图标，向左上方拖曳控制点，改变渐变色的角度，效果如图2-255所示。

（5）选择“选择”工具，选中图形，按Ctrl+C组合键，复制图形，按Ctrl+Shift+V组合键，将图形粘贴到当前位置。选择“窗口 > 变形”命令，弹出“变形”面板，在“变形”面板中将“缩放宽度”选项设置为90%，“缩放高度”选项也随之变为90%，如图2-256所示，按Enter键确定操作，效果如图2-257所示。

图2-254

图2-255

图2-256

图2-257

（6）选择“渐变变形”工具，在舞台窗口中单击渐变色，出现控制点和控制线，如图 2-258所示。将光标放在外侧圆形的控制点上，光标变为图标，向右上方拖曳控制点，改变渐变色的角度，效果如图2-259所示。

（7）调出“颜色”面板，单击“交换颜色”按钮，将填充颜色和笔触颜色相互切换，效果如图2-260所示。单击“填充颜色”按钮，在“颜色类型”选项的下拉列表中选择“径向渐变”，在色带上设置3个控制点，分别选中色带上两侧的控制点，并将其设置为橘黄色（# F0B048）、淡黑色（# 360F08），选中色带上中间的控制点，将其设置为红色（# E42920），生成渐变色，如图2-261所示，图形被填充渐变色，效果如图2-262所示。

图2-258

图2-259

图2-260

图2-261

图2-262

2．绘制车头和车轮

（1）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“车架”。选择“矩形”工具，在工具箱下方选择“对象绘制”按钮，将“笔触颜色”设置为无，“填充颜色”设置为蓝黑色（#00384A），在舞台窗口中绘制一个矩形，效果如图2-263所示。

扫描观看本案例视频

（2）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“头部”。选择“钢笔”工具，绘制一个闭合路径，如图2-264所示。

（3）选择“颜料桶”工具，在工具箱中将“填充颜色”设置为浅蓝色（#007C8E），在边线内部单击鼠标左键，填充图形，如图2-265所示。选择“选择”工具，在边线上双击鼠标选中边线，按Delete键，将其删除，效果如图2-266所示。

图2-263

图2-264

图2-265

图2-266

（4）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“车窗”。选择“钢笔”工具，绘制一个闭合路径，如图2-267所示。

（5）选择“颜料桶”工具，在工具箱中将“填充颜色”设置为淡绿色（#99D2C5），在边线内部单击鼠标左键，填充图形，如图2-268所示。选择“选择”工具，在边线上双击鼠标选中边线，按Delete键，将其删除，效果如图2-269所示。

（6）选择“套索”工具，在工具箱下方选择“多边形模式”按钮，在图形上选取需要的区域，如图2-270所示。按Ctrl+C组合键，将其复制，单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“高光”。

（7）按Ctrl+Shift+V组合键，将复制的图形原位粘贴到“高光”图层中，在形状“属性”面板中，将“填充颜色”设置为白色，“Alpha”设置为50%，效果如图2-271所示。

图2-267

图2-268

图2-269

图2-270

图2-271

（8）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“车轮”。选择“椭圆”工具，在工具箱下方选择“对象绘制”按钮，将“填充颜色”设置为蓝黑色（#00384A），按住Shift键的同时，在舞台窗口中绘制一个圆形，效果如图2-272所示。

（9）选择“选择”工具，选中图形，按Ctrl+C组合键，复制图形，按Ctrl+Shift+V组合键，将图形粘贴到当前位置。调出“变形”面板，将“缩放宽度”选项设置为50%，“缩放高度”选项也随之变为50%，如图2-273所示，按Enter键确定操作。在工具箱中将“填充颜色”设置为深蓝色（#095D61），填充图形，效果如图2-274所示。

图2-272

图2-273

图2-274

（10）选择“选择”工具，按住Shift键的同时，单击第一个圆形，将其同时选中。按住Alt+Shift组合键的同时，水平向右拖曳图形到适当的位置，复制图形，效果如图2-275所示。按Ctrl+Y组合键，按需要再复制一个图形并调整其位置，效果如图2-276所示。

图2-275

图2-276

3．绘制车厢

（1）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“车厢”。选择“矩形”工具，在矩形工具“属性”面板中将“笔触颜色”设置为无，“填充颜色”设置为橘黄色（#F18E27），其他选项的设置如图2-277所示，在舞台窗口中绘制一个矩形，效果如图2-278所示。

（2）选择“选择”工具，选中图形，按 Ctrl+C 组合键，复制图形。单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“高光1”。按Ctrl+Shift+V组合键，将复制的图形原位粘贴到“高光1”图层中，按Ctrl+B组合键，将图形打散，如图2-279所示。

图2-277

图2-278

图2-279

（3）按住Alt+Shift组合键的同时，垂直向下拖曳图形到适当的位置，复制图形。在形状“属性”面板中，将“填充颜色”设置为白色，填充图形，效果如图2-280所示。按Delete键，将其删除。

（4）选择“选择”工具，选中需要的图形，如图2-281所示。在形状“属性”面板中，将“填充颜色”设置为浅黄色（#F6AE54），填充图形，并调整其位置，效果如图2-282所示。

图2-280

图2-281

图2-282

（5）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“车顶架”。选择“矩形”工具，在工具箱中将“笔触颜色”设置为无，“填充颜色”设置为浅黄色（#F6AE54），在舞台窗口中绘制一个矩形，效果如图2-283所示。

（6）选择“矩形”工具，在舞台窗口中再绘制一个矩形，效果如图2-284所示。选择“选择”工具，按住Alt+Shift组合键的同时，水平向右拖曳图形到适当的位置，复制图形，效果如图2-285所示。

图2-283

图2-284

图2-285

（7）选择“矩形”工具，在舞台窗口中再绘制一个矩形，效果如图2-286所示。选择“选择”工具，按住Alt+Shift组合键的同时，垂直向上拖曳图形到适当的位置，复制图形，效果如图2-287所示。连续按Ctrl+Y组合键，按需要复制多个图形，效果如图2-288所示。

图2-286

图2-287

图2-288

（8）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“水滴”。选择“钢笔”工具，绘制一个闭合路径，如图2-289所示。

（9）选择“颜料桶”工具，在工具箱中将“填充颜色”设置为蓝黑色（#00384A），在边线内部单击鼠标左键，填充图形，如图2-290所示。选择“选择”工具，在边线上双击鼠标选中边线，按Delete键，将其删除，效果如图2-291所示。

图2-289

图2-290

图2-291

（10）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“货物架”。选择“矩形”工具，在工具箱中将“笔触颜色”设置为无，“填充颜色”设置为蓝黑色（#00384A），在舞台窗口中绘制一个矩形，效果如图 2-292 所示。卡通按钮绘制完成，效果如图 2-293 所示，按Ctrl+Enter组合键即可查看效果。

图2-292

图2-293

2.4.2 纯色编辑面板

在工具箱的下方单击“填充颜色”按钮，弹出“纯色”面板，如图2-294所示。在该面板中可以选择系统设置好的颜色，如果想自行设定颜色，单击面板右上方的颜色选择按钮，弹出“颜色”面板，在面板右侧的颜色选择区中选择要自定义的颜色，如图2-295所示。滑动面板右侧的滑动条来设定颜色的亮度，如图2-296所示。