![Illustrator CC 2015课堂实录](https://wfqqreader-1252317822.image.myqcloud.com/cover/719/26793719/b_26793719.jpg)
2.5 填色与描边
填色是指在图形内部填充颜色、渐变或图案;描边则是指将路径设置为可见的轮廓,使其呈现不同的外观。
2.5.1 填色与描边设置方法
要为对象设置填色或描边,首先应选择对象,然后单击工具面板底部的填色或描边图标,将其中的一项设置为当前编辑状态,此后便可在“色板”“渐变”和“描边”等面板中设置填色和描边内容,如图2-65所示。
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P48_3139.jpg?sign=1739533294-Lw0pOz5CdZ52j1IUa5v5SJf02jMmWc7F-0-e0a14ac18f683c93cd94b57dced417fd)
图2-65
单击默认填色和描边按钮,可以将填色和描边颜色设置为默认的颜色(黑色描边、填充白色),如图2-66所示;单击互换填色和描边按钮
,可以互换填色和描边,如图2-67所示;单击颜色按钮
,可以使用单色进行填色或描边;单击渐变按钮
,可以用渐变色进行填色或描边;单击无按钮
,可以删除填色或描边。
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P48_3158.jpg?sign=1739533294-iXgG5bM0QEALDs9qOpSudgQLnDX1URSo-0-a8b0d0765735b35b345c97233d00c63a)
图2-66
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P48_3160.jpg?sign=1739533294-qlk3fPAySzqg2wzjU261yWoCbjMAPjp8-0-0860da7b6862c18a19f853c4b5b5f8e8)
图2-67
提示
按X键,可以将工具面板中的填色或描边切换为当前编辑状态;按Shift+X键,可以互换填色和描边。例如,填色为白色,描边为黑色,则按Shift+X键后,填色变为黑色,描边变为白色。
小技巧:拾取其他图形的填色和描边
选择一个对象,使用吸管工具在另外一个对象上单击,可以拾取该对象的填色和描边属性并将其应用到所选对象上。如果没有选择任何对象,则使用吸管工具
在一个对象上单击(拾取填色和描边属性),然后按住Alt键单击其他对象,可以将拾取的属性应用到该对象中。
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P49_3230.jpg?sign=1739533294-fm1gR5F9f8Aadm9nOMoMGkEzv1kvpk29-0-ae5a1e5e9c94a012222eca99ba5dc9fc)
选择图形,拾取其他图形的填色和描边
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P49_3232.jpg?sign=1739533294-FpxhiZwrwe5X4x5D3vtWu9WROORjeYSH-0-ca48a582778e8b3e180a0bd2d73d2d86)
在图形上单击,按住Alt键单击另一个图形
2.5.2 色板面板
“色板”面板中包含了Illustrator预置的颜色、渐变和图案色板,如图2-68所示。选择对象后,单击一个色板,即可将其应用到所选对象的填色或描边中。操作者调出的颜色、渐变或绘制的图案也可以保存到该面板中。例如,想要将一个图形创建为图案,如图2-69所示,将其选中后,单击新建色板按钮,或直接将其拖曳到“色板”面板中即可,如图2-70所示。
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P49_3241.jpg?sign=1739533294-1gWJ3pWAObx0Jvqk5pVVwfd14XjEiNNn-0-427f7587541252e290e2aa890b001453)
图2-68
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P49_3244.jpg?sign=1739533294-yOWsC76DM7RAlaBTQNM8eFudPhkntRNh-0-34e647d353f9d7ab3fe9e26664d74698)
图2-69
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P49_3247.jpg?sign=1739533294-BTJDzhF00GnJL4GiB1DDC2ackNvDmRIc-0-51f58c80d9891759972924e38256f88d)
图2-70
为了方便用户使用,Illustrator还提供了大量的色板库、渐变库和图案库。单击“色板”面板底部的按钮,打开下拉菜单即可找到它们,如图2-71所示。其中,“色标簿”下拉菜单中包含了印刷中常用的PANTONE颜色,如图2-72所示。打开一个色板库后,单击面板底部的
或
按钮,可以切换到相邻的色板库中,如图2-73和图2-74所示。
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P49_3260.jpg?sign=1739533294-IgTAo9lRSiJD0HJEblsaZX0bsXnF8Don-0-ae54262f63307a183098d2cbf35cfe27)
图2-71
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P49_3263.jpg?sign=1739533294-ZwLrHSEEkTThyxCvnkY8WTct6CJWUasA-0-f49f6e7410a512253ddf57219da9ac81)
图2-72
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P49_3266.jpg?sign=1739533294-3Cbkd28pEt1mSrEQXdTBShqbgt1vMQOi-0-fffafbaa39d6f8741e4a20ee4906b4e8)
图2-73
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P49_3269.jpg?sign=1739533294-nZLFTOUGthe0MuayTToKnrHD06KvCDDn-0-a77357d86701f5acbe8850b631ae4635)
图2-74
2.5.3 颜色面板
在“颜色”面板中,单击填色或描边图标,将其设置为当前编辑状态,如图2-75所示,然后拖曳滑块即可调整颜色,如图2-76所示。如果知道颜色的数值,则可以在文本框中输入颜色值并按Enter键来精确定义颜色。如果要将颜色调深或调浅,可以按住Shift键拖曳一个颜色滑块,此时其他滑块会同时移动,颜色便会变深或变浅,如图2-77所示。
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P50_3303.jpg?sign=1739533294-0W97YLaljqM624u1V6UFMjajnWsNXUjD-0-fbdd550e192bc59c6bf5757aafcba577)
图2-75
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P50_3306.jpg?sign=1739533294-oXWxxKb9U1tZrjo6vNOVbZ7k2RG5rILn-0-2343ebb67d0ac00099c687c11c76758f)
图2-76
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P50_3309.jpg?sign=1739533294-FEpnOQEPiM1UYWfwO7Qm68SQ8v8OBbpl-0-71077c0ee203e495408a67672c2b4691)
图2-77
拖曳面板底部可将面板拉长,如图2-78所示。在色谱上(光标变为状)单击可以拾取颜色,如图2-79所示。如果要取消填色或描边,可以单击面板左下角的
图标。
调整颜色时,如果出现溢色警告,如图2-80所示,表示当前颜色超出了CMYK色域范围,不能被准确打印。单击警告图标右侧的颜色块,Illustrator会使用与其最为接近的CMYK颜色来替换溢色;如果出现超出Web颜色警告图标
,则表示当前颜色超出了Web安全色的颜色范围,有可能不能在网页上准确显示,单击其右侧的颜色块,Illustrator会使用与其最为接近的Web安全色来替换溢色。
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P50_3325.jpg?sign=1739533294-n7ANv4tkZSt8sOI09PQlfFVSKAdB3jzJ-0-a21ff152d27621837e7406d32f1de71f)
图2-78
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P50_3328.jpg?sign=1739533294-9itckMYHIO9who1YtBOcfWc8koierl9V-0-a9df3e4adab9188c0f20bade8da9673d)
图2-79
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P50_3331.jpg?sign=1739533294-rjNo5fOxvjNF8D9y05zjorp8J2wMJOWy-0-99830878b87b637edddc613c6d3061cc)
图2-80
2.5.4 颜色参考面板
在“色板”面板中选择一个色板,或使用“颜色”面板调出一种颜色后,“颜色参考”面板会自动生成一系列与之协调的颜色方案,可以作为激发颜色灵感的工具。例如,如图2-81所示为当前设置的颜色,单击“颜色参考”面板右上角的按钮,打开下拉菜单,选择“单色”命令,即可生成包含所有相同色相,但饱和度级别不同的颜色组,如图2-82所示;选择“高对比色”选项,则可生成一个包含对比色、视觉效果更加强烈的颜色组,如图2-83所示。
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P50_3339.jpg?sign=1739533294-EPD32uKkvrhni7nBVKhvg6T6k3qwmH0a-0-2c201e6123a1797d8ddc6613c05150e9)
图2-81
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P50_3342.jpg?sign=1739533294-Ez7ZQNWZTIqeorXpkrqnGkfsFQFAwB5l-0-b152cb9c41fe97b4bbdea0f80d4eee5c)
图2-82
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P50_3345.jpg?sign=1739533294-JW5nffCtKLVQ5ub3W3Dey8RnZhM1cCXt-0-5648bd45a790229ff0429f930e346c6b)
图2-83
2.5.5 描边面板
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P51_3438.jpg?sign=1739533294-lSaBRF1Hy6my77rgF9FWsVleIma4MN6C-0-9e71929434765b58d1f64f5646eb74d6)
图2-84
对图形应用描边后,可以在“描边”面板中设置路径的宽度(粗细)、端点类型和斜角样式等属性,如图2-84所示。
(1)基本选项
- 粗细:用来设置描边线条的宽度,该值越高,描边越粗。
- 端点:可以设置开放式路径两个端点的形状。单击平头端点按钮
,路径会在终端锚点处结束,如图2-85所示,如果要准确对齐路径,该选项非常有用;单击圆头端点按钮
,路径末端会呈现半圆形的圆滑效果,如图2-86所示;单击方头端点按钮
,会向外延长到描边“粗细”值50%的距离结束描边,如图2-87所示。
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P51_3397.jpg?sign=1739533294-RTAWBYQ0I7oSpx3C9gPz9ymyM7G79DsV-0-1c03f86a7e3a3b9aeec8aacebe480463)
图2-85
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P51_3400.jpg?sign=1739533294-0b6947FPQMD2prk4jGA69L8r9vCRNNbm-0-2ed0ebd905a14cb04feb71d692b2094f)
图2-86
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P51_3403.jpg?sign=1739533294-v6nSyhunty2Nx3SLTT6EZScpXJDq9Fbk-0-98c311ebf5392a735e5239d36e065a04)
图2-87
- 边角:用来设置直线路径中边角处的连接方式,包括斜接连接
、圆角连接
和斜角连接
,如图2-88所示。
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P51_25654.jpg?sign=1739533294-C2r6415nK4hF0oonRQexTSFIrLqSngAd-0-c4034ac679372140da937d98c8fdc989)
图2-88
- 限制:用来设置斜角的大小,范围为1~500。
- 对齐描边:如果对象是封闭的路径,可以单击相应的按钮来设置描边与路径的对齐方式,包括使描边居中对齐
、使描边内侧对齐
和使描边外侧对齐
,如图2-89所示。
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P51_25655.jpg?sign=1739533294-IJoES7fswYRtRgSzuNLdkPUOj1cU8n4R-0-51a61d09970644cd17e285622b0fb457)
图2-89
(2)用虚线描边
- 虚线:选择图形,如图2-90所示,勾选“虚线”选项,在“虚线”文本框中设置虚线线段的长度,在“间隙”文本框中设置虚线线段的间距,即可用虚线描边路径,如图2-91和图2-92所示。
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P52_3471.jpg?sign=1739533294-lLpiZ1IuTClo2IDSB5hPlur1n4z5fJW9-0-0cd5f01f8c34c3ec0141d1ef86b494e7)
图2-90
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P52_3472.jpg?sign=1739533294-w4BepYjSKXXGbSnIrt0Z0W5rLe6EIcbf-0-2a78a7404f808c9c263519a47ce3f9cb)
图2-91
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P52_3470.jpg?sign=1739533294-XtnvbiihdUcco044On0chgd9MyiMUsd3-0-b03b866f41c1c1f8264ce17bc0124016)
图2-92
- 单击
按钮,可以保留虚线和间隙的精确长度,如图2-93所示;单击
按钮,可以使虚线与边角和路径终端对齐,并调整到适合的长度,如图2-94所示。
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P52_3480.jpg?sign=1739533294-ZsnEBQUmTEBSrCxu0lqi9n1W9CqH0bpl-0-45866ef1432d72eafb8672c82bcfe92f)
图2-93
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P52_3483.jpg?sign=1739533294-2etJpONY6chnyglLXcCRnqkoAD0NNNSi-0-5b4cd25996e01726a3d2c0ff46de9934)
图2-94
小技巧:修改虚线样式
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P52_3491.jpg?sign=1739533294-TbZ7CqJzLE0207qnGdYXjszSHt121oX6-0-412369b1e9f9ec06a27ce5ead569fa2e)
方形端点
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P52_3494.jpg?sign=1739533294-nBQoghuLMd0yImGyKXhgtzf4aS6LwAfn-0-fdfde1db72b240b04e95a7cb624cb36d)
圆形端点
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P52_3497.jpg?sign=1739533294-OsCaDTSFo6LjCRVQWI2nwNFMvLd4Kwyg-0-0675f17b00fcc9aefcbd20276e14c902)
扩展虚线端点
(3)为路径的起点和终点添加箭头
- 在“箭头”选项中可以为路径的起点和终点添加箭头,如图2-95和图2-96所示。单击
按钮,可以互换起点和终端箭头。如果要删除箭头,可以在“箭头”下拉列表中选择“无”选项。
- 在“缩放”选项中可以调整箭头的缩放比例。单击
按钮,可以同时调整起点和终点箭头的缩放比例。
- 单击
按钮,箭头会超过路径的末端,如图2-97所示;单击
按钮,可以将箭头放置于路径的终点处,如图2-98所示。
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P53_3552.jpg?sign=1739533294-x1wgHp8ZIvL4LHlqEyjNNhNst4i3Pmlc-0-5a9cd49d38fe7cb5e779cfef785e2753)
图2-95
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P53_3555.jpg?sign=1739533294-k9cKnRJ6zVlMvnIgzV3f6jh6qoHfJQYA-0-7b8ed07ecafd33eaf64992ece7a5c09b)
图2-96
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P53_3558.jpg?sign=1739533294-vnwe7yel9jXSblE4R8WP34LPdiuSx2Ss-0-b9319bea8f2fe68546144152ff66f909)
图2-97
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P53_3561.jpg?sign=1739533294-l1OuIQx0w57R1P6Eidr79P2nSLOr8aFk-0-309c690d00e09ccc030d2ac8728b8b93)
图2-98
- 配置文件:选择一个配置文件,可以让描边的宽度发生变化。单击
按钮,可以进行纵向翻转;单击
按钮,可以进行横向翻转。
2.6 课堂练习:用宽度工具调整描边宽度
使用宽度工具可以自由调整描边的宽度,让描边呈现粗细变化。下面使用宽度工具、椭圆工具和“描边”面板绘制一个梳妆镜。
01 按Ctrl+N快捷键,新建一个文档。选择直线段工具,按住Shift键(可以锁定垂直方向)创建一条竖线,设置描边粗细为20pt,无填色。单击“描边”面板中的圆头端点按钮
,如图2-99和图2-100所示。
02 保持路径的选中状态。选择宽度工具,将光标放在路径上,如图2-101所示,单击并向右侧拖曳,将路径拉宽,如图2-102所示。
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P53_3594.jpg?sign=1739533294-K2jJmQU7qbvfVogRPep7tF7MLVA2PXtn-0-62ac6e7acb7caf29cb6f0043b5b3c03c)
图2-99
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P53_3597.jpg?sign=1739533294-HYLoW5juBcUG70meEFL34tHFfdvRrgBf-0-ebdd832d12155a3f74c360710e9e5a58)
图2-100
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P53_3601.jpg?sign=1739533294-h3bRxQ4uqx2ppYf16mphQEWav6DVBZEx-0-270dc3f431344f6ed582f54857d0d68b)
图2-101
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P53_3604.jpg?sign=1739533294-bxzAKFTmhZCmqJ3ZqtHL4GztnqQ84UfF-0-fa75426a77ad00ca65ab76e31de38377)
图2-102
03 在路径的上半段单击并向左侧拖曳,将路径调窄,如图2-103和图2-104所示。
04 继续调整路径的宽度,如图2-105~图2-107所示。
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P53_3608.jpg?sign=1739533294-FzawmtqWM2jTVIl6jd80beH0imCyPCf2-0-2bf80ced9a78af67376fa9b0cabdc7a9)
图2-103
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P53_3611.jpg?sign=1739533294-i8bhxl0MP6sk5XTPwafIEmNYURwH7nnS-0-aa7ba5f6e34ce6908f5abf846c6d5585)
图2-104
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P53_3614.jpg?sign=1739533294-pEwLSUN1Qq9v4PxovKEY2Cy5HFwkRHfH-0-985bee91b6e5658aa9c98a1f4562e091)
图2-105
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P53_3617.jpg?sign=1739533294-aKO69hmPHn8G85oHMYv2RXhiomJcyxm7-0-59100c7e129f887c6f2d670cc35ee1d3)
图2-106
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P53_3620.jpg?sign=1739533294-W4M3Y7KZkRMDXKbc70DyvrgzY6bWMTbR-0-90224c995942a740df991498617e275a)
图2-107
05 调整路径宽度后,会生成新的控制点,拖曳路径外侧的控制点,可以重新调整路径的宽度,如图2-108和图2-109所示。拖曳路径上的控制点,可以移动控制点,如图2-110和图2-111所示。
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P54_3652.jpg?sign=1739533294-lumo5HWFodSrEolB4AzFJoyAasBGFsZN-0-32143c6dad84356784a0f20183b5f7e7)
图2-108
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P54_3655.jpg?sign=1739533294-YCBpJeils8HmaCk07eS5VXSZnSMJhhxB-0-d9aefa1ecdd2fead5954eee3addff4f1)
图2-109
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P54_3658.jpg?sign=1739533294-F7Lh3yk48oBOBzbU9PPL05NwbVZWsUlQ-0-b43ad524d40e6c0e6854e90fd5f368df)
图2-110
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P54_3661.jpg?sign=1739533294-Xzszd0w5LfpHQC21RMmEjYD138eglTwO-0-681dd32a6b8801a06ce34872b9538cb2)
图2-111
06 使用椭圆工具创建一个椭圆形,设置描边为40pt,无填色,如图2-112所示。保持图形的选中状态,按Ctrl+C快捷键复制,按Ctrl+F快捷键粘贴到前面。设置描边颜色为白色,描边宽度为12pt,勾选“描边”面板中的“虚线”选项,并设置“虚线”为1pt,“间隙”为20pt,如图2-113和图2-114所示。
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P54_3668.jpg?sign=1739533294-IRmk3p7j94BFWsIXRUFHtqT5ZlSYfW1D-0-5261761c6a15cd53b215dcde50daec8c)
图2-112
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P54_3671.jpg?sign=1739533294-wmHhTIZp2iTp3kl8f66P7BnwqIb2BWjL-0-45e3ca8c3c3d4f5883dd87c0938a401a)
图2-113
![](https://epubservercos.yuewen.com/499338/15253387704116906/epubprivate/OEBPS/Images/Figure-P54_3674.jpg?sign=1739533294-B6rmzqkS9TTYwslWZRb84NkuISWINUmF-0-be59dfc2cc068874e5e904492f27077f)
图2-114