illustrator 第五章.docx

illustrator 第五章.docx

《illustrator 第五章.docx》由会员分享，可在线阅读，更多相关《illustrator 第五章.docx（30页珍藏版）》请在冰点文库上搜索。

illustrator第五章

第五章颜色填充工具

IllustratorCs5中的颜色填充工具及其选项面板功能非常丰富、强大，也非常简单而且对于初学者来说容易上手，一旦掌握了这些基本原理，有助于绘图和学习后面章节中更高级的技巧。

5.1颜色填充

在Illustrator中，绘制的图形包含填充和描边两种效果。

填充是在一个封闭的路径中进行的，是路径内部的实体。

描边是图形的外轮廓，使用描边可以使图形具有不同颜色的外观。

5.1.1填充颜色

在设置填充时，首先要选择对象，然后在工具箱中单击【填色按钮】，单击填色按钮就会将其设置为当前编辑状态，再进行操作。

如图5.1-1所示

图5.1-1

路径具有填色、描边和无填充三种状态。

在工具箱中的位置如图5.1-2所示。

图5.1-2

如图5.1-3所示，给一个五角星填充颜色，填充色为黄色。

如果将路径描边赋予（无），则对象没有可视的描边。

图5.1-3

当填充的路径是开放路径时（路径的两个节点没有连接在一起），填充存在于将两个节点用直线连接的闭合路径中。

如图5.1-4所示：

图5.1-4

5.1.2颜色控制面板

1、颜色面板

颜色选项面板可用来混合颜色及对作品应用颜色。

除滑块和编辑区域可以精确设置颜色外，选项面板上的无按钮还可以将填充和描边设置为没有颜色.如图5.1-5所示：

图5.1-5

在颜色旁边经常有一个小的3D立方体出现，这就是网络颜色警告。

立方体图标的右侧颜色框显示了这个网络颜色，即颜色如何作为网络安全色出现。

单击色板的这个区域就能很迅速的把一个颜色转换成网络安全颜色的最相近匹配色。

如图5.1-6所示：

图5.1-6

在颜色选项面板扩展菜单中也有反相和补色命令。

可以在illustrator帮助中搜索反相和补色。

如图5.1-7所示：

图5.1-7

2、颜色参考

可以在颜色参考选项面板中完成3种截然不同的任务：

1、在设置了基色（左上角的小方块之后），可以对颜色应用协调规则命令2、可以让通过协调规则生成的颜色渐变或者来自色板选项面板中的颜色组可视3、可以在色板选项面板中选择和保存颜色、颜色组。

紧挨着基色的是一个水平的色带，该色带有一个能访问协调规则的下拉列表。

色带的下方是颜色网格（如果看不到网格，可以从选项面板的扩展菜单中执行显示选项命令）。

如图5.1-8所示：

图5.1-8

要从网格中保存选定的颜色，要么将它拖到色板选项面板，要么单击色板选项面板中的新建色板按钮，并在保存颜色时对颜色命名。

5.1.3描边颜色

描边是指路径基本的轮廓，是为路径设置颜色，使其可见。

要想设置描边的颜色，首先要选择对象，然后在工具箱中单击描边按钮，选择相应的颜色。

如图5.1-9所示，五角星的填充色为黄色，描边色为红色。

图5.1-8

5.1.4描边控制面板

可以使用描边修饰路径，使之呈现不同的外观，就像使用填充控制路径的内部空间一样。

要做到这一点，可以给描边赋予不同的属性，包括边缘线的深浅（粗细）、类型（虚实）、拐角样式和端点类型。

如图5.1-9所示：

图5.1-9

在描边选项面板中，第一个选项是平头端点，它使得路径在末端锚点处终止，对精确布置路径非常重要。

中间的选项是圆头端点，它使得路径的末端锚点显得自然，可柔化单个线段或曲线，使它们显得平滑。

最后一个选项是方头端点，它在实线和虚线的末端锚点处延长画笔宽度的一半距离。

除了决定路径末端锚点的外观外，端点的样式还将影响虚线的形状。

描边线的拐角形状由描边选项面板决定，3种连接类型决定了拐角外部的形状，而拐角内部的形状总是尖角。

如图5.1-10所示：

图5.1-10

