![Flash CC中文版动画设计与制作/微课堂学电脑](https://wfqqreader-1252317822.image.myqcloud.com/cover/641/26943641/b_26943641.jpg)
Section 2.5 图形颜色与处理
导读
Flash CC具有很强大的颜色处理功能,在绘制图形后,可以对图形的颜色进行设置,也就是图形的笔触颜色和填充颜色。本节将详细介绍图像颜色与处理方面的知识与操作技巧。
2.5.1 笔触颜色和填充颜色
微课堂00分32秒
笔触颜色用于更改图形对象的笔触或边框的颜色,而填充颜色则用于更改填充形状的颜色区域。
在Flash CC中,使用【工具】面板中的笔触颜色工具和填充颜色工具可以方便地为绘制的图形进行上色。下面介绍设置笔触颜色与填充颜色的具体操作方法。
操作步骤 >> Step by Step
第1步 新建Flash空白文档,在【工具】面板中,1.单击【笔触颜色】按钮,2.在弹出的颜色面板中,设置笔触颜色,如图2-34所示。
![](https://epubservercos.yuewen.com/D840F4/15367248004199706/epubprivate/OEBPS/Images/figure_0045_0002.jpg?sign=1739250238-OrKqdjLcRMC0LOAXmv9jwM90MIMR8SVj-0-96952fd5d033cbe8d36fe176b59ab487)
图2-34
第2步 在【工具】面板中,1.单击【填充颜色】按钮,2.在弹出的颜色面板中,设置填充颜色,如图2-35所示。
![](https://epubservercos.yuewen.com/D840F4/15367248004199706/epubprivate/OEBPS/Images/figure_0045_0004.jpg?sign=1739250238-6N5swwy1g2OueQKjcCptjN3kpflQHcKW-0-f4dd7a74f7a9109a156bb535cf2e04ce)
图2-35
第3步 在【工具】面板中,单击【矩形工具】按钮,如图2-36所示。
![](https://epubservercos.yuewen.com/D840F4/15367248004199706/epubprivate/OEBPS/Images/figure_0045_0006.jpg?sign=1739250238-U6ihye2S8KAPPaOoJhWNLxRuMYinMXuk-0-bf304bf5903164744741fdfbfca620b1)
图2-36
第4步 返回到舞台中,在空白处绘制矩形,此时可以看到笔触颜色与填充颜色的效果。通过以上步骤即可完成设置笔触颜色和填充颜色的操作,如图2-37所示。
![](https://epubservercos.yuewen.com/D840F4/15367248004199706/epubprivate/OEBPS/Images/figure_0045_0007.jpg?sign=1739250238-Y4h11aizxQVrq1l4gtbpxHNixnSYiGko-0-d43ba85b717b6b74cb9213b14135ad21)
图2-37
知识拓展:使用【属性】面板设置笔触颜色与填充颜色
在Flash CC中,除了可以在【工具】面板中设置笔触颜色与填充颜色外,还可以在【属性】面板中进行设置。在【工具】面板中,选择任何一个绘图工具,在【属性】面板的【填充和笔触】下拉菜单中,可以设置其对应的颜色。
2.5.2 填充纯色
微课堂00分22秒
填充纯色是指为图形填充一种单一颜色的操作。下面介绍设置填充纯色的操作方法。
操作步骤 >> Step by Step
第1步 新建Flash空白文档,1.在菜单栏中,选择【窗口】菜单,2.在弹出的下拉菜单中,选择【颜色】菜单项,如图2-38所示。
![](https://epubservercos.yuewen.com/D840F4/15367248004199706/epubprivate/OEBPS/Images/figure_0046_0001.jpg?sign=1739250238-GZMRsIICtgCjLuhvheBCXeS3dHOwbkQ6-0-e3e1daaabc6805895c8aba3ac3ea0a7b)
图2-38
第2步 打开【颜色】面板,1.在颜色类型下拉列表框中,选择【纯色】选项,2.在颜色区域,选择要应用的颜色,颜色设置完成。通过以上步骤即可完成设置填充纯色的操作,如图2-39所示。
![](https://epubservercos.yuewen.com/D840F4/15367248004199706/epubprivate/OEBPS/Images/figure_0046_0002.jpg?sign=1739250238-NSgtKn5vmmFHrfWBM47bewxLyX7S8EZp-0-3dbf26d86dff307570b4eb075b5780c1)
图2-39
知识拓展:更改图形填充颜色
在Flash CC中,选中图形,在【工具】面板中,单击【颜色填充】按钮,在弹出的颜色面板中选择颜色,然后单击【颜料桶工具】按钮
,返回到舞台中,在图形上单击鼠标左键,即可更改当前图形的填充颜色。
2.5.3 填充渐变颜色
微课堂00分54秒
填充渐变颜色是指对图形颜色进行各种方式的填充变形处理。在Flash CC中,填充渐变颜色分为线性渐变填充和径向渐变填充。下面介绍这两种填充渐变颜色方面的知识。
1 线性渐变填充
线性渐变填充是一种填充产生沿线性轨道混合的渐变填充颜色方式。下面介绍设置线性渐变填充的操作方法。
操作步骤 >> Step by Step
第1步 新建Flash空白文档,打开【颜色】面板,1.单击颜色类型下拉按钮,2.在弹出的下拉列表中,选择【线性渐变】选项,如图2-40所示。
![](https://epubservercos.yuewen.com/D840F4/15367248004199706/epubprivate/OEBPS/Images/figure_0047_0002.jpg?sign=1739250238-wBOXzxtmjHI8LFFEW6fmJhHduyOMgsVw-0-9946f2baed799895e9cec1c049d90b66)
图2-40
第2步 在线性渐变颜色编辑区域,1.单击左侧的渐变颜色滑块,编辑第一个填充颜色,2.单击右侧的渐变颜色滑块,编辑第二个填充颜色,这样即可完成设置线性渐变填充的操作,如图2-41所示。
![](https://epubservercos.yuewen.com/D840F4/15367248004199706/epubprivate/OEBPS/Images/figure_0047_0003.jpg?sign=1739250238-jkzwFKxYdwKN0ruscwxt2bnOlFchkwkR-0-ee67537f84c7f311e39866d4fe97add8)
图2-41
2 径向渐变填充
径向渐变填充是产生从一个中心焦点出发沿环形轨道向外混合的渐变。下面介绍设置径向渐变填充的操作方法。
操作步骤 >> Step by Step
第1步 新建Flash空白文档,打开【颜色】面板,1.单击颜色类型下拉按钮,2.在弹出的下拉列表中,选择【径向渐变】选项,如图2-42所示。
![](https://epubservercos.yuewen.com/D840F4/15367248004199706/epubprivate/OEBPS/Images/figure_0047_0005.jpg?sign=1739250238-U52wkbJmyXqXt4hOm8B34Faro9XFOf4m-0-ab3971e617346c3773a7039465cb5ff1)
图2-42
第2步 在径向渐变颜色编辑区域,1.单击左侧的径向渐变滑块,编辑第一个填充颜色,2.单击右侧的径向渐变滑块,编辑第二个填充颜色,这样即可完成设置径向渐变填充的操作,如图2-43所示。
![](https://epubservercos.yuewen.com/D840F4/15367248004199706/epubprivate/OEBPS/Images/figure_0047_0006.jpg?sign=1739250238-VhzfbX6rz75PAwDLt1Cg30VupN6AeQuV-0-92bc842738a6be96261224af1c3b6c17)
图2-43
2.5.4 位图填充
微课堂00分29秒
位图填充是指将位图填充到相应的图形对象中。下面介绍设置位图填充的操作方法。
操作步骤 >> Step by Step
第1步 新建Flash空白文档,打开【颜色】面板,1.单击颜色类型下拉按钮,2.在弹出的下拉列表中,选择【位图填充】选项,如图2-44所示。
![](https://epubservercos.yuewen.com/D840F4/15367248004199706/epubprivate/OEBPS/Images/figure_0048_0002.jpg?sign=1739250238-ZxDHecsEOfI0TESF4citnLitmAQG4PJf-0-8a2e9a56341ee034ab451fa424f7c97c)
图2-44
第2步 弹出【导入到库】对话框,1.选择要应用的位图文件,2.单击【打开】按钮,即可完成设置位图填充的操作,如图2-45所示。
![](https://epubservercos.yuewen.com/D840F4/15367248004199706/epubprivate/OEBPS/Images/figure_0048_0003.jpg?sign=1739250238-UXX0bKX0na5u1WFuK9rsHTZgX5EPMF70-0-919d4664f1f6166f0af165b6e886b620)
图2-45
2.5.5 滴管工具
微课堂00分18秒
在Flash CC中,使用滴管工具可以吸取舞台中图形上的颜色,并填充到另一个图形上。下面详细介绍使用滴管工具的操作方法。
操作步骤 >> Step by Step
第1步 打开“填充颜色.fla”素材文件,1.在【工具】面板中,单击【滴管工具】按钮,2.在舞台中,单击要吸取颜色的图形,如图2-46所示。
![](https://epubservercos.yuewen.com/D840F4/15367248004199706/epubprivate/OEBPS/Images/figure_0048_0005.jpg?sign=1739250238-2UDCJ92fTzrQ5zOoxcMCw5m7hQujSOJa-0-75b3e8cef89512f0d917a3c62755ecf9)
图2-46
第2步 鼠标指针变为带锁的颜料桶形状,移动鼠标指针至要填充的图形上,单击鼠标左键,即可将吸管中的颜色填充到其他图形中,这样即可完成使用滴管工具的操作,如图2-47所示。
![](https://epubservercos.yuewen.com/D840F4/15367248004199706/epubprivate/OEBPS/Images/figure_0048_0007.jpg?sign=1739250238-okbmLpVJO2GE4UK2fqk3yYiQZH6tOUF1-0-c444877576d983e984f1023c4e8e1d4c)
图2-47
2.5.6 颜料桶工具
微课堂00分18秒
在Flash CC中,用户可以运用颜料桶工具填充颜色。下面介绍使用颜料桶工具填充颜色的操作方法。
操作步骤 >> Step by Step
第1步 新建Flash空白文档并绘制图形,在【工具】面板中,1.设置填充颜色,2.单击【颜料桶工具】按钮,如图2-48所示。
![](https://epubservercos.yuewen.com/D840F4/15367248004199706/epubprivate/OEBPS/Images/figure_0049_0002.jpg?sign=1739250238-XP5GOVMv83L2cGh2C0BCIiEXf86fkHYU-0-c4b716cfbadb31b0993dd5442e08ece6)
图2-48
第2步 鼠标指针变为带锁的颜料桶形状,移动鼠标指针至要填充的图形上,单击鼠标左键,完成使用颜料桶工具填充颜色的操作,如图2-49所示。
![](https://epubservercos.yuewen.com/D840F4/15367248004199706/epubprivate/OEBPS/Images/figure_0049_0004.jpg?sign=1739250238-3JkXfz0ZcnIgUNyS0RyALbiiEJ1aQnPI-0-da67c3029083ccc1f3582164619474e5)
图2-49
2.5.7 墨水瓶工具
微课堂00分12秒
在Flash CC中,用户可以运用墨水瓶工具来填充边线。下面详细介绍使用墨水瓶工具填充边线的操作方法。
操作步骤 >> Step by Step
第1步 新建Flash空白文档并绘制图形,在【工具】面板中,1.设置笔触颜色,2.单击【墨水瓶工具】按钮,如图2-50所示。
![](https://epubservercos.yuewen.com/D840F4/15367248004199706/epubprivate/OEBPS/Images/figure_0049_0006.jpg?sign=1739250238-Us8XmmRZmyc9RbZAkXdJSXuZTuYjOijk-0-5a89f8883761b800e3d66092e26a6ac5)
图2-50
第2步 鼠标指针变为带方块墨水瓶形状,移动鼠标指针至要填充的图形上,单击鼠标左键,使用墨水瓶工具填充边线的操作完成,如图2-51所示。
![](https://epubservercos.yuewen.com/D840F4/15367248004199706/epubprivate/OEBPS/Images/figure_0049_0008.jpg?sign=1739250238-PFuvB4gZsyL810xAfn3Al1oYrNtChFtU-0-63509e9f1e43f461d10d7c33857a16ae)
图2-51