Illustrator CC平面设计案例教程04填充与描边图形

中文版Illustrator CC平面设计案例教程填充与描边图形第四章在使用线条绘制工具绘制好图形轮廓后，还需要为其上色，才算完成整个图形的绘制。上色是指为图形填充颜色、渐变或图案，以及为路径描边。本章主要介绍填充与描边图形的方法。掌握工具箱下方颜色设置区域的使用方法。掌握使用“颜色”和“描边”面板为图形设置单色填充和描边属性的方法。掌握使用“渐变”面板、网格和混合工具创建渐变色和混合色的方法。了解“色板”的作用，并掌握色板的应用和创建方法。掌握使用“实时上色工具组”为图形的不同区域填充颜色的方法。掌握使用“透明度”面板设置颜色透明度和“混合模式”的方法。掌握使用“外观”面板和“吸管工具”管理与复制对象外观属性的方法。本章导读学习目标CONTENTCONTENT绘制卡通小动物使用单色填充与描边绘制圣女果填充渐变颜色和混合效果123案例一案例二案例三本章总结绘制矢量插画应用路径的其他外观设置功能of625案例一 绘制卡通小动物使用单色填充与描边第四章 填充与描边图形本案例通过绘制如图所示的卡通小熊，学习使用工具箱下方的颜色设置区域和“颜色”面板设置图形填充色和描边色，以及使用“描边”面板设置图形描边属性的方法。案例说明of626案例一 绘制卡通小动物使用单色填充与描边第四章 填充与描边图形相关知识一、快速设置对象填充和描边使用“工具箱”下方的颜色设置区域如上图或控制面板中的“填充”和“描边”设置项如下图，可以快速设置对象的填充和描边属性。of627案例一 绘制卡通小动物使用单色填充与描边第四章 填充与描边图形默认状态下，绘制出的图形对象为黑色描边、白色填充。选中图形对象，双击工具箱下方颜色设置区域的“填色”或“描边”图标，打开“拾色器”对话框，如图所示。在“拾色器”对话框中，拖动光谱滑块，选择色域和色谱，之后单击颜色区可定义颜色值，也可以直接在右侧输入颜色数值（CMYK）设置填充色或描边色。另外，选中图形对象后，单击控制面板“填色”设置项右侧的 按钮，可在打开的色板中选择相应填充色。如果要设置描边，可单击“描边”设置项右侧的 按钮，打开色板选择描边色。of628案例一 绘制卡通小动物使用单色填充与描边第四章 填充与描边图形二、使用“颜色”面板选择“窗口”“颜色”菜单项，或按【F6】键，打开“颜色”面板，如左图所示。在“颜色”面板中单击“填色”图标 ，然后在编辑框中直接输入数值，可为当前选定对象设置填充色。单击“无”按钮 ，可取消所选对象的填充色。单击“描边”图标，此时描边色处于可编辑状态，采取同样方法，可为当前选定的对象设置描边色，如中见图所示。选中对象，使用鼠标在“颜色”面板下方的光谱条上移动，当光标变为 状时，单击选取颜色，可使用所选颜色填充对象，效果如右图所示。of629案例一 绘制卡通小动物使用单色填充与描边第四章 填充与描边图形三、使用“描边”面板认识“描边”面板1选择“窗口”“描边”菜单项，或按【Ctrl+F10】快捷键，可打开“描边”面板，如图所示。直接在“粗细”编辑框中输入数值，或单击右侧的下拉三角按钮 ，在弹出的下拉列表中选择一个数值，可为所选路径设置描边粗细。of6210案例一 绘制卡通小动物使用单色填充与描边第四章 填充与描边图形用虚线描边2打开本书配套素材“素材与实例”“Ph4”文件夹中的“小狗.ai”，选中椭圆描边路径，勾选“描边”面板中的“虚线”复选框，在“虚线”编辑框中设置虚线线段的长度，在“间隙”编辑框中设置线段的间距，即可用虚线描边路径，如图所示。提示创建虚线描边后，在上方的“端点”设置区可以设置虚线端点的形状，按下 按钮，可创建平头端点的虚线，按下 按钮，可创建具有圆形端点的虚线，按下 按钮，可创建方头端点的虚线。of6211案例一 绘制卡通小动物使用单色填充与描边第四章 填充与描边图形为路径添加箭头3在“描边”面板中的“箭头”设置区可为路径的起点和终点添加箭头，如图所示。单击 按钮，可以互换起点和终点箭头。如要删除箭头，可在“箭头”下拉列表中选择“无”。of6212案例一 绘制卡通小动物使用单色填充与描边第四章 填充与描边图形案例实施绘制卡通小动物详细操作步骤请扫描二维码。of6213案例一 绘制卡通小动物使用单色填充与描边第四章 填充与描边图形课堂实训填充蝴蝶花使用本案例所学知识填充如图所示的蝴蝶花。本实训最终效果可参考本书配套素材“素材与实例”“Ph4”文件夹中的“蝴蝶花.ai”。of6214案例一 绘制卡通小动物使用单色填充与描边第四章 填充与描边图形打开本书配套素材“素材与实例”“Ph4”文件夹中的“蝴蝶花素材.ai”。首先使用“选择工具”单击选中任意一个花瓣，使用控制面板为花瓣填充黄色，描边紫色。之后采用同样方法设置其他花瓣。接着选中全部对象，使用“描边”面板设置花瓣描边的粗细及虚线效果。最后单独选中蝴蝶花的边框，在面板的“箭头”设置区为蝴蝶花的边框添加艺术箭头。CONTENTCONTENT绘制卡通小动物使用单色填充与描边绘制圣女果填充渐变颜色和混合效果123案例一案例二案例三本章总结绘制矢量插画应用路径的其他外观设置功能of6216案例二 绘制圣女果填充渐变颜色和混合效果第四章 填充与描边图形渐变可以在对象中创建平滑的颜色过渡效果。Illustrator CC提供了大量预设的渐变库，还允许用户将自定义的渐变存储为色板，便于其他对象应用。本案例学习创建渐变色的方法，以及使用“混合工具”在两个图形之间创建混合效果的方法。最后通过绘制如图所示的圣女果，学习渐变和混合效果在实践中的应用。案例说明of6217案例二 绘制圣女果填充渐变颜色和混合效果第四章 填充与描边图形相关知识一、使用“渐变”面板选中图形对象，选择“窗口”“渐变”菜单项，打开“渐变”面板，单击面板左上角的渐变按钮 ，即可为对象设置默认的黑白线性渐变（灰度模式）。1初识“渐变”面板双击任一渐变滑块，可以弹出一个下拉面板，在该面板中可以修改渐变滑块的颜色和不透明度。单击面板右上角的 按钮，可在弹出的面板菜单中选择颜色模式，如图所示。of6218案例二 绘制圣女果填充渐变颜色和混合效果第四章 填充与描边图形渐变类型包括线性渐变和径向渐变，对于线性渐变，渐变色条最左侧的渐变滑块为渐变色的起始颜色，最右侧的渐变滑块为终止颜色。对于径向渐变，最左侧的渐变滑块定义了颜色填充的中心点，它呈辐射状向外逐渐过渡到最右侧的渐变滑块颜色。2编辑渐变颜色提示单击滑块下拉面板中的 按钮，可以切换到“色板”面板，此时可以单击选择一个色板来修改滑块颜色。of6219案例二 绘制圣女果填充渐变颜色和混合效果第四章 填充与描边图形添加/删除渐变滑块在渐变色条下方滑动鼠标，当光标变成 状时，单击鼠标可添加新的渐变滑块，如图所示。单击选中某个渐变滑块，按 按钮可将其删除，也可拖拽到面板外将其删除。of6220案例二 绘制圣女果填充渐变颜色和混合效果第四章 填充与描边图形复制渐变滑块及交换渐变滑块位置单击选中渐变滑块，按住【Alt】键将其拖拽至渐变色条的其他位置，可在该位置复制一个同样的滑块。如果按住【Alt】键将一个渐变滑块拖拽到另一个滑块上，则可交换两个滑块的位置，从而改变渐变填充效果，如图所示。of6221案例二 绘制圣女果填充渐变颜色和混合效果第四章 填充与描边图形保存渐变颜色设置好渐变颜色后，可以通过将其保存在“色板”面板中，达到重复使用该颜色的目的，具体方法将在案例三的“色板”面板部分介绍。of6222案例二 绘制圣女果填充渐变颜色和混合效果第四章 填充与描边图形相关知识二、使用渐变工具编辑渐变为图形对象填充渐变色后，还可使用“渐变工具”改变渐变色的角度、起点、终点和范围等，从而改变渐变填充效果。of6223案例二 绘制圣女果填充渐变颜色和混合效果第四章 填充与描边图形1编辑线性渐变水平移动渐变和调整渐变半径打开本书配套素材“素材与实例”“Ph4”文件夹中的“小天使.ai”，选中渐变填充的对象，选择“渐变工具”，渐变对象上会显示渐变批注者。将光标放在渐变批注者下方，可显示渐变色条、渐变滑块，如左图所示。左侧圆形图标是渐变原点，左右拖拽它可以水平移动渐变，如中间图所示。拖拽右侧的圆形图标可以调整渐变半径，如右图所示。of6224案例二 绘制圣女果填充渐变颜色和混合效果第四章 填充与描边图形改变渐变角度将光标放在最右侧的圆形图标外，当光标变为 形状时，单击并拖拽鼠标可旋转渐变批注者，从而改变渐变色的角度，效果如图所示。of6225案例二 绘制圣女果填充渐变颜色和混合效果第四章 填充与描边图形调整渐变颜色移动渐变批注者上的滑块，可调整渐变颜色的混合位置，如左图所示。如将滑块拖拽到图形外侧可将其删除，如右图所示。of6226案例二 绘制圣女果填充渐变颜色和混合效果第四章 填充与描边图形2编辑径向渐变打开本书配套素材“素材与实例”“Ph4”文件夹中的“小羊.ai”，选中渐变填充的对象，选择“渐变工具”，可采用编辑线性渐变的方法编辑径向渐变。不同的是，将光标放在渐变批注者的外圆上，单击并向下拖拽鼠标可调整渐变半径，生成椭圆渐变，如图所示。of6227案例二 绘制圣女果填充渐变颜色和混合效果第四章 填充与描边图形相关知识三、使用渐变网格渐变网格是Illustrator中最神奇的工具之一，它创造性地把贝赛尔曲线网格和渐变填充完美地结合在一起，以贝赛尔曲线的方式来控制节点和节点之间丰富柔和的色彩渐变。1编辑径向渐变渐变网格是由网格点和网格线组成的，四个网格点组成一个网格片，非矩形物体的边缘3个网格点就可以组成一个网格片，如图所示。创建渐变网格的具体操作如下。of6228案例二 绘制圣女果填充渐变颜色和混合效果第四章 填充与描边图形用网格工具创建渐变网格选择“网格工具”，将鼠标放在图形上，当光标变为 状时，单击鼠标可将其转换为一个网格对象，如图所示。of6229案例二 绘制圣女果填充渐变颜色和混合效果第四章 填充与描边图形用命令创建渐变网格选中图形对象，选择“对象”“创建渐变网格”菜单项，打开“创建渐变网格”对话框，参数设置如图所示。单击“确定”按钮该图形对象被转换为网格对象，并自动添加上网格线。of6230案例二 绘制圣女果填充渐变颜色和混合效果第四章 填充与描边图形2编辑渐变网格渐变网格对象的网格点与锚点的属性基本相同，只是增加了接受颜色的功能，网格点也可以添加、删除和移动。调整网格点上的方向线，可以精确控制颜色的变化范围。选择网格点选择“网格工具”，将光标放在网格点上，当光标变成状时，单击鼠标可选中网格点。按住鼠标左键并拖动，可移动网格点。按住【Shift】键依次单击可选择多个网格点。选中网格点后可为其设置颜色。of6231案例二 绘制圣女果填充渐变颜色和混合效果第四章 填充与描边图形编辑网格面使用“直接选择工具”单击选中网格片拖拽鼠标，可移动网格片，使用“颜色”面板等颜色设置工具可为其设置颜色。添加与删除网格点使用“网格工具”在网格线或网格片上单击可添加网格点。如按住【Alt】键，光标会变为状，单击网格点可将其删除，由网格点连接的网格线也同时被删除。of6232案例二 绘制圣女果填充渐变颜色和混合效果第四章 填充与描边图形相关知识四、使用混合工具混合可以在两个或多个对象之间生成形状和颜色逐渐过渡的图形，使之产生全面的过渡效果。用于创建混合的对象可以是图形、路径，也可以是使用渐变和图案填充的对象。1创建混合对象选择“混合工具”，将光标放在对象上方，捕捉到对象之后，光标变成 状，单击鼠标，之后将光标移到另一对象上，光标变成状时，单击鼠标创建混合对象，如上图所示。双击“混合工具”，打开“混合选项”对话框，可通过设置间距“指定的步数”，来设置过渡图形之间的距离，如下图所示。of6233案例二 绘制圣女果填充渐变颜色和混合效果第四章 填充与描边图形提示选中两个或两个以上要创建混合的对象，选择“对象”“混合”“建立”菜单项，或按【Alt+Ctrl+B】快捷键，均可创建混合对象。2编辑混合对象将两个或多个对象创建为混合对象后，这些对象就成为一个整体，使用“编组