当前位置:首页 >教程首页 > illustrator >AI中使用渐变网格工具的技巧

AI中使用渐变网格工具的技巧

发布时间:2018-11-17 19:57:24

 

 

导言:

在Adobe Illustrator中,最让人惊叹和最让人困惑的工具之一可能就是渐变网格工具了。使用这个工具可以使几乎任何一个形状都能转换成网格的形式。2条线(水平/垂直)的每一个交叉点可以填纯色。并且这篇教程比起其它的教程来,它的差异在于能够帮助你更好地使用网格工具。

 

在本教程中,我们将教你运用一些技巧,使你能够更好地使用网格工具。我们还会教你一个不错的工作流程,使你能够运用这个工具得到出色的作品。我们先来看看带网格靴子文件里创建的图层。好了,让我们开始吧!

 

我要谢谢Itai Lustgarten,和我一起编写本教程。Itai是一位资深的CG,设计师和讲师。我们1990年入行,在培训学院和以色列的几个专科院校里教授Illustrator、Photoshop和印前技术。

 

教程细节

软件:Illustrator

难度:初级

完成时间:1个小时

 

步骤1

创建基本的网格:选择一个形状后(非复合形状),从对象菜单中选择创建渐变网格。然后在创建渐变网格窗口中,你可以定义网格的构成-行数和列数。注意:网格线是依据形状的原外观轮廓生成的。

 

图01 

 

步骤2

添加网格点的另一个方法是使用网格工具,然后在形状的任一位置上点击。(图02)

 

图02 

 

步骤3

给网格上色:形状转换成网格对象后,你可以使用3种工具选择网格点:网格工具,直接选择工具,套索工具。选中一个网格点后,然后从色板调板里选择一个颜色上色。或者使用吸管工具吸取图片上的颜色。(图03)

 

图03#p#e#

 

步骤4

移动网格点:如果你要移动网格点,那么选择网格工具或者直接选择工具,然后点中网格点,并且拖拽(按住Shift键将使拖拽的网格点水平或垂直平移)。(图04)

 

图04 

 

步骤5

形状网格:为了得到最佳的网格效果,一种方法就是使用对称的形状,因为形状每一条边上的网格点的数目是相等的。但是当我们要绘制复杂的形状时,就会产生问题。下图是非对称形状和对称形状的效果图。解决的方案有2个。第1个是绘制一个矩形或者一个椭圆,把它们转换成网格对象,然后把它们变形扭曲成我们想要的形状。第2个解决方案是再另外绘制一个对称的形状,不对称的形状在另一个对称的形状的上面。(译者注:我略说一下第2个方案的操作步骤:1、对称的形状转换成网格对象;2、不对称的形状在对称形状的上层(图层堆栈顺序);3、选中这2个形状,然后执行剪切蒙版命令。这个方案是利用网格线生成的特性来做一个变相的调整。)(图05)

 

图05 

 

步骤6

置入图片:这里下载军靴图片。当要把图片置入系统时,最好就是以模板的形式置入,模板图层不使用变暗图像。(译者注:文件“菜单->置入”,置入时选中“模板”。然后双击模板图层,把“变暗图像”前的勾去掉。)(图06)

 

图06#p#e#

 

步骤7

预览和轮廓:在做图的时候必须要在预览和轮廓视图里来回地切换。当要创建网格时,80%的情况下都要切到轮廓视图下。下图是轮廓视图下靴子的成品图。(图07)

 

图07 

 

步骤8

创建过程:把图片分成几个层是很重要的。你可以把鞋带、鞋底和其他的一些单独放在一个图层上。我们先从鞋底开始创建,双击"图层1",并且把它重命名为“鞋底”。(图08)

 

 

图08 

 

1)在鞋底的左边绘制一个矩形(把视图模式改为轮廓)。(译者注:为了能看清模板图层上的靴子,我们只要把鞋底图层的视图模式改为轮廓。按Ctrl键+点鞋底图层前的眼睛。如果要切换回预览模式,操作也是一样的。)(图09)

 

图09 

 

2)使用网格工具(U),在原矩形4个锚点中的任一一个锚点上点一下。这将把矩形转为网格对象,并且不增加任何无用的网格线。(图10)

 

图10#p#e#

 

3)使用网格工具,把矩形右面的2个锚点移到鞋底右边。然后用锚点上的控制手柄微调下形状,使它和鞋底的形状相匹配。(图11)

 

图11

 

4)注意颜色的过渡,你在网格中添加的任何一条水平/垂直线,颜色都是在这2个网格点间过渡。使用网格工具(U),在底部的网格线上点击,然后就添加了一条垂直的网格线。把新添的网格点向下拖拉,使它适合鞋底的外形轮廓。新添的上面的网格点也相同的操作。(图12)

 

图12 

 

5)继续调整到我们想要的形状。在网格底部的水平网格线上继续添加网格点,使网格完全匹配鞋底形状。(图13)

 

图13 

 

6)添加好网格点后,现在使用吸管工具吸取原图片的颜色给网格上色。选择每1个网格点,然后使用吸管工具(i)吸取原图片的颜色给网格点上色(使用吸管工具的时候把模式切到轮廓视图)。(图14)

 

图14#p#e#

 

7)仔细看颜色之间的转换。先看下颜色和颜色之间的差异,然后再给网格点上色。(图15)

 

图15

 

8)看下水平网格线,然后沿着颜色转换的形状来移动网格点。(图16)

 

图16

 

9)这一步我们先暂停下,先来看下颜色的过渡。不管你使用什么样的颜色过渡,这儿你都需要添加更多的网格点-所以在做颜色过渡时,建议在轮廓模式和预览模式之间来回切换。(图17)

 

图17

 

刚才做的所有的一切只是为了给网格点上色。当你完成前面的步骤后,新建1个图层,再做另一个网格形状。下图是鞋头和鞋底的特写。(图18)

 

图18

 

尾声:

创建网格的时候,耐心很重要,有了足够的耐心,你才能绘制出完美的作品。还有要记得一点,在创建网格的时候,最好就是建立对称的形状。最后的设计稿在这里下载。有兴趣的话,自己多做些技术练习。

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答

微信扫码入群领福利

扫码领福利最新AI资讯

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定