Illustrator教程

Illustrator中的绘图工具并不算多,而且只能创建矩形、椭圆、多边形和星形等少量形状,但是可以通过组合的方法,用简单的图形构建新的复杂的图形,这要比使用钢笔工具绘制容易得多。下面介绍对象的组合方法。

5.3.1 实战:制作挂牌(复合路径)

如果想在图形内部挖一个“孔”出来,用复合路径操作应该是最方便和灵活的。


复合路径由一个或多个简单的图形组合而成,它们的重叠处会呈现孔洞。这些图形被自动编组,但其中的各个对象都可以单独编辑,也可以被释放出来。就是说,复合路径不会真正修改图形,是一种非破坏性的功能。

01 打开素材,如图5-152所示。选择椭圆工具,按住Shift键创建圆形,如图5-153所示。选择选择工具,按住Shift键单击后方标签,将其一同选取,如图5-154所示。

图5-152

图5-153

图5-154

02 执行“对象>复合路径>建立”命令,创建复合路径,复合路径使用最后面的对象的填充内容和样式,如图5-155所示。复合路径中的各个对象会被自动编组,并在“图层”面板中显示为“<复合路径>”,如图5-156所示。

图5-155

图5-156

03 选择编组选择工具,拖曳圆形,孔洞位置也会随之改变,如图5-157所示。此外,也可以使用锚点编辑工具对锚点进行编辑和修改。如果要释放复合路径中的图形,可以执行“对象>复合路径>释放”命令。需要注意的是,这些路径不能恢复为创建复合路径前的颜色。

图5-157

5.3.2 实战:矛盾空间图形(形状生成器工具)

形状生成器工具可以快速合并简单的图形,或者删除图形中多余的部分。下面,我们使用该工具创建矛盾空间图形,如图5-158所示。


图5-158

01 按Ctrl+N快捷键,打开“新建文档”对话框,使用其中的预设创建A4纸大小的文档。选择直线段工具,按住Shift键拖曳鼠标创建直线。设置描边为黑色,无填色。选择选择工具,按住Alt键拖曳直线,进行复制,如图5-159所示。按Ctrl+D快捷键,继续复制直线,如图5-160所示。

图5-159

图5-160

02 按住Shift键单击上面两条直线,将这3条直线一同选取。选择旋转工具,将鼠标指针放在中心点上,如图5-161所示,按住Alt键单击,弹出“旋转”对话框,设置“角度”为120°,单击“复制”按钮,如图5-162所示,旋转并复制图形,如图5-163所示。采用同样的方法,即按住Alt键在中心点上单击,弹出“旋转”对话框,设置“角度”为120°,单击“复制”按钮复制图形,如图5-164所示。

图5-161

图5-162

图5-163

图5-164

03 选择选择工具,拖出一个选框,将水平直线选取并向下拖曳,如图5-165和图5-166所示。

图5-165

图5-166

04 按Ctrl+K快捷键,打开“首选项”对话框,切换到“智能参考线”设置面板,将“对齐容差”选项设置为1 pt,如图5-167所示。选择直线段工具,将鼠标指针放在直线的交叉点上,出现提示信息(“交叉”二字)时,如图5-168所示,按住Shift键拖曳鼠标,创建直线,如图5-169和图5-170所示。采用同样的方法,在图形下方创建两条直线,如图5-171所示。

图5-167

图5-168

图5-169

图5-170

图5-171

05 按Ctrl+A快捷键全选,单击“路径查找器”面板中的按钮,对图形进行分割,如图5-172所示。按Shift+Ctrl+G快捷键取消编组。选择选择工具,单击多余的图形,按Delete键删除,如图5-173所示。

图5-172

图5-173

06 按Ctrl+A快捷键全选。选择形状生成器工具,将鼠标指针移动到图形上,鼠标指针变为状时,如图5-174所示,向临近的图形拖曳,将图形合并,如图5-175所示。合并出另外两个图形,如图5-176和图5-177所示。

图5-174

图5-175

图5-176

图5-177

按住Alt键(鼠标指针会变为状)单击边缘,可删除边缘。按住Alt键单击一个图形(也可是多个图形的重叠区域),则可删除图形。

07 分别选取这3个图形,设置颜色为从深红色到浅红色,如图5-178~图5-180所示。

图5-178

图5-179

图5-180

08 单击深红色图形,如图5-181所示。单击工具栏中的内部绘图按钮(参考此处),如图5-182所示。使用矩形工具创建一个矩形,它会位于红色图形内部。单击工具栏中的渐变按钮,为它填充渐变,如图5-183所示。

图5-181

图5-182

图5-183