5.1.5吸管工具

吸管工具能够将一个对象的外观属性复制到另一个对象上，包括描边、填充、颜色和文本属性。

吸管工具有两种模式分别是：

取样—拾取格式和属性；应用—应用采集的属性。

双击工具箱中的吸管工具能弹出吸管选项，如图5.1-11所示:

用吸管将属性从一个对象复制到另一个对象时，首先从工具箱中选取吸管工具，放在相应的对象上，此时吸管处于采样模式，单击对象提取其属性，然后将吸管放在想应用的对象上，同时按住Alt键不放，此时吸管转换为应用模式，单击对象应用第一个对象的属性。

如图5.1-12所示：

图5.1-12

用吸管选项即双击工具箱中的吸管工具，弹出的对话框可控制吸管提取与应用何种属性，也可用对话框底部的栅格取样大小下拉列表框控制吸管在光栅图像中采样区域的大小。

选择点取样选项将从单个像素采样；选择平均3*3将在单击的点周围选择一个3像素的网格；选择平均5*5将可以同样的方式采样一个5像素网格。

如图5.1-13所示：

图5.1-13

5.2渐变颜色填充

渐变颜色就是从一种颜色到另一种颜色的无缝过渡。

在Illustratorcs4之前，所有的渐变调整都必须在渐变选项面板中进行。

现在这些调整都可以在画板中进行，直接作用于渐变。

5.2.1渐变颜色工具

选择一个图形，单击工具箱底部的渐变按钮,就可以为它填充默认的渐变，如图5.2-1所示。

图5.2-1

5.2.2渐变颜色填充样式

渐变填充样式包含两种。

一种是径向渐变，一种是线性渐变。

（1）径向渐变

径向渐变是将起点作为圆心，起点到终点的距离为半径，将颜色以圆形分布（下图白色圆圈之内）。

半径之外的部分用终点色填充。

颜色在每条半径方向上各不相同，但在每个同心圆圆弧方向上相同。

也就是说，假如你从圆心出发到圆弧，在途中将看到各种不同的色彩。

但如果你只是沿着圆心绕圈，那么在这一圈上你看到的颜色都是相同的。

如图5.2-2所示：

图5.2-2

（2）线性渐变

线性渐变是沿着一根轴线（水平或垂直）改变颜色，从起点到终点颜色进行顺序渐变（从一边拉向另一边）。

如图5.2-3所示：

图5.2-3

5.2.3渐变颜色控制面板

双击渐变工具图标，可以调出渐变颜色控制面板。

如果想大量的使用渐变，可以直接拖出渐变控制面板以让它成为浮动的选项面板，可以通过拖拽顶部、底部和侧部来水平或垂直地调节渐变控制面板的大小，渐变控制面板的一大特色就是随着选项面板变高、变宽，渐变滑块本身的尺寸也会增长，能方便用户设计出复杂的渐变。

如图5.2-4所示：

图5.2-4

5.3渐变网格填充颜色

网格对象是一种多种颜色能在其上沿不同的方向一起流动，同时在特殊的网格点有平滑过渡的对象。

可以将网格应用到使用单色或渐变填充的对象上。

5.3.1建立渐变网格

创建渐变网格对象的一种方式是将使用渐变填充的对象转换为网格对象。

它比渐变、混合要强大也更复杂。

要创建渐变网格，可以使用渐变网格工具在图形上单击或者选中相关图形，然后执行【对象】【创建渐变网格】命令，就可以将所选图形转换为渐变网格。

如图5.3-1所示，单击处会生成网格点和网格线，网格线组成网格片面。

图5.3-1

5.3.2修改渐变网格填充颜色

改变渐变网格的填充颜色时，利用直接选择工具选中网格点，这时你再点击工具箱中的填色按钮选择颜色，从而改变网格颜色。

如图5.3-2所示：

图5.3-2

5.4色板控制面板及色板库

5.4.1色板控制面板

色板面板中包含的是Illustrator提供的预设色板，如图5.4-1所示，选择对象后。

单击一个色板即可将其应用到所选对象的填充或描边中。

图5.4-1

利用色板选项对话框（双击任何一个色板或者通过单击色板选项面板底部的色板选项按钮即可打开）可改变色板的各种属性—包括色板的名称、颜色模式、颜色定义，以及是印刷色、全局色还是专色。

