第第3 3章章 图形的颜色图形的颜色纯色填充渐变填充位图填充本章主要内容：3.1.1 创创建建颜颜色色3.1.2 填充填充纯纯色色3.1.3 实战实战范例范例线线稿上色稿上色3.1 纯纯色填充色填充 在Flash中的图形由2部分构成，即笔触和填充，因此矢量图形的颜色实践上包括笔触颜色和填充颜色这2个部分。对图形进展纯色填充普通需求先创建纯色，然后再运用Flash的填充工具来对图形运用创建的颜色。创建颜色可以在Flash的【调色板】、【样本】面板和【颜色】面板中进展，而对笔触填充纯色可以运用【墨水瓶工具】，对图形填充颜色可以运用 【颜料桶工具】。 每一个每一个Flash文件都有本人的调色板，其存储在文件都有本人的调色板，其存储在Flash文档中，文档中，Flash默许的调色板是默许的调色板是256色的色的Web平安调色板。用户在创建颜色后，平安调色板。用户在创建颜色后，可以将颜色添加到调色板中，也可以将当前调色板保管为系统默许可以将颜色添加到调色板中，也可以将当前调色板保管为系统默许调色板，在下次创建文档时运用。调色板，在下次创建文档时运用。1【样本】面板【样本】面板 选择【窗口】选择【窗口】|【样本】命令或按【样本】命令或按【Ctrl+F9】键将翻开【】键将翻开【样本】面板，该面板中列出了文档中运用的一些颜色，默许情况下样本】面板，该面板中列出了文档中运用的一些颜色，默许情况下其列出了默许的其列出了默许的Web平安调色板。在面板中单击某个颜色，即可选平安调色板。在面板中单击某个颜色，即可选取该颜色。取该颜色。3.1.1 创创建建颜颜色色2调色板调色板 要设置填充色和笔触颜色，可以经过单击工具箱下方的【笔触要设置填充色和笔触颜色，可以经过单击工具箱下方的【笔触颜色】按钮或【填充颜色】按钮翻开调色板。运用调色板，用户颜色】按钮或【填充颜色】按钮翻开调色板。运用调色板，用户可以拾取颜色、设置颜色的可以拾取颜色、设置颜色的Alpha值、运用十六进制值来创建颜色值、运用十六进制值来创建颜色以及取消笔触或填充颜色。以及取消笔触或填充颜色。3.1.1 创创建建颜颜色色3【颜色】面板【颜色】面板 假设需求创建纯色，最好的工具就是运用【颜色】面板。选假设需求创建纯色，最好的工具就是运用【颜色】面板。选择【窗口】择【窗口】|【颜色】命令翻开【颜色】面板。可以经过直接拾取【颜色】命令翻开【颜色】面板。可以经过直接拾取颜色来设置选择图形的填充色或笔触颜色。颜色来设置选择图形的填充色或笔触颜色。3.1.1 创创建建颜颜色色3.1.2 填充填充纯纯色色 在完成颜色的选择后，即可将颜色运用到图形。在完成颜色的选择后，即可将颜色运用到图形。Flash提供了上色提供了上色工具，可以协助用户将颜色运用到舞台的图形中。工具，可以协助用户将颜色运用到舞台的图形中。1【墨水瓶工具】【墨水瓶工具】 【墨水瓶工具】用于以当前笔触方式对矢量图形进展描边，【墨水瓶工具】用于以当前笔触方式对矢量图形进展描边，其改动矢量线段、曲线或图形轮廓的属性。【墨水瓶工具】不其改动矢量线段、曲线或图形轮廓的属性。【墨水瓶工具】不仅可以改动图形笔触的颜色，还可以更改笔触的高度和款式。仅可以改动图形笔触的颜色，还可以更改笔触的高度和款式。2【颜料桶工具】【颜料桶工具】 【颜料桶工具】用于运用当前的填充方式对对象进展填充，【颜料桶工具】用于运用当前的填充方式对对象进展填充，该工具可以进展纯色填充，也可以实现渐变填充和位图填充。该工具可以进展纯色填充，也可以实现渐变填充和位图填充。【颜料桶工具】的运用方法和【墨水瓶工具】类似，在工具箱【颜料桶工具】的运用方法和【墨水瓶工具】类似，在工具箱中选择该工具后，在【属性】面板或【颜色】面板对颜色进展中选择该工具后，在【属性】面板或【颜色】面板对颜色进展设置，在图形中鼠标单击，即可将颜色填充到图形中。设置，在图形中鼠标单击，即可将颜色填充到图形中。3【滴管工具】【滴管工具】 在对图形进展颜色填充时，有时需求将一个图形中的颜色运在对图形进展颜色填充时，有时需求将一个图形中的颜色运用到另外的图形中，此时运用【滴管工具】可以快速实现这种用到另外的图形中，此时运用【滴管工具】可以快速实现这种一样颜色的复制操作。一样颜色的复制操作。3.1.3 实战实战范例范例线线稿上色稿上色1范例简介范例简介 本范例引见对一个卡通螃蟹线稿上色的过程。在本例的制造本范例引见对一个卡通螃蟹线稿上色的过程。在本例的制造过程中，运用【颜料桶工具】来给线稿的各个部分上色。运用过程中，运用【颜料桶工具】来给线稿的各个部分上色。运用【滴管工具】来实现对线稿不同部分添加一样的颜色。经过本【滴管工具】来实现对线稿不同部分添加一样的颜色。经过本例的制造，读者将可以进一步熟习设置颜色以及将颜色运用到例的制造，读者将可以进一步熟习设置颜色以及将颜色运用到图形中的操作方法。图形中的操作方法。2制造步骤制造步骤 略。请参看教材或者观看配盘上的视频教程。略。请参看教材或者观看配盘上的视频教程。3.2 渐变渐变填充填充 在Flash中，给绘制的图形填充颜色不仅仅是运用单一的纯色进展填充，有时还需求填充颜色的渐变效果。在Flash中，颜色渐变主要有线性渐变和径向渐变这2种方式。3.2.1 创建渐变创建渐变3.2.2 渐变的调整渐变的调整3.2.3 实战实战范例范例水晶水晶时钟时钟3.2.1 创创建建渐变渐变1运用预设渐变款式运用预设渐变款式 Flash CS5提供了预设渐变供用户运用。在选择图形后，在提供了预设渐变供用户运用。在选择图形后，在【属性】面板中翻开【填充颜色】调色板，单击调色板下的预【属性】面板中翻开【填充颜色】调色板，单击调色板下的预设渐变款式即可将其运用到选择的图形。设渐变款式即可将其运用到选择的图形。3.2.1 创创建建渐变渐变2创建渐变创建渐变 创建渐变效果，可以在【颜色】面板中进展。在面板中选创建渐变效果，可以在【颜色】面板中进展。在面板中选择需求运用的渐变类型，如这里选择【线性渐变】。择需求运用的渐变类型，如这里选择【线性渐变】。 在选择线性渐变方式后，在【颜色】面板的下方将会出现一个色谱条，色谱条显示出颜色的变化情况。在色谱条下方有颜色色标，它是一种颜色标志，标示出颜色在渐变中的位置。颜色的渐变就是从一个色标所代表的颜色过渡到下一个色标代表的颜色。 专家点拨：专家点拨：Flash的色谱条上最多的色谱条上最多可以有可以有15个色标，也就是说个色标，也就是说Flash最最多可以创建具有多可以创建具有15种颜色的颜色渐变效果。种颜色的颜色渐变效果。3.2.1 创创建建渐变渐变2创建渐变创建渐变 假设要向渐变添加颜色，可以将鼠标光标放置在色谱条的下假设要向渐变添加颜色，可以将鼠标光标放置在色谱条的下方，当其变为时单击鼠标即可。方，当其变为时单击鼠标即可。专家点拨：假设需求从渐专家点拨：假设需求从渐变色中删除颜色，可以将该颜色的变色中删除颜色，可以将该颜色的色标拖离色谱条即可。同时，也可以色标拖离色谱条即可。同时，也可以在选择该颜色的色标后，按【在选择该颜色的色标后，按【Delete】键】键将其删除。这里要留意，在选择某个将其删除。这里要留意，在选择某个颜色色标后，色标上面的三角形颜色色标后，色标上面的三角形变为黑色。变为黑色。3.2.1 创创建建渐变渐变2创建渐变创建渐变 假设需求改动渐变中的某个颜色，可以选择该颜色色标，假设需求改动渐变中的某个颜色，可以选择该颜色色标，在【颜色】面板中拾取需求的颜色即可。在【颜色】面板中拾取需求的颜色即可。专家点拨：与纯色填充中设专家点拨：与纯色填充中设置颜色一样，这里也可以经过输入颜色的十置颜色一样，这里也可以经过输入颜色的十六进制值、输入颜色的六进制值、输入颜色的RGB值和颜色的值和颜色的HSB值来设置颜色。同时，也可以经过设置值来设置颜色。同时，也可以经过设置颜色的颜色的Alpha值来设置颜色在渐变中值来设置颜色在渐变中的透明度。的透明度。3.2.1 创创建建渐变渐变2创建渐变创建渐变 假设需求更改某个颜色在渐变中的位置，只需求用鼠标拖假设需求更改某个颜色在渐变中的位置，只需求用鼠标拖动该颜色色标改动其在色谱条上的位置即可。动该颜色色标改动其在色谱条上的位置即可。3.2.2 渐变渐变的的调调整整 在Flash中，【渐变变形工具】用于控制渐变的方向和渐变色之间的过渡强度，运用该工具可以方便直观地对渐变效果进展调整。1线性渐变的调整 在图形中添加线性渐变效果后，在工具箱中选择【渐变变形工具】，此时，图形将会被含有控制柄的边框包围，拖动控制柄即可实现对渐变角度、方向和过渡强度进展调整。3.2.2 渐变渐变的的调调整整 2径向渐变的调整径向渐变的调整 在图形中创建径向渐变后，在工具箱中选择【渐变变形工具】。在图形中创建径向渐变后，在工具箱中选择【渐变变形工具】。此时图形将被带有控制柄的圆框包围，拖动控制柄即可实现对渐此时图形将被带有控制柄的圆框包围，拖动控制柄即可实现对渐变效果的调整。变效果的调整。3.2.2 渐变渐变的的调调整整 3溢出的溢出的3种方式种方式 所谓溢出，是指当颜色超出了渐变的限制时，以何种方式所谓溢出，是指当颜色超出了渐变的限制时，以何种方式来填充空余的区域。简单地说，溢出就是当一段渐变终了时，来填充空余的区域。简单地说，溢出就是当一段渐变终了时，假设还不能填满整个区域，将怎样来处置多余的空间。要设置假设还不能填满整个区域，将怎样来处置多余的空间。要设置渐变的溢出方式，可以在【颜色】面板中进展。渐变的溢出方式，可以在【颜色】面板中进展。3.2.3 实战实战范例范例水晶水晶时钟时钟1范例简介范例简介 本例引见水晶时钟的制造过程，为了简化范例的制造步骤，本例本例引见水晶时钟的制造过程，为了简化范例的制造步骤，本例只引见钟面效果的制造，而刻度、指针和商标的制造这里不作讲述。只引见钟面效果的制造，而刻度、指针和商标的制造这里不作讲述。在本范例的制造过程中，运用【椭圆形工具】绘制钟面，经过对图形在本范例的制造过程中，运用【椭圆形工具】绘制钟面，经过对图形运用线性渐变和放射状渐变来创建水晶玻璃立体效果和透明效果。通运用线性渐变和放射状渐变来创建水晶玻璃立体效果和透明效果。通过本例的制造，读者将可以属性过本例的制造，读者将可以属性Flash中中2种渐变方式化的创建方法，种渐变方式化的创建方法，掌握【渐变变形工具】的运用技巧。同时，读者将可以了解运用渐变掌握【渐变变形工具】的运用技巧。同时，读者将可以了解运用渐变来模拟立体和透明效果的方法。来模拟立体和透明效果的方法。2制造步骤制造步骤 略。请参看教材或者观看配盘上的视频教程。略。请参看教材或者观看配盘上的视频教程。3.3 位位图图填充填充3.3.2 调整位图填充调整位图填充3.3.1 填充位图填充位图3.3.3 实战实战范例范例国画卷国画卷轴轴3.3.1 填充位填充位图图 对图形进展位图填充的方法与渐变填充相类似，可以在【颜色】面板中选择位图填充并将其运用到图形上。1.3.3 保管文档保管文档 1文档的保管文档的保管用户创建新文档后，假设是第一次保管，在选择【文件】用户创建新文档后，假设是第一次保管，在选择【文件】|【保管】命令时，保管】命令时，Flash将翻开【另存为】对话框。运用该对话框将翻开【另存为】对话框。运用该对话框用户可以设置动画文件保管的位置和文件名。完成设置后，单用户可以设置动画文件保管的位置和文件名。完成设置后，单击【保管】按钮文档即被保管。击【保管】按钮文档即被保管。1.3.3 保管文档保管文档 2将文档保管为模板将文档保管为模板Flash允许将文档保管为模板，选择【文件】允许将文档保管为模板，选择【文件】|【另存为模板】【另存为模板】命令翻开【另存为模板】对话框。在对话框的【称号】文本框命令翻开【另存为模板】对话框。在对话框的【称号】文本框中输入模板的称号，在【类别】下拉列表中选择模板类型，在中输入模板的称号，在【类别】下拉列表中选择模板类型，在【描画】文本框中输入对模板的描画。完成后设置后，单击【描画】文本框中输入对模板的描画。完成后设置后，单击【保管】按钮即可将动画以模板的方式保管下来。保管】按钮即可将动画以模板的方式保管下来。3.3.2 调调整位整位图图填充填充 与渐变填充一样，在对图形进展了位图填充后，可以运用【渐变变形工具】来对位图的填充效果进展修正。在工具箱中选择【渐变变形工具】，在运用了位图填充的图形上单击，图形将被一个带有控制柄的方框包围。与渐变填充一样，拖动方框上的控制柄可以对填充效果进展修正。3.3.3 实战实战范例范例国画卷国画卷轴轴1范例简介范例简介 本例引见一幅国画卷轴的制造过程。本例在制造时，作为素本例引见一幅国画卷轴的制造过程。本例在制造时，作为素材的纸材质、国画和卷轴的柄均以位图填充的方式添加到舞台材的纸材质、国画和卷轴的柄均以位图填充的方式添加到舞台上的根本图形中。同时，运用渐变填充方式来模拟卷轴两侧的上的根本图形中。同时，运用渐变填充方式来模拟卷轴两侧的卷起效果。经过本例的制造，读者将掌握运用位图填充图形和卷起效果。经过本例的制造，读者将掌握运用位图填充图形和运用【渐变变形工具】对填充的位图进展调整的操作方法。运用【渐变变形工具】对填充的位图进展调整的操作方法。2制造步骤制造步骤 略。请参看教材或者观看配盘上的视频教程。略。请参看教材或者观看配盘上的视频教程。 本本章章学学习习了了Flash CS5中中图图形形填填充充的的3种种方方式式，它它们们是是纯纯色色填填充充、渐渐变变填填充充和和位位图图填填充充。经经过过本本章章的的学学习习，读读者者将将掌掌握握纯纯色色填填充充时时颜颜色色设设置置和和拾拾取取的的方方法法，可可以以在在【颜颜色色】面面板板中中创创建建渐渐变变并并运运用用【渐渐变变变变形形工工具具】对对渐渐变变效效果果进进展展修修正正。同同时时，读读者者还还将将熟熟习运用位图填充图形的方法。习运用位图填充图形的方法。3.4 本章小本章小结结3.5 本章本章练习练习一、选择题一、选择题1在【颜色】面板中，要切换到默许笔触颜色和填充色，应在【颜色】面板中，要切换到默许笔触颜色和填充色，应该单击下面哪个按钮？该单击下面哪个按钮？ 2下面哪个按钮是【颜色】面板中用于编辑渐变的颜色色标？ 3.5 本章本章练习练习一、选择题一、选择题3在运用【渐变变形工具】调整径向渐变效果时，运用下面哪个控制柄以以旋转渐变？ 4在运用【渐变变形工具】对位图填充效果进展调整时，运用下面哪个控制柄可以实现位图的程度倾斜？ 3.5 本章本章练习练习二、填空题二、填空题1在【属性】面板的调色板中经过设置在【属性】面板的调色板中经过设置Alpha值可以控制值可以控制 。这里，。这里，Alpha值的取值在值的取值在 之间，其值越大，之间，其值越大， 就越就越低。低。2在在Flash中，【墨水瓶工具】用于以当前笔触方式对矢量中，【墨水瓶工具】用于以当前笔触方式对矢量图形进展图形进展 ，【颜料桶工具】用于运用当前的填充方式对对象，【颜料桶工具】用于运用当前的填充方式对对象进展进展 ，该工具可以进展纯色填充、渐变填充和，该工具可以进展纯色填充、渐变填充和 。3在【颜色】面板中，假设要向渐变添加颜色，可以在色谱在【颜色】面板中，假设要向渐变添加颜色，可以在色谱条下方条下方 添加色标即可。假设需求删除渐变中的颜色，可以添加色标即可。假设需求删除渐变中的颜色，可以将色标将色标 或选择色标后按或选择色标后按 即可。即可。4溢出，是指当颜色超出了渐变的限制时，以何种方式来溢出，是指当颜色超出了渐变的限制时，以何种方式来 ，Flash的渐变有的渐变有3种溢出方式，它们分别是种溢出方式，它们分别是 、 和和 。3.6 上机上机练习练习和指点和指点3.6.1 糖果糖果3.6.2 水晶按钮水晶按钮3.6.1 糖果糖果绘制卡通糖果 主要操作步骤指点1运用【椭圆工具】绘制椭圆作为糖果身体和其下的阴影。运用【钢笔工具】勾勒糖果两侧包装纸，并运用【转换锚点工具】和【部分选工具】对勾勒的图形进展编辑修正。2运用径向渐变填充绘制的图形，渐变均为双色渐变，糖果上的渐变起始颜色为白色颜色值为#FFFFFF，终止颜色的颜色值为“#FF005D。阴影运用黑白双色径向渐变。运用【渐变变形工具】对渐变效果进展调整。3运用【多角星形工具】绘制五角星，在【属性】面板中设置其填充色颜色值为#ED6593 3.6.2 水晶按水晶按钮钮制造凸起和凹陷透明水晶按钮 主要制造步骤指点：1运用【根本矩形工具】绘制一个带有圆角的矩形，以双色线性渐变填充该矩形。渐变的起始颜色为白色颜色值为“#FFFFFF，渐变的终止颜色为蓝色颜色值为“#0000FF，将终止色的Alpha值设置为0。2复制将该矩形，在【属性】面板中调整其【宽】和【高】的值将其适当减少。复制减少后的矩形，选择【修正】|【变形】|【垂直翻转】命令将其垂直翻。3选择第二次复制的矩形，在【颜色】面板中将渐变白色颜色色标向右适当挪动，此时即可获得凸起水晶按钮效果。4要获得凹陷的水晶按钮效果，只需求将步骤3改为减少最后复制的矩形即可。