免积分FlashCS5动画制作基础第3章图形的色彩

第第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改为缩小最后复制的矩形即可。