您当前的位置:首页 > 平面设计 > illustrator
| PS | coreldraw | 素描 | lightroom | comicstudio | UI设计 | illustrator |

自学教程:使用Illustrator渐变网格打造旧皮靴教程

51自学网 2022-11-27 20:21:28
  illustrator
这篇教程使用Illustrator渐变网格打造旧皮靴教程写得很实用,希望能帮到您。

         在Adobe Illustrator软件中,渐变网格工具是最让人惊叹和最让人困惑的工具之一。

在Adobe Illustrator软件中,渐变网格工具是最让人惊叹和最让人困惑的工具之一。使用这个工具可以使几乎任何形状都转换成网格的形式,2条线(水平/垂直)的每一个交叉点可以填纯色,特别方便打造矢量效果的立体光影。

  今天是父亲节,本文中我们利用Illustrator的渐变网格工具画一只老爸的旧皮靴,大家会看到一些网格工具的应用技巧,以及一个不错的工作流程,使你能够充分运用这个工具画出精致的作品。原文来自:tutsplus.com

Illustrator渐变网格打造老爸的旧皮靴_天极设计软件整理

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

  2、创建基本的网格

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

Illustrator渐变网格打造老爸的旧皮靴

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

Illustrator渐变网格打造老爸的旧皮靴

  4、给网格上色

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

Illustrator渐变网格打造老爸的旧皮靴

  5、移动网格点

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

Illustrator渐变网格打造老爸的旧皮靴

  6、形状网格

  为了得到最佳的网格效果,一种方法就是使用对称的形状,因为形状每一条边上的网格点的数目是相等的。但是当我们要绘制复杂的形状时,就会产生问题。下图是非对称形状和对称形状的效果图。

  解决的方案有2个。第1个是绘制一个矩形或者一个椭圆,把它们转换成网格对象,然后把它们变形扭曲成我们想要的形状。第2个解决方案是再另外绘制一个对称的形状,不对称的形状在另一个对称的形状的上面。

  译者注:我略说一下第2个方案的操作步骤:

  1、对称的形状转换成网格对象;

  2、不对称的形状在对称形状的上层(图层堆栈顺序);

  3、选中这2个形状,然后执行剪切蒙版命令。

  这个方案是利用网格线生成的特性来做一个变相的调整。

Illustrator渐变网格打造老爸的旧皮靴7、置入图片

  下载靴子图片。当要把图片置入系统时,最好就是以模板的形式置入,模板图层不使用变暗图像。

  译者注:文件菜单-置入,置入时选中“模板”。然后双击模板图层,把“变暗图像”前的勾去掉。

Illustrator渐变网格打造老爸的旧皮靴

  8、预览和轮廓

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

  9、创建过程

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

Illustrator渐变网格打造老爸的旧皮靴

  1、在鞋底的左边绘制一个矩形(把视图模式改为轮廓)。

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

Illustrator渐变网格打造老爸的旧皮靴

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

Illustrator渐变网格打造老爸的旧皮靴

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

Illustrator渐变网格打造老爸的旧皮靴

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

Illustrator渐变网格打造老爸的旧皮靴

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

Illustrator渐变网格打造老爸的旧皮靴

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

Illustrator渐变网格打造老爸的旧皮靴

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

Illustrator渐变网格打造老爸的旧皮靴

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

Illustrator渐变网格打造老爸的旧皮靴

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

Illustrator渐变网格打造老爸的旧皮靴

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

Illustrator渐变网格打造老爸的旧皮靴

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

  6、形状网格

  为了得到最佳的网格效果,一种方法就是使用对称的形状,因为形状每一条边上的网格点的数目是相等的。但是当我们要绘制复杂的形状时,就会产生问题。下图是非对称形状和对称形状的效果图。

  解决的方案有2个。第1个是绘制一个矩形或者一个椭圆,把它们转换成网格对象,然后把它们变形扭曲成我们想要的形状。第2个解决方案是再另外绘制一个对称的形状,不对称的形状在另一个对称的形状的上面。

  译者注:我略说一下第2个方案的操作步骤:

  1、对称的形状转换成网格对象;

  2、不对称的形状在对称形状的上层(图层堆栈顺序);

  3、选中这2个形状,然后执行剪切蒙版命令。

  这个方案是利用网格线生成的特性来做一个变相的调整。

Illustrator渐变网格打造老爸的旧皮靴7、置入图片

  下载靴子图片。当要把图片置入系统时,最好就是以模板的形式置入,模板图层不使用变暗图像。

  译者注:文件菜单-置入,置入时选中“模板”。然后双击模板图层,把“变暗图像”前的勾去掉。

Illustrator渐变网格打造老爸的旧皮靴

  8、预览和轮廓

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

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

Illustrator渐变网格打造老爸的旧皮靴

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

Illustrator渐变网格打造老爸的旧皮靴

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

Illustrator渐变网格打造老爸的旧皮靴

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

Illustrator渐变网格打造老爸的旧皮靴

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


Illustrator绘画可爱的美羊羊
Illustrator绘制矢量桃心图案教程
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1