Illustrator教程

关注公众号 jb51net

关闭
平面设计 > Illustrator教程 >

Illustrator(AI)利用渐变网格工具模仿绘制精致逼真的具有3D效果的黄蜂实例教程

脚本之家

今天我们来练习下Illustrator的网格填充!很多人都看过AI网格填充的作品,效果精致、逼真,看起来跟3D的效果相似,但是比3D的更柔和细腻。只是做起来比较麻烦!不过~其实真正用到的AI中的工具并不多!只是步骤比较繁复,颜色需要一个个节点去调节!做这样的东西完全是体力活!今天我们用Illustrator的网格填充来做个黄蜂,全当练手吧! 


完成效果图


渐变网格骨架图

  1.先讲一下基本上要用的工具及操作面板!①钢笔工具、②选择工具、③直接选择工具、④添加描点工具、⑤渐变工具、⑥网络工具、⑦颜色面板、⑧拾色器等。大致就是这些工具、面板。

  2.好,开始操作吧!黄蜂的身体构造是一节一节的,头部,胸部,腹部,触角,节肢,翅膀,大致有这些部分组成,所以我们在做的时候也可以按照他身体各环节去分开着做,完成各部分后再组合到一起就可以了,这样会比整个的做要来得有条理,也省事,首先用钢笔工具,将黄蜂的头部轮廓描绘出来。(图1)


图1

  3.在画好的头部路径中填充颜色,颜色大致为R:190  G:110  B:40左右,完成后取消边框色,选择工具条上的网络工具在如(图2)的白圈位置处点击一下,这样AI便会根据所操作的图形的轮廓来自动生成一个网格路径。


图2

  不要更换工具,直接用网络工具,按住CTRL去调节网格路径上的节点位置以及手柄的走向,使其符合黄蜂头部阴影的走向。(图3)


图3

  依照上述步骤的原理,再在头部轮廓的各需要有颜色阴影变化的位置设置上网格节点,并且大致调节各节点手柄的位置及走向(图4)。


图4

  4.黄蜂头部是立体的,得用颜色明暗深浅的差异来表现出头部的立体,也就是说,不论它本身颜色的深浅,还是由于头部的立体感所造成的阴影,都是靠网格各节点颜色的变化来实现的!至于颜色的走向,条理,那就是通过调节节点上的手柄的走向来控制,但是节点一多的话,控制颜色的时候就比较乱,所以,尽量少加点,但是还是要看实际情况,或者说,节点的多少并无大碍,关键是要熟悉它的原理,才能去很好的控制。


图5

  填充完成后如图6。填色方面注意一下,例如说,你需要某个节点处的颜色较别的区域来得深,那就用直接选择工具,或者用网络工具按住CTRL也可以,选中节点后在拾色器中去调出你所需要的颜色!可能一次调不准的话可以在保持选中所选节点的状态下再次打开拾色器来重新调节。并且,需要同时选中多个节点来调节成相同颜色的时候,可以按住SHIFT来选择所需要的多个节点再打开拾色器来调节颜色!


图6

  5.加完深色的节点后,加浅色节点,原理跟加深色的时候是一样的!并不难,只是需要大量耐心去一个个点的调,需要花很大的工夫,在加完浅色后,再对所有深浅色节点做个系统的调整,还提一下,如果浅色节点轴跟深色节点轴相距的位置太接近的话会看起来颜色过度比较生硬,如果需要他们看起来过度柔和的话,只需要将深浅节点之间的间歇拉大就可以了!(图7)取消选取后如(图8)


图7


图8

  6.头部大致先这样放着,等一会完成其他的不见后再做一起调整,现在做眼睛部分,可以在图层面版中新建一个层,并且把刚才做的那个头部的图层先锁定,然后在新图层上同样用钢笔工具先勾画出黄蜂眼睛部分的轮廓,及其头顶上晶体物质的轮廓(图9)选中所有眼睛部分的轮廓,打开拾色器,将颜色设置为R:65  G:45  B:55左右填充轮廓,完成填充后取消路径颜色(图10)。


图9


图10
7.按照之前对头部分填充的原理,对眼睛部分也进行网格填充,在设置网格节点路径的时候尽量按照眼睛轮廓走向去做,填充的时候尽量突显出眼睛的圆滑光润(图11)取消选取后(图12)完成后,再将头部的阴影明暗结合眼睛的部分来进行节点节柄的稍微调节(图13)