Illustrator教程

如果想绘制透视效果的场景和对象,但又把握不好透视关系,那么透视网格可以帮上大忙。在透视网格上绘图,能轻松表现透视效果,而且非常自然、真实。

AI技术/设计讲堂:透视网格种类/调整方法

透视网格和平面切换构件

选择透视网格工具后,画板上会显示两点透视网格,如图8-167所示。在“视图>透视网格”子菜单中,还可以选择一点和三点透视网格,如图8-168和图8-169所示。

图8-167

图8-168

图8-169

透视网格左上角有一个状图标,如图8-170所示。它是平面切换构件。这个小立方体有3个面,单击其中的一个面(也可按1、2、3键切换),之后便可在与其对应的透视平面上绘图,或者将对象引入这一平面。如果要调整平面切换构件位置,例如放到画板下方,可以双击透视网格工具,在打开的对话框中设置。

图8-170

修改透视网格

选择透视网格工具,将鼠标指针移动到透视网格的构件上,进行拖曳,可以移动网格,调整消失点、网格平面、水平高度、网格单元格大小和网格范围,如图8-171所示。移动消失点前,执行“视图>透视网格>锁定站点”命令,锁定站点,再进行移动,则左右两个消失点会一同移动。调整左侧、右侧和水平网格平面时,按住Shift键操作,可以将移动限制在单元格大小范围内。

图8-171

调整透视网格时,鼠标指针在各个控件上会显示不同的状态。在消失点上方会变为状;在水平线上方会变为状;在网格平面控件上方会变为状和状;在网格范围构件上方会变为状;在网格单元格大小构件上方会变为状。

8.5.1 实战:制作立体包装盒

显示透视网格后,可以在它的各个平面上直接绘图(不支持光晕工具),也可以将现有对象置入透视网格中。处于透视网格中的对象,可以复制和变换(移动、缩放、旋转、扭曲等)。


01 按Ctrl+N快捷键,选取预设选项,创建一个A4大小的文档。执行“视图>透视网格>显示网格”命令,显示透视网格,如图8-172所示。

图8-172

02 选择透视选区工具,拖曳网格上的控件,调整网格,如图8-173所示。

图8-173

03 打开素材,如图8-174所示。这是一个包装盒的平面图。使用选择工具选取包装盒的正、侧面图稿,拖入新建的文档中。

图8-174

04 选取侧面图稿,如图8-175所示。将鼠标指针放在定界框外,按住Shift键拖曳,对图稿进行旋转,如图8-176所示。选择选择工具,按住Alt键拖曳,复制出一份图稿,如图8-177所示。

图8-175

图8-176

图8-177

05 选择透视选区工具,单击平面切换构件中的右侧网格平面,如图8-178所示。单击包装盒正面图稿,选取之后,将它拖曳到网格上,如图8-179所示。

图8-178

图8-179

06 单击左侧网格平面,如图8-180所示。将包装盒的侧面图稿拖曳到该平面上,如图8-181所示。

图8-180

图8-181

07 将鼠标指针放在左上角的控制点上,如图8-182所示。按住Shift键拖曳,将图稿等比缩小,边缘与正面图稿对齐,如图8-183所示。

图8-182

图8-183

08 单击水平网格平面,如图8-184所示。将另一个侧面图稿拖曳到水平面上。拖曳定界框上的控制点,对图稿进行拉伸,使其与正、侧方图稿对齐,如图8-185所示。

图8-184

图8-185

09 执行“视图>透视网格>隐藏网格”命令,或按Shift+Ctrl+I快捷键,隐藏透视网格。包装效果如图8-186所示。

图8-186

8.5.2 实战:在透视网格中变换对象

01 打开素材。使用透视选区工具选择窗子,如图8-187所示。拖曳鼠标,可在透视网格中移动窗子。按住Alt键拖曳鼠标,可以复制窗子,如图8-188所示。


图8-187

图8-188

提示

在透视网格中绘图,或用透视选区工具移动对象时,对象将与单元格1/4距离内的网格线对齐。执行“视图>透视网格>对齐网格”命令,可禁用(或重新启用)对齐网格功能。

02 按住Ctrl键可以显示定界框。拖曳边角的控制点,可以拉伸对象;按住Shift键可等比缩放,如图8-189所示。

图8-189

03 用变换类工具或“对象>变换”子菜单中的命令可以进行其他变换。图8-190和图8-191所示为使用旋转工具和倾斜工具编辑对象后的效果。

图8-190

图8-191

技术看板 移动平面以匹配对象

