免积分FlashCS5动画制作基础图形的色彩省公共课一等奖全国赛课获奖课件.pptx

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