09 选择渐变工具,拖曳鼠标,调整渐变方向,如图5-184所示。在“透明度”面板中设置混合模式为“正片叠底”,使其成为图形上的阴影,如图5-185所示。单击正常绘图按钮,结束编辑。

图5-184

图5-185

10 采用同样的方法,在另外两个图形内部创建矩形,之后填充渐变并调整混合模式,制作阴影效果,如图5-186和图5-187所示。

图5-186

图5-187

11 选择直线段工具,绘制一段直线,设置颜色为白色,并调整宽度,如图5-188所示。设置混合模式为“叠加”,在图形边缘创建高光效果,如图5-189和图5-190所示。采用同样的方法,在另外两个侧面上也绘制高光效果,如图5-191所示。

图5-188

图5-189

图5-190

图5-191

技术看板 矛盾空间图形

矛盾空间是创作者刻意违背透视原理,利用平面的局限性及错视凭空制造出来的空间。由于这种空间存在着不合理性,但又不容易找到矛盾所在,所以会引发人们的遐想。而在矛盾空间中出现的同视觉空间毫不相干的矛盾图形,则称为矛盾空间图形。

共用面

矛盾连接

边洛斯三角形

《相对性》——埃舍尔作品

形状生成器工具选项

双击形状生成器工具,可以打开“形状生成器工具选项”对话框,如图5-192所示。

图5-192

  • 间隙检测/间隙长度:勾选“间隙检测”选项后,可以在“间隙长度”下拉列表设置间隙长度,包括小(3点)、中(6点)和大(12点)。如果想要定义精确的间隙长度,可选择该下拉列表中的“自定义”选项,然后设置间隙数值,此后Illustrator会查找仅接近指定间隙长度值的间隙,因此应确保间隙长度值与实际间隙长度接近(大概接近)。例如,如果设置间隙长度为12点,然而需要合并的形状包含了3点的间隙,则Illustrator可能无法检测此间隙。

  • 将开放的填色路径视为闭合:为开放的路径创建一个不可见的边缘以封闭图形,单击图形内部时,会创建一个形状。

  • 在合并模式中单击“描边分割路径”:在进行合并图形操作时,单击描边可分割路径。在拆分路径时,鼠标指针会变为状。

  • 拾色来源/光标色板预览:在“拾色来源”选项的下拉列表中选择“颜色色板”选项,可以从颜色色板中选择颜色来给对象上色,此时可勾选“光标色板预览”选项,预览和选择颜色,Illustrator会提供实时上色风格鼠标指针色板,它允许使用方向键循环选择色板面板中的颜色。选择“图稿”选项,则从当前图稿所用的颜色中选择颜色。

  • 填充:勾选该选项后,当鼠标指针位于可合并的路径上方时,路径区域会以灰色突出显示。

  • 可编辑时突出显示描边/颜色:勾选“可编辑时突出显示描边”选项后,当鼠标指针位于图形上方时,Illustrator会突出显示可编辑的描边。在“颜色”选项中可以修改显示颜色。

  • 重置:单击该按钮,可以恢复为Illustrator默认的参数设置。

5.3.3 “路径查找器”面板

学习完复合路径和形状生成器工具,我们便掌握了挖孔、组合和删除图形的方法。在Illustrator中,图形还可用“路径查找器”面板,以其他方式和方法组合,如图5-193所示。

图5-193

  • 联集将选中的多个图形合并为一个图形。合并后,轮廓线及其重叠的部分融合在一起,最前面对象的颜色决定了合并后的对象的颜色,如图5-194和图5-195所示。

图5-194

图5-195

  • 减去顶层用最后面的图形减去它前面的所有图形,可保留后面图形的填色和描边,如图5-196和图5-197所示。

图5-196

图5-197

  • 交集只保留图形的重叠部分,删除其他部分。重叠处显示为最前面图形的填色和描边,如图5-198和图5-199所示。

图5-198

图5-199

  • 差集只保留图形的非重叠部分,重叠部分被挖空,最终的图形显示为最前面图形的填色和描边,如图5-200和图5-201所示。

图5-200

图5-201

  • 分割对图形的重叠区域进行分割,并使之成为单独的图形。分割后的图形可保留原图形的填色和描边,且被自动编组。图5-202所示为在图形上创建的多条路径,图5-203所示为对图形进行分割后填充不同颜色的效果。

图5-202

图5-203

  • 修边将后面图形与前面图形重叠的部分删除,保留对象的填色,无描边,如图5-204和图5-205所示。

图5-204

图5-205

  • 合并不同颜色的图形合并后,最前面的图形保持形状不变,与后面图形重叠的部分被删除。图5-206所示为原图形,图5-207所示为合并后将图形移动开的效果。

图5-206

