![边用边学Flash动画设计与制作](https://wfqqreader-1252317822.image.myqcloud.com/cover/277/22655277/b_22655277.jpg)
2.3 图形的上色
Flash CS5中,每一个图形都是一种形状,形状由两部分组成,即填充和笔触,填充指图形内部的颜色,而笔触则是图形的外部轮廓,图形的上色就是为这两部分进行上色。下面学习为图形上色的相关技能。
2.3.1 选取颜色
选取颜色是为图形上色的第一步。在Flash CS5中,选取颜色可以通过【调色板】、【样板】和【颜色】3个面板实现,在这3个面板中,用户可以应用、创建和修改颜色。
1.【调色板】面板
在工具栏中的下方单击【笔触颜色】控件按钮或【填充颜色】
控件按钮,即可打开调色板,移动光标到色块上,光标显示吸管图标,单击即可选择颜色,如图2-52所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0042_0005.jpg?sign=1739274631-OCWiK9DC58XxCfvAaGVpMZ3iVaLzGpAX-0-4e31e201fa457a8cc55627afcac58a5e)
图2-52
在调色板左上角的【Alpha】位置拖曳鼠标指针可以设置颜色的不透明度,如果单击【无色】按钮,则设置为无色填充效果。
2.【样本】面板
【样本】面板提供最为常用的颜色,另外也允许用户添加颜色。按【Ctrl+F9】组合键即可打开【样本】面板,单击该面板右上角的按钮即可打开面板菜单,通过该菜单,可完成对样本的复制、保存、删除等操作,如图2-53所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0042_0006.jpg?sign=1739274631-T0y4ioQakGeQyTba78kQBbxtjiftoH26-0-1c9b2779ae854a4ef3a2ce5d6f5685f8)
图2-53
3.【颜色】面板
【颜色】面板可以根据需要选择不同的纯色、渐变色或位图图案进行填充。按【Alt+Shift+F9】组合键即可打开【颜色】面板,在该面板中,不仅可以设置笔触颜色、填充颜色,同时还可以设置默认的笔触与填充颜色,或者设置无色填充以及交换笔触颜色与填充颜色。另外,单击【纯色】下拉按钮,在弹出的下拉列表中还可以设置渐变色填充或使用位图填充等,如图2-54所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0042_0007.jpg?sign=1739274631-dU6d0B8bb9bIejxvrRxVj3DjY5819IFz-0-920182d0841521065c47664a6abbb34e)
图2-54
当选择无色填充时,只能设置笔触颜色;当选择纯色填充时,分别激活笔触颜色和填充颜色按钮,然后在下方的色盘中单击选择一种颜色进行填充;当选择渐变填充时,会切换到渐变填充的设置面板,方便用户设置渐变色,如图2-55所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0042_0008.jpg?sign=1739274631-e6xyp21wZ84wwVsC6ZGWiOFg5SMTDhQn-0-d8c0dfab2eca520df0e8a4ddf0efcbe6)
图2-55
单击色带上的色标将其激活,然后在色盘上单击选择一种颜色,另外,在色带下方空白位置单击可以添加色标,使渐变色的颜色更丰富。如果要删除一个色标,将鼠标指针移到到色标上,按住指针向下拖曳即可。
当选择位图填充时,会打开【导入到库】对话框,如图2-56所示,选择要导入的位图,单击【打开】按钮,即可将导入的位图填充到选择的对象中,如图2-57所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0043_0001.jpg?sign=1739274631-WrzCC8v1Wq8u6gNlnuD9NnDMQ5jOXd6Y-0-8721fb81a9f1db52df9b6184e5a5a89a)
图2-56
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0043_0002.jpg?sign=1739274631-D2Xq1m6s2W34mS8AAGZOmknD1AEwkuKV-0-93daadf8316d6c91998ca7213eeb86cf)
图2-57
2.3.2 填充颜色
当选择好颜色之后,就可以将选择的颜色填充到图形中。填充颜色的工具主要有【墨水瓶工具】、【颜料桶工具】
、【滴管工具】
。
1.【墨水瓶工具】
【墨水瓶工具】用于以【颜色】面板中当前笔触方式对矢量图进行描边,以改变矢量线段、曲线以及图形轮廓的属性。
【任务10】使用【墨水瓶工具】填充。
Step 1 在舞台中绘制一个【笔触颜色】为绿色,【填充颜色】为蓝色的矩形,如图2-58所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0043_0010.jpg?sign=1739274631-H7JNHLw0ginYDmc0wdfYRjj0YaE0muRY-0-9fc04b92d632dd198bce8650a2f1253d)
图2-58
Step 2 激活【墨水瓶工具】,在其【属性】面板中设置笔触颜色、高度和样式等,如图2-59所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0043_0011.jpg?sign=1739274631-SZTg2QY4M09jjOhJXlluqBNgkKSliSi8-0-fa6626e573dbd3ac63fa48fafc331e9a)
图2-59
Step 3 在图形边缘处单击,完成对图形轮廓的改变,结果如图2-60所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0044_0005.jpg?sign=1739274631-V5lYs4SrgGUNd1v4E1GzUpOvhCO2OWwm-0-14c96c76535eebb73c1be415c294a20c)
图2-60
2.【颜料桶工具】
【颜料桶工具】以【颜色】面板中当前填充样式对对象进行填充,填充内容可以是纯色、渐变色或位图。
【任务11】使用【颜料桶工具】填充。
Step 1 继续上面的操作。激活【颜料桶工具】,在【属性】面板中设置填充颜色为绿色,如图2-61所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0044_0006.jpg?sign=1739274631-OqJR4FXzAvHuGaP1vWSJvmye5i2WqkhI-0-7aee79259a5166d5254733227cf2d52d)
图2-61
Step 2 在矩形内部单击填充颜色,结果如图2-62所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0044_0007.jpg?sign=1739274631-Ru2LK2w7p78iW5DBPKpTIZVqf3bpyRyn-0-93bb4d8ec7b877cd983ee82f045a0635)
图2-62
另外,在填充时还可以忽略未封闭区域的一定空隙的宽度,实现对一些未完全封闭区域的填充。
Step 3 单击工具栏下方的【空隙大小】按钮,在弹出的下拉列表中包括【不封闭空隙】
、【封闭小空隙】、【封闭中等空隙】
以及【封闭大空隙】
选项,如图2-63所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0044_0015.jpg?sign=1739274631-CWr6UPqVLgNsSoUITfDnsIJ8cE74uwIQ-0-b09f6c0a7f48629d59db3b3d4c15db20)
图2-63
其中,【不封闭空隙】要求填充区域必须完全封闭,【封闭小空隙】要求填充区域允许有一些小的空隙;【封闭中等空隙】
要求填充区域允许有一些中等的空隙,而【封闭大空隙】
要求填充区域允许有一些较大的空隙。
另外,在其工具栏下方还有【锁定填充】按钮,该按钮的作用是确定渐变色的参照基准,当处于锁定状态时,填充渐变色时将以整个舞台作为参考区域进行填充,填充到什么区域,就会对应到相应的渐变色,如图2-64所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0044_0017.jpg?sign=1739274631-My8a9A7uZn37kyQfjajswvCkMcVtWiKz-0-c067f003280f49c22c36e3f534afff57)
图2-64
如果处于未锁定状态,则渐变色以每一个对象为独立的参考区域,在每个对象内完成渐变色的填充,如图2-65所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0045_0001.jpg?sign=1739274631-1nnjMl7gAazP0s1el0mFXGCqRBubNyBV-0-23b1b201c002217c105df25adc7d7261)
图2-65
3.【滴管工具】
【滴管工具】用于拾取工作区中已经存在的颜色以及样式作为填充内容,对图形进行填充。该工具没有其他的相关设置,操作非常简单,激活该工具后,将其移动到需要取色的图形上单击,如图2-66所示,即可拾取颜色,然后在其他图形上单击即可进行颜色填充,如图2-67所示。
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0045_0004.jpg?sign=1739274631-UQXVuXS6zPYLIMVp6KXTPD0elIB8Cpe6-0-560308597fd37de656c47f8044b113c0)
图2-66
![](https://epubservercos.yuewen.com/5BB0C4/11229190603864706/epubprivate/OEBPS/Images/figure_0045_0005.jpg?sign=1739274631-ZPSIWXLuQQrbfXBhvCihCzuoGvYEGMvs-0-a1bc6147505572c25bdf816b8f3b1b6f)
图2-67