- 手把手教你学Flash CS3
- 叶舟编著
- 2528字
- 2020-08-28 01:46:57
2.3 填充图形
工具箱中为图形填充颜色的填充工具主要包括颜料桶工具和墨水瓶工具。
2.3.1 填充线条颜色
填充线条颜色时,单击工具箱中的 (线条颜色)按钮,弹出如图2-53所示的颜色列表窗口,在该列表窗口中可以直接选择所需的颜色。
![](https://epubservercos.yuewen.com/BEFD30/3590315503043001/epubprivate/OEBPS/Images/figure_0055_0001.jpg?sign=1739223584-OrqDB3QyLkL9ulzXRY6L3Nik0PqV1gxV-0-b6afc71db04fff88d1fb257a67c73da5)
图2-53 颜色列表窗口
颜色列表窗口说明:
· 色彩预览区:显示当前选择的颜色。
· 颜色值输入区:可以在该文本框中输入16进制色彩的数值来直接获得颜色。
· Alpha:用于指定颜色的透明度,该文本框中数值的取值范围是 0~100 之间,0 表示完全透明,100表示完全不透明。
· 色彩列表:是可供用户选择的各种单色和渐变颜色。为线条设置颜色,只能选择单色,不能选择渐变颜色。
如果对色彩列表中所提供的颜色不满意,可以单击颜色列表窗口右上角的 按钮,会弹出“颜色”对话框,如图2-54所示,可以在该对话框中自定义颜色。
![](https://epubservercos.yuewen.com/BEFD30/3590315503043001/epubprivate/OEBPS/Images/figure_0055_0003.jpg?sign=1739223584-TKq9dlMsLe3GFBkLxmi8UtizzQYSUmVV-0-3d347fff13a2f0213915726fc99cf7b9)
图2-54 颜色对话框
在颜色对话框中,可以从“基本颜色”区域中选择一种颜色,然后对颜色的色调、饱和度和亮度进行设置;也可以在“红/绿/蓝”文本框中精确地设置颜色。
手把手实例 填充线条颜色
![](https://epubservercos.yuewen.com/BEFD30/3590315503043001/epubprivate/OEBPS/Images/figure_0055_0004.jpg?sign=1739223584-VNhEFKJmRDR1jJdUG8Vy38gGD0MbNIY6-0-d030811e06badec3dfdd7343590c0a9e)
(1)选择“文件>新建”命令,在弹出的对话框中选择“常规”选项卡下的“Flash文件(ActionScript 3.0)”选项,单击“确定”按钮,创建一个影片文档。保持文档属性面板中的设置不变,定义文件名为“填充线条颜色.fla”。
(2)选择“文件>导入>导入到舞台”命令,将绘制好的象棋盘图形导入到舞台中。选中舞台中的象棋盘图形,然后选择“修改>位图>转换位图为矢量图”命令,将其转换为矢量图,如图2-55所示。
![](https://epubservercos.yuewen.com/BEFD30/3590315503043001/epubprivate/OEBPS/Images/figure_0056_0003.jpg?sign=1739223584-4OjIV53ykwDhvN6tFaZDOlJDROrKzb2W-0-a274fcfd77b099d632ca4ff111627710)
图2-55 象棋盘矢量图
提示
位图必须经过矢量化才能操作和编辑。
(3)为棋盘填充线条颜色。单击工具箱中的 (笔触颜色)按钮,弹出颜色列表窗口,在列表窗口中直接选择填充颜色为红色(#FF0000),如图2-56所示。
![](https://epubservercos.yuewen.com/BEFD30/3590315503043001/epubprivate/OEBPS/Images/figure_0056_0004.jpg?sign=1739223584-hT4Jen2wSYFuPRRvbd9bgVn1jwxYPGKS-0-b6935a740a2452ad82ddeffd6259d0a5)
图2-56 选择线条颜色
(4)选择好笔触颜色后,单击工具箱中的 (墨水瓶工具)按钮,然后在舞台中棋盘图形中需要填充颜色的线条上单击鼠标,如图2-57所示。
![](https://epubservercos.yuewen.com/BEFD30/3590315503043001/epubprivate/OEBPS/Images/figure_0056_0006.jpg?sign=1739223584-sPMQQHSxBybeXu5Pkv4lLhVrGYFONe1w-0-d79ca42124248eba5bd4ecf54923fbc0)
图2-57 填充线条颜色
(5)填充好颜色的棋盘效果如图2-58所示。
![](https://epubservercos.yuewen.com/BEFD30/3590315503043001/epubprivate/OEBPS/Images/figure_0056_0007.jpg?sign=1739223584-JiJeZ3qDmxiEEZ41cTTnXRiGrVNXx092-0-2030d568d3999b6d50473a30413fdd6f)
图2-58 填充好的棋盘
2.3.2 填充区域颜色
使用工具箱中的颜料桶工具可以为图形填充区域颜色。
手把手实例 填充区域颜色
![](https://epubservercos.yuewen.com/BEFD30/3590315503043001/epubprivate/OEBPS/Images/figure_0056_0008.jpg?sign=1739223584-ugGxtFRnCDvL4ySAVKtFR4wbchXadWpK-0-f4a1d3eec32f83e2b805eb73b328ffea)
(1)选择“文件>新建”命令,在弹出的对话框中选择“常规”选项卡下的“Flash文件(ActionScript 3.0)”选项,单击“确定”按钮,创建一个影片文档。保持文档属性面板中的设置不变,定义文件名为“填充区域颜色.fla”。
(2)选择“文件>导入>导入到舞台”命令,将“熊猫.tif”位图文件导入到舞台中。选中舞台中的位图,然后选择“修改>位图>转换位图为矢量图”命令,将其转换为矢量图,如图2-59所示。
![](https://epubservercos.yuewen.com/BEFD30/3590315503043001/epubprivate/OEBPS/Images/figure_0057_0003.jpg?sign=1739223584-WkT6FWwPcqjJ3XVUv4F6bTuYHDuGWpzN-0-9c479eea6ad074cf3cfb3bca421da82c)
图2-59 熊猫矢量图
提示
位图必须经过矢量化才能操作和编辑。
(3)为熊猫填充颜色。单击工具箱中的 (填充颜色)按钮,弹出颜色列表窗口,在列表窗口中直接选择填充颜色为浅蓝色(#00FFFF),如图2-60所示。
![](https://epubservercos.yuewen.com/BEFD30/3590315503043001/epubprivate/OEBPS/Images/figure_0057_0004.jpg?sign=1739223584-JdkMdox2w226TaW5vybJrsuQ3qFs28i2-0-fc605364db5767f2586a39fa9e8ec061)
图2-60 选择填充颜色
(4)选择好填充颜色后,单击工具箱中的 (颜料桶工具)按钮,然后在舞台中熊猫图形中需要填充颜色的位置单击鼠标,如图2-61所示,熊猫就有了颜色。填充好颜色的熊猫效果如图2-62所示。
![](https://epubservercos.yuewen.com/BEFD30/3590315503043001/epubprivate/OEBPS/Images/figure_0057_0006.jpg?sign=1739223584-vLnh07dkLRGj5SpVww9Jc1eEg49ayyVR-0-ae706924248ccada2cc66f6fbd4f2c06)
图2-61 填充颜色
![](https://epubservercos.yuewen.com/BEFD30/3590315503043001/epubprivate/OEBPS/Images/figure_0057_0007.jpg?sign=1739223584-wTSOKcZVPmrHa3FrQygiNc6LMVlf8txq-0-01565ee25bd411a45aa7b1e91d9a2c36)
图2-62 彩色熊猫
填充区域颜色时,还可以选择渐变颜色。颜色列表窗口最下面一行为渐变色区域,单击任一渐变色,则弹出渐变色的设置颜色面板,如图2-63所示。
![](https://epubservercos.yuewen.com/BEFD30/3590315503043001/epubprivate/OEBPS/Images/figure_0058_0001.jpg?sign=1739223584-mn8FHI53lWLE0szJ3c94KfuOBUZ8Lwkj-0-caf6ca37c560cd6160bcc6c667943e84)
图2-63 设置渐变色颜色面板
在该颜色面板中的“类型”下拉列表中有两种渐变方式:
· 线性:渐变色的起点到终点呈一条直线,如图2-64所示。
![](https://epubservercos.yuewen.com/BEFD30/3590315503043001/epubprivate/OEBPS/Images/figure_0058_0002.jpg?sign=1739223584-dUMs2vRyZsEhrCP8ynBf6xErYRwKHKfH-0-f1309be8d9b8d283c41ffdaa51643c42)
图2-64 线性渐变
· 放射状:渐变色的起点到终点呈一个环形,如图2-65所示。
![](https://epubservercos.yuewen.com/BEFD30/3590315503043001/epubprivate/OEBPS/Images/figure_0058_0003.jpg?sign=1739223584-ntr4HpZs7hJ95SJZ1NItpYY0Ur3m5s3g-0-f6fefa8f52050da24ce727d1f8a78b41)
图2-65 放射状渐变
在该颜色面板中有3个用来调整颜色的按钮:
· :将线条颜色设置为黑色,填充色设置为白色。
· :选择“笔触颜色”或“填充颜色”按钮后,单击该按钮,可以将颜色设置为无色。
· :把当前的“笔触颜色”和“填充颜色”进行交换。
2.3.3 设置颜色属性
设置了绘图工具的颜色属性后,绘制的图形才具有希望的颜色。操作步骤如下:
(1)在工具箱中单击 (笔触颜色)按钮,弹出颜色列表窗口,在该窗口中选择一种颜色。如图2-66所示,设置的笔触颜色为绿色(#00FF00)。
![](https://epubservercos.yuewen.com/BEFD30/3590315503043001/epubprivate/OEBPS/Images/figure_0059_0001.jpg?sign=1739223584-Ufom2pwRtHi4tcdbpZRsrOe2aPtjqZ3Q-0-6c1b123020605dae9b5f0b01355ecb39)
图2-66 设置笔触颜色
(2)在工具箱中单击 (填充颜色)按钮,同样,在弹出的颜色列表窗口中选择一种颜色。如图2-67所示,设置图形的填充颜色为起始色为蓝色(#0000FF)、终止色为黑色(#000000)的放射状渐变色。
![](https://epubservercos.yuewen.com/BEFD30/3590315503043001/epubprivate/OEBPS/Images/figure_0059_0002.jpg?sign=1739223584-Bd7eFdvNgaz2DgQc5D1VaXvYiuVvXfUQ-0-06596601d2c5d0ab0434162f2e9f0fd7)
图2-67 设置填充颜色
(3)单击工具箱中的 (椭圆工具)按钮。在舞台中拖曳鼠标进行绘制图形,图形具有所设置的颜色属性值,如图2-68所示。
![](https://epubservercos.yuewen.com/BEFD30/3590315503043001/epubprivate/OEBPS/Images/figure_0059_0003.jpg?sign=1739223584-2hhMiMi5V8lvohOStOA6TKFMDFZGas1J-0-585db72a692a3320a78f629ff9d1c530)
图2-68 放射状渐变色
2.3.4 调整颜色属性
如果对图形的填充颜色不满意,可以用下面两种方法来调整图形的填充颜色属性:
1.直接改变图形的填充颜色
首先在舞台中选中图形,然后单击工具箱中的 (填充颜色)按钮,在弹出的颜色列表窗口中选择颜色之后,图形的填充颜色就改变了。
2.用颜料桶工具改变
单击工具箱中的 (颜料桶工具)按钮,然后再单击工具箱中的
(填充颜色)按钮,在弹出的颜色列表窗口中选择颜色,在舞台中单击图形,这样就改变了图形的填充颜色。
手把手实例 调整颜色属性
![](https://epubservercos.yuewen.com/BEFD30/3590315503043001/epubprivate/OEBPS/Images/figure_0059_0007.jpg?sign=1739223584-2oBy9JKQlAn9FGVNpot7SUHAuD0pkbMd-0-c605c9475624fc5643f918066ca0a77d)
(1)选择“文件>新建”命令,在弹出的对话框中选择“常规”选项卡下的“Flash文件(ActionScript 3.0)”选项,单击“确定”按钮,创建一个影片文档。保持文档属性面板中的设置不变,定义文件名为“调整颜色属性.fla”。
(2)选择“文件>导入>导入到舞台”命令,将熊猫图形导入到舞台中。选中舞台中的熊猫图形,然后选择“修改>位图>转换位图为矢量图”命令,将其转换为矢量图,如图2-69所示。
![](https://epubservercos.yuewen.com/BEFD30/3590315503043001/epubprivate/OEBPS/Images/figure_0060_0001.jpg?sign=1739223584-0tWhhJBxLpqrcjZ9J2zwqF4iXCfuSoyV-0-1adc3a72e5f809542cdcb063afb1c3ff)
图2-69 矢量图
(3)单击工具箱中的 (选择工具)按钮,在舞台中熊猫的头部单击鼠标,选中头部图形,如图2-70所示。
![](https://epubservercos.yuewen.com/BEFD30/3590315503043001/epubprivate/OEBPS/Images/figure_0060_0002.jpg?sign=1739223584-rUTyyRNkHY31PtHbEP2dcvEVClQQrOrW-0-181b499b1c9b4317848df8c0ee6f08c8)
图2-70 选中熊猫的头部
(4)然后单击工具箱中的 (填充颜色)按钮,在弹出的颜色列表窗口中选择白色(#FFFFFF),如图2-71所示。选择了颜色后,熊猫头部的填充颜色就改变了,如图2-72所示。
![](https://epubservercos.yuewen.com/BEFD30/3590315503043001/epubprivate/OEBPS/Images/figure_0060_0003.jpg?sign=1739223584-AQFspy3WtI9II4XipNbSVV8reP3B4CpR-0-e28c7b9609933befdf889a2c1eb2bf1a)
图2-71 选择颜色
![](https://epubservercos.yuewen.com/BEFD30/3590315503043001/epubprivate/OEBPS/Images/figure_0060_0004.jpg?sign=1739223584-YG4BMEHJKIpuzBfBIeDwbvnCu1SwuAOx-0-29062f7e116e3f43b27afd1ba866b9cc)
图2-72 调整了头部颜色
(5)用同样的方法调整熊猫身体的颜色属性为橙黄色(#FF9F00)。最后得到穿着橙黄色衣服的熊猫,如图2-73所示。
![](https://epubservercos.yuewen.com/BEFD30/3590315503043001/epubprivate/OEBPS/Images/figure_0060_0005.jpg?sign=1739223584-J5IKLkL9LYc90ruCvQEruvuDIBLZLxHj-0-52a4f3dea9d43ae5ecb36dd3c4bea760)
图2-73 身穿红衣的熊猫
调整图形的线条颜色属性操作与调整图形的填充颜色属性操作类似,在此不再重复。
注意
(墨水瓶工具)用于修改图形的线条颜色属性,
(颜料桶工具)用于修改图形的填充颜色属性。
即问即答
绘制的图形有时不能填充,这是怎么回事?
如果绘制的图形不能填充,很可能图形不是封闭的,存在小间隙,这时可以在颜料桶工具的模式设置菜单中选择“封闭大空隙”选项,如图2-74所示,然后进行填充就OK啦。
![](https://epubservercos.yuewen.com/BEFD30/3590315503043001/epubprivate/OEBPS/Images/figure_0061_0003.jpg?sign=1739223584-Q7kamtvUacSQMNOFxwVCth0vYnacE0l2-0-3a8e542086e4210261eeddde76cf703c)
图2-74 封闭大空隙