图5-207

  • 裁剪只保留图形的重叠部分,最终的图形无描边,并显示为最后面图形的颜色,如图5-208和图5-209所示。

图5-208

图5-209

  • 轮廓只保留图形的轮廓,轮廓的颜色为它自身的填色,如图5-210和图5-211所示。

图5-210

图5-211

  • 减去后方对象用最前面的图形减去它后面的所有图形,保留最前面图形的非重叠部分及描边和填色,如图5-212和图5-213所示。

图5-212

图5-213

技术看板 路径查找器选项

执行“路径查找器”面板菜单中的“路径查找器选项”命令,可以打开“路径查找器选项”对话框。

  • 精度:可以影响“路径查找器”效果计算对象路径时的精确程度。计算越精确,图形越准确,但生成结果路径所需的时间就越长。

  • 删除冗余点:删除不必要的锚点。

  • 分割和轮廓将删除未上色图稿:单击“分割”或“轮廓”按钮时删除所选图稿中所有未填充的对象。

5.3.4 实战:光盘盘面设计

下面使用绘图工具和“路径查找器”面板,为光盘设计封面。


01 按Ctrl+O快捷键,打开素材,如图5-214所示,这是一个光盘模板文件,图片用4个圆形参考线概括出光盘的结构。

图5-214

02 单击“图层”面板底部的按钮,新建“图层2”。选择椭圆工具,根据参考线的位置,按住Shift键创建3个圆形,分别填充浅黄色、蓝色和白色,如图5-215所示。

图5-215

03 按Ctrl+A快捷键全选。单击“路径查找器”面板中的按钮,如图5-216所示,分割图形。选择直接选择工具,单击最小的白色圆形,如图5-217所示,按Delete键删除。

图5-216

图5-217

04 选取蓝色圆形,按Ctrl+C快捷键复制,在空白区域单击,之后按Ctrl+V快捷键粘贴。使用矩形工具在圆形上绘制一个矩形,如图5-218所示。选取这两个图形,单击“路径查找器”面板中的按钮,制作出一个半圆形,如图5-219所示。

图5-218

图5-219

05 用钢笔工具绘制图5-220所示的4个图形。用选择工具将它们与半圆形一同选取,单击“路径查找器”面板中的按钮进行相减,做出刘海,如图5-221所示。为图形填充红色,放在光盘上方。

图5-220

图5-221

06 用钢笔工具绘制眼睛,如图5-222所示;再画出黑色的眼珠,使用椭圆工具在眼珠上绘制白色的高光,在光盘左下方绘制一个红脸蛋,如图5-223所示。

图5-222

图5-223

07 选取组成眼睛和红脸蛋的图形,如图5-224所示,按Ctrl+G快捷键编组。双击镜像工具,打开“镜像”对话框,选择“垂直”选项,如图5-225所示,单击“复制”按钮,复制图形并做镜像处理,如图5-226所示。按住Shift键将图形向右侧拖动,如图5-227所示。

图5-224

图5-225

图5-226

图5-227

08 使用多边形工具绘制一个六边形,如图5-228所示。执行“效果>扭曲和变换>收缩和膨胀”命令,设置参数为62%,如图5-229所示,制作成花瓣效果。在它中间绘制一个白色的圆形,如图5-230所示。将花朵放在光盘盘面右侧。用钢笔工具绘制出嘴巴和汗珠图形,根据光盘盘面形状设计的卡通人物就完成了,如图5-231所示。

图5-228

图5-229

图5-230

图5-231

5.3.5 实战:制作咖啡标签(复合形状)

要点

在前面,我们使用“路径查找器”面板组合对象时,给原始图形造成了永久性的改变。如果按住Alt单击形状模式按钮(即第一排按钮),则会创建复合形状。复合形状中的原始图形在任何时候都可以被释放出来。因此,这是一种非破坏性的编辑方法。如果以后还想使用原始图形,可以用这种方法来处理。


创建复合形状时,它会采用底层对象的填色和透明度属性。我们可以用直接选择工具或编组选择工具选取各个对象,按住Alt单击“形状模式”选项组的按钮,修改形状模式;也可改变填色、样式或透明度属性,或者通过编辑锚点,修改对象的形状。

01 打开素材,如图5-232所示。选择选择工具,按住Shift键单击咖啡杯和下方的绿色标签,将它们选取,如图5-233所示。按住Alt键单击“路径查找器”面板中的按钮,创建复合形状,如图5-234所示。在“图层”面板中,复合形状以组形式存在,名称为“复合形状”,如图5-235所示。

图5-232

图5-233

图5-234

图5-235

02 选择编组选择工具,在咖啡杯上单击,将其选取,如图5-236所示。按住Alt键单击“路径查找器”面板中的按钮,即可修改所选图形的形状模式,如图5-237所示。