选择透视选区工具,拖曳对象时,按住5键,可以基于对象的当前位置平行移动。移动后,保持对象的被选取状态,执行“对象>透视>移动平面以匹配对象”命令,可以移动网格平面,使之匹配对象。

加入透视网格中的对象

移动并按住5键

让网格匹配对象

8.5.3 实战:在透视网格中添加文本和符号

在透视网格中不能直接创建文字和符号。要添加这些对象,可以通过下面的方法操作。


01 按Shift+Ctrl+I快捷键,显示透视网格。执行“窗口>符号库>原始”命令,打开“原始”面板。将图8-192所示的符号拖曳到画板上。

图8-192

02 按3键,切换到右侧网格平面。选择透视选区工具,单击符号,将它选取,之后拖入透视网格中。按住Shift键拖曳控制点,调整大小,如图8-193所示。

图8-193

提示

符号实例不能包含透视网格不支持的图稿类型,如图像、非本机图稿、封套、旧版文字和渐变网格等。

03 选择文字工具,在画板上单击并输入文字,如图8-194所示。选择透视选区工具,将它拖入透视网格中,如图8-195所示。

图8-194

图8-195

04 在透视网格中,文字的属性不能编辑,需要修改文字内容、字体和大小等时,可以选择透视选区工具或选择工具,单击文字,将其选取,执行“对象>透视>编辑文本”命令,这样才能让文字处于被编辑状态,如图8-196所示;之后修改就可以了。编辑完成之后,单击画板左上角的按钮。效果如图8-197所示(修改文字颜色)。

图8-196

图8-197

提示

如果已经创建了对象,可以使用“对象>透视>附加到现用平面”命令,将对象附加到透视网格的活动平面上。该命令不会影响对象的外观。

8.5.4 释放透视网格中的对象

如果要释放带透视视图的对象,可以选取对象,执行“对象>透视>通过透视释放”命令,所选对象就会从相关的透视平面中被释放出来(外观并不改变),并可作为正常图稿使用。

8.5.5 修改透视网格预设

如果Illustrator提供的预设网格不太符合需要,我们可以用“视图>透视网格>定义网格”命令,对它进行修改,如改变网格的单位、调整网格线的颜色等,如图8-198所示。

图8-198

  • 预设:修改网格设置后,如果要存储为新预设,可以在该选项的下拉列表中选择“自定”选项并单击“确定”按钮。

  • 类型:可以选择一点透视、两点透视或三点透视。

  • 单位:可以选择测量网格大小的单位,包括厘米、英寸、像素和磅。

  • 缩放:可以选择查看的网格比例,也可自己设置画板与真实世界之间的度量比例。如果要自定义比例,可以选择“自定”选项,然后在弹出的“自定缩放”对话框中设置。

  • 网格线间隔:可以设置网格单元格大小。

  • 视角:决定了观察者的左侧消失点和右侧消失点的位置。45°视角意味着两个消失点与观察者视线的距离相等。如果视角大于45°,则右侧消失点离视线近,左侧消失点离视线远,反之亦然。

  • 视距:观察者与场景之间的距离。

  • 水平高度:可以为预设指定水平高度(观察者的视线高度)。水平线离地平线的高度将会在智能引导读出器中显示。

  • 第三个消失点:选择三点透视时会启用该选项。此时可在X和Y框中为预设指定x轴和y轴坐标。

  • “网格颜色和不透明度”选项组:可以设置左侧、右侧和水平网格的颜色和不透明度。

8.5.6 存储/导出网格预设

修改透视网格预设后,可以执行“视图>透视网格>将网格存储为预设”命令,将当它存储为一个预设的网格。以后需要使用的时候,可以在“视图”菜单中找到它,如图8-199所示。

图8-199

此外,执行“编辑>透视网格预设”命令,打开“透视网格预设”对话框,将预设选取,再单击“导出”按钮,可将其保存在计算机的硬盘上。以后升级Illustrator,或者在其他人的计算机上使用Illustrator时,可以用“透视网格预设”命令加载此预设。

8.5.7 透视网格的其他设置命令

“视图>透视网格”子菜单中还有几个与透视网格有关的命令,如图8-200所示。

图8-200

  • 显示标尺:显示沿真实高度线的标尺刻度。网格线单位决定了标尺刻度。

  • 对齐网格:在透视网格中加入对象以及移动、缩放和绘制透视网格中的对象时,将对象与网格对齐。

  • 锁定网格:使用透视网格工具移动网格,以及进行其他网格编辑时,仅可以修改可见性和平面位置。

  • 锁定站点:选取该命令时,移动一个消失点时会带动其他消失点同步移动。如果未执行该命令,则此类移动操作互不影响,站点也会移动。