对于图案和渐变色板来说，它们在色板选项对话框中唯一的属性就是名称。

5.4.2色板库应用

用户可以通过好几种方法来访问色斑库。

最简单的方法就是单击色板库菜单按钮，该按钮位于色板选项面板的左下角。

如图5.4-2所示：

一旦设置好自己满意的色板面板，就可以把它作为一个自定义色板库进行保存，和其他的文档一起使用。

保存一个色板库非常简单-单击位于色板选项面板左下方的色板库菜单按钮，然后执行存储色板命令，这样就会通过默认设置把色板库保存到色板文件夹中。

图5.4-2

5.4.3创建新的色板

要将颜色或者颜色参考选项面板中的颜色保存到色板选项面板中，可直接将方块拖动到色板选项面板中，并在创建时对它命名，并且单击色板选项面板底部的新建色板按钮，也可以从色板选项面板扩展菜单中执行新建色板命令，或者从颜色选项面板扩展菜单中执行创建新色板命令。

如图5.4-3所示：

图5.4-3

5.5实时上色与实时描摹

5.5.1实时上色

运用illustrator的实时上色功能，能立即把颜色、渐变和其他填充应用到自己的艺术作品中的任何封闭的空间中，无须首先确认它是不是作为一个单独的矢量对象进行勾画。

这样用眼镜观察的方式来绘制形状和空间，如同用手着色一个素描一样。

假设绘制四个三角形，然后排列这四个三角形，使它们之间的空间形成一个正方形，如图5.5-1所示，

图5.5-1

下面将对正方形的空间着色。

首先选择【选择工具】，选中四个三角形，然后选择【实时上色工具】，单击选中的这四个三角形把它们变成事实上色组。

如图5.5-2所示：

图5.5-2

然后选择一个明亮的红色作为填充色，把【实时上色工具】移到正方形区域的上面，正方形就会突出显示，表明这个区域能进行上色了，单击正方形填充颜色。

如图5.5-3所示：

图5.5-3

5.5.2实时描摹

实时描摹能将照片或扫描图自动变形为具有细节的、精确的矢量路径集。

只用几分钟时间实时描摹就能将初始图像转变成矢量图形，对该矢量图形可以编辑、改变大小或进行其他处理而不扭曲或损失图像质量。

例如对一张图像进行实时描摹，首先选择该图像，然后选择菜单栏里的【对象】【实时描摹】【建立】命令，如图5.5-4所示：

图5.5-4

然后选中描摹对象，找到实时描摹的选项栏，如图5.5-5所示，可以改变实时描摹选项中的阈值，和最小区域的数值，来改变图像的显示细节。

图5.5-5

5.7案例

本节中会结合以上所讲授的颜色填充、实时上色、实时描摹的相关知识，制作关于标志设计、图形设计、照片图形化的具体实例。

5.7.1图形设计

（1）运用填充命令给标志图形填充颜色。

步骤1.选择【文件】︱【新建】命令，将宽度设置为550像素，将高度设置为300像素，创建新的文件。

如图5.7-1所示

步骤2.选择【矩形工具】，按住Shift键在画面左侧画一个正方形，将正方形旋转45度。

如图5.7-2所示

步骤3.从拾色器中拾取颜色填充。

选中正方形，双击工具箱中的拾色器，将颜色设置为C：

16，M：

67，Y：

7，K：

0，然后确认。

如图5.7-3所示

步骤4.确认后正方形颜色填充为紫红色，下面再画一个正方形，将其旋转为45度，由于上个正方形设置为紫红色，第二个正方形也为紫红色，如果想改变第二个正方形的颜色，选中正方形，双击工具箱中的拾色器，将颜色设置为C：

64，M：

6，Y：

8，K：

0，然后确认。

如图5.7-4所示

步骤5.画第三个正方形，将角度旋转45度，颜色设置为C：

14,M：

23,Y：

87,K：

0，然后确定。

如图5.7-5所示

步骤6.下面依照2-5步完成最后的图形效果，最后一步用文本工具在图形上方输入ILLUSTRATOR。

如图5.7-6所示

5.7.2图形设计