图5-236

图5-237

03 使用选择工具选取复合形状,如图5-238所示。如果想将它们创建为永久性的图形,可以单击“路径查找器”面板中的“扩展”按钮,删除多余的路径。如果想释放复合形状,即将原有图形分离出来,可以打开“路径查找器”面板菜单,选择“释放复合形状”命令,如图5-239所示。其中的各个对象可以恢复为创建前的填充内容和样式。

图5-238

图5-239

提示

图形、路径、编组对象、混合、文本、封套扭曲对象、变形对象、复合路径、其他复合形状等都可以用来创建复合形状。由于要保留原始图形,复合形状要比复合路径生成的文件大,并且在显示包含复合形状的文件时,计算机要一层一层地从原始对象读到现有的结果,屏幕的刷新速度会变慢。如果制作简单的挖空效果,最好用复合路径。

5.3.6 Shaper工具

绘图

与其他工具相比,Shaper工具显得很特别,因为它有“灵性”——能识别我们的手势,并根据手势生成实时形状。例如,我们画一个歪歪扭扭的方框,它会“善解人意”地将其变成规规矩矩的正方形,如图5-240所示。此外,矩形、圆形、椭圆、三角形、多边形和直线,也都能用它轻松地绘制出来。这样我们便省了不少事,不用再切换其他工具了。

图5-240

组合形状

Shaper工具绘制出的是实时形状,即可编辑的图形。而且当多个图形堆积在一起时,还能通过4种方法来进行组合或分割,如图5-241所示(黑色折线代表鼠标运行轨迹)。

图5-241

提示

“手势”即我们在多点触控设备上点按、拖曳和滑动操作,或者使用鼠标时的运行轨迹。如果使用数位板绘图,则是指压感笔的运行轨迹。

编辑Shaper组中的形状

当对多个图形进行组合以后,它们便成为一个Shaper组。选择Shaper工具,单击Shaper组时,会显示定界框及箭头构件,如图5-242所示;单击其中的一个形状,则会进入表面选择模式,如图5-243所示,此时可修改填充颜色,如图5-244所示。

图5-242

图5-243

图5-244

双击一个形状(或单击定界框上的图标),则会进入构建模式,如图5-245所示。此时可对形状进行修改。例如,调整图形大小或进行旋转,如图5-246所示。如果将该形状拖出定界框外,则会将它从Shaper组中释放出来,如图5-247所示。

图5-245

图5-246

图5-247

5.3.7 实战:制作扁平化图标

高光、阴影、渐变、浮雕等是营造立体感和质感的要素。扁平化则完全抛弃这些要素,通过抽象、简化的设计,让信息以更加简单的方式展示出来。自从在苹果操作系统中应用以来,扁平化风靡全球。下面,我们使用绘图工具和Shaper工具制作一个扁平化图标,如图5-248所示。


图5-248

01 创建一个A4纸大小、横向的RGB模式文件。使用矩形工具创建一个与画板大小相同的矩形并将其锁定,如图5-249和图5-250所示。

图5-249

图5-250

02 单击按钮,创建一个图层,如图5-251所示。使用Shaper工具绘制两个圆形,如图5-252所示。

图5-251

图5-252

03 在图5-253所示的位置以折线的形式拖曳鼠标,分割出一个月牙图形,如图5-254所示。取消描边,如图5-255所示。

图5-253

图5-254

图5-255

04 使用Shaper工具绘制三角形山峰并填充渐变,如图5-256~图5-259所示。

图5-256

图5-257

图5-258

图5-259

05 绘制一个矩形,按Shift+Ctrl+[快捷键移至底层。为它填充渐变颜色,如图5-260和图5-261所示。

图5-260

图5-261

06 绘制一个圆形,设置描边颜色为白色并调整粗细,如图5-262和图5-263所示。

图5-262

图5-263

07 按Ctrl+C快捷键复制圆形。按Ctrl+A快捷键全选,按Ctrl+7快捷键创建剪切蒙版,将圆形之外的图形隐藏,如图5-264所示。单击“图层1”,如图5-265所示,按Ctrl+F快捷键,将圆形粘贴到该图层中,使之位于剪切蒙版的下方,如图5-266和图5-267所示。

图5-264

图5-265

图5-266

图5-267

08 使用钢笔工具绘制阴影并填充渐变颜色,按Ctrl+[快捷键,将其调整到圆形下方,如图5-268和图5-269所示。

图5-268

图5-269

09 单击按钮创建图层。将其拖曳到“图层2”上方,如图5-270所示。使用星形工具创建几颗小星星。也可以添加其他图形素材,如狮子、大象、小鹿等来丰富画面,如图5-271所示。

图5-270

图5-271