（1）直观地进行着色

步骤1.将工具箱中的填色设置为无，描边设置为黑色，然后选择【椭圆工具】按住Alt键画一个正圆，选中画出的正圆，按住Alt键拖动正圆复制出一个，将其缩小，组成一个圆环。

步骤2.接着选择【矩形工具】在画面中画一个正方形，然后选择【直接选择工具】选中正方形坐下角的节点，将其像正方形的中心拖动，变形为三角形。

如图所示：

步骤3.选择【选择工具】选中画出的三角形，按Ctrl+C复制，再按Ctrl+Shift+V，按原位置粘贴一个三角形。

然后选择【直接选择工具】选中三角形的上节点，拉出一个长三角型。

如图所示：

步骤4.选择【选择工具】选中画出的三角形，按Ctrl+C复制，再按Ctrl+Shift+V，按原位置粘贴一个三角形。

然后选择【直接选择工具】选中三角形的上节点，拉出一个长三角型。

如图所示：

步骤5.选择【圆角矩形工具】在画面中画一个圆角矩形，选择【选择工具】将光标放在圆角矩形的右上角，旋转圆角矩形。

如图所示：

步骤6.选择【选择工具】选中圆角矩形，按Ctrl+C复制，再按Ctrl+Shift+V，按原位置粘贴一个圆角矩形，将其向右移动，将其宽减小，变形为圆角正方形。

步骤7.选择【选择工具】按住Shift键分别选中画出的三个三角形，按住Alt键拖动三个三角形，再复制出三个三角形，然后选择【选择工具】将光标放在三角形的右上角，旋转一下。

如图所示：

步骤8.选择【选择工具】，选中之前所建的全部图形，选择【对象】【实时上色】【建立】，为图形创建实时上色命令，然后选择【实时上色】工具，，

为圆环添加粉红色。

C：

16，M：

67，Y：

6，K：

0。

如图所示：

步骤9.将工具箱中的填色设置为蓝色，C：

65，M：

25，Y：

13，K：

0，选择【实时上色】工具，为第一个三角形添加颜色。

如图所示：

步骤10.将工具箱中的填色设置为淡蓝色，C：

57，M：

3，Y：

8，K：

0，选择【实时上色】工具，为第二个三角形添加颜色。

如图所示：

步骤11.将工具箱中的填色设置为淡黄色，C：

11，M：

17，Y：

71，K：

0，选择【实时上色】工具，为第三个三角形添加颜色。

如图所示：

步骤12.按照以上方法将剩余的图形填充颜色，颜色数值参考以上4种颜色。

完成最终效果，如图所示：

5.7.3从照片到实时描摹

从照片到实时描摹（最终效果图）

步骤1.选择【文件】【新建】命令，创建A4大小的文档，如图所示，然后选择【文件】【置入】命令，将人物头像.jpg图片导入到画面当中。

步骤2.选择【选中工具】选中照片，然后选择【对象】【实时描摹】【建立】命令。

步骤3.选中照片，对应实时描摹的选项栏属性，将【阈值】选项设置为150，【最小区域】设置为5，然后单击实时上色按钮，将其转化为可编辑路径。

如图所示，

步骤4.选择工具箱中的【实时上色工具】，将填充颜色设置为粉红色，C：

4,M：

65,Y：

4,K：

0，点击小孩的头部，将其颜色设置为粉红色。

步骤5.选择工具箱中的【实时上色工具】，将填充颜色设置为淡黄色，C：

13,M：

13,Y：

67,K：

0，点击背景，将其颜色设置为淡黄色。

步骤6.选择工具箱中的【实时上色工具】，将填充颜色设置为淡蓝色，C：

64,M：

3,Y：

6,K：

0，点击小孩手部、背景水果，将其颜色设置为淡蓝色。

步骤7.选择工具箱中的【实时上色工具】，将填充颜色设置为淡绿色，C：

64,M：

3,Y：

6,K：

0，点击小孩衣服、衣服褶皱，将其颜色设置为淡绿色。

步骤8.选择工具箱中的【实时上色工具】，将填充颜色设置为粉色，C：

16,M：

67,Y：

6,K：

0，点击剩余其他区域，将其颜色设置为粉红色。

完成最终效果。