进入旧版 | 服务项目 | 成功案例 | 联系方式 | 过客留言 | 友情链接
   
设为首页
加入收藏
联系我们
网站首页 | 新闻资讯 | 操作系统 | 办公软件 | 网络软件 | 工具软件 | 媒体动画 | 网页制作 | 网站开发 | 程序开发 | 平面设计
Photoshop视频教程 | Word入门 | Flash入门 | JScript | VBScript | ASP | PHP | ADO | 网页特效 | 3DS MAX6.0命令 | 系统进程
您当前的位置:GOODSGY电脑学习网 -> 平面设计 -> Illustrator -> 文章内容  
Illustrator渐变网格描绘精致黄蜂

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


完成效果图www.goodsgy.com


渐变网格骨架图www.goodsgy.com

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

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


图1www.goodsgy.com

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


图2www.goodsgy.com

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


图3www.goodsgy.com

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

www.goodsgy.com


图4www.goodsgy.com

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


图5www.goodsgy.com

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

www.goodsgy.com


图6www.goodsgy.com

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


图7www.goodsgy.com


图8www.goodsgy.com

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


图9www.goodsgy.com


图10www.goodsgy.com

<--分页-->

 www.goodsgy.com

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

www.goodsgy.com

http://www.blue1000.com/upload/2006_09/060912212731241.jpg" width=500 border=0>
图11www.goodsgy.com

http://www.blue1000.com/upload/2006_09/060912212731242.jpg" width=500 border=0>
图12www.goodsgy.com

http://www.blue1000.com/upload/2006_09/060912212731243.jpg" width=500 border=0>
图13www.goodsgy.com

  8.在眼睛图层的上方再建一个层,用钢笔工具将黄蜂的触角勾勒出来,勾勒的时候注意,为了方便到时候颜色的填充,所以两根触角分别分为单独的节来勾勒会比较好(图14)完成后用比头部颜色稍深的褐色对四段触角分别填色,填的时候可以有稍微的颜色差异!(图15)www.goodsgy.com

http://www.blue1000.com/upload/2006_09/060912212731244.jpg" width=500 border=0>
图14www.goodsgy.com

http://www.blue1000.com/upload/2006_09/060912212731245.jpg" width=500 border=0>
图15www.goodsgy.com

  9.对触须部分的上色原理与之前的原理都差不多,只是因为每一节的颜色都差不多,所以在填完一节的颜色后,其他几节的颜色就不必每次都去打开拾色器调节了,只要将要改变颜色的节点选中后,再选择吸管工具,点击之前填好颜色的那节的部分,就能改变你所选的那几个节点的颜色了(图16)。

http://www.blue1000.com/upload/2006_09/060912212731246.jpg" width=500 border=0>
图16www.goodsgy.com

  取消选择(图17) www.goodsgy.com

http://www.blue1000.com/upload/2006_09/060912212731247.jpg" width=500 border=0>
图17www.goodsgy.com

  接着就依次类推完成所有的触角填色(图18)。 www.goodsgy.com

http://www.blue1000.com/upload/2006_09/060912212731248.jpg" width=500 border=0>
图18www.goodsgy.com

<--分页-->

 www.goodsgy.com

  完成所有触角的填色后,再对最初做的头部的填色做稍微调整,主要是调整触角与头部接合部分的颜色,让他们看起来结合得更自然(图19) www.goodsgy.com

www.goodsgy.com

http://www.blue1000.com/upload/2006_09/060912212733121.jpg" width=500 border=0>
图19www.goodsgy.com

  10.头部暂时告个段落,接着在头部图层的下面新建一个图层,依然用钢笔工具,勾勒出大致的黄蜂胸部的轮廓(图20)上色的过程就不重复说了!所有的原理都是跟上面讲的内容差不多的!关键是有耐心,慢慢的调节(图21)(图22) www.goodsgy.com

http://www.blue1000.com/upload/2006_09/060912212733122.jpg" width=500 border=0>
图20www.goodsgy.com

http://www.blue1000.com/upload/2006_09/060912212733123.jpg" width=500 border=0>
图21www.goodsgy.com

http://www.blue1000.com/upload/2006_09/060912212733124.jpg" width=500 border=0>
图22www.goodsgy.com

  11.完成胸部的大概填充后,可以再在胸部图层的上面新建一个图层来做黄蜂身上花纹的填充,如(图23)取消选取后如(图24),完成再调整蜜蜂身体处的阴影,使其与上层的花纹相融合(图25)。www.goodsgy.com

http://www.blue1000.com/upload/2006_09/060912212733125.jpg" width=500 border=0>
图23www.goodsgy.com

http://www.blue1000.com/upload/2006_09/060912212733126.jpg" width=500 border=0>
图24www.goodsgy.com

http://www.blue1000.com/upload/2006_09/060912212733127.jpg" width=500 border=0>
图25www.goodsgy.com

<--分页-->

 www.goodsgy.com

  12.接下来做黄蜂腹部,在胸部图层的上面新建一个图层,因为黄蜂腹部跟它的触角一样也是一节一节的,所以在勾画腹部的时候同样跟勾画触角时一样,分成多节来勾画(图26)完成后对起各环节填色,填的时候注意每节身体颜色的明暗变换,以及光泽!(图27)完成后如(图28) www.goodsgy.com

www.goodsgy.com

http://www.blue1000.com/upload/2006_09/060912212774073.jpg" width=500 border=0>
图26www.goodsgy.com

http://www.blue1000.com/upload/2006_09/060912212774074.jpg" width=500 border=0>
图27www.goodsgy.com

http://www.blue1000.com/upload/2006_09/060912212774075.jpg" width=500 border=0>
图28www.goodsgy.com

  13.接着该做三对足了,在腹部图层的下面新建一个层,还是跟上面的方法一致,分成一节节勾画出轮廓,(图29)再分别对每足进行上色(图30),在填色的时候要注意最后的那一节,就是跟身体连接的那个地方!颜色要掌握好! www.goodsgy.com

http://www.blue1000.com/upload/2006_09/060912212774076.jpg" width=500 border=0>
图29www.goodsgy.com

http://www.blue1000.com/upload/2006_09/060912212774077.jpg" width=500 border=0>
图30www.goodsgy.com

  14.OK,现在身体部分已经基本出现了,那就先把身体放下一边,现在可以做翅膀了!方法很死,没有多少变化,都是大同小异,在图层面板的顶端新建一个图层,用来做翅膀部分。先勾画翅膀轮廓(图31)画的时候同样是分块画,两对翅膀就分成四片来画,画完大轮廓后要把翅膀上的经络也画出来,可以先在翅膀图层上面新建一个层再做,画经络的时候可以用单线条画,画完后将这些单线条分别转换成外框路径再作细致调整就可以了,还有就是画的时候也要注意分节来画!便于到时候的填充(图32) www.goodsgy.com

http://www.blue1000.com/upload/2006_09/060912212774078.jpg" width=500 border=0>
图31www.goodsgy.com

http://www.blue1000.com/upload/2006_09/060912212774079.jpg" width=500 border=0>
图32www.goodsgy.com

  15.填充时注意翅膀本身颜色的变化,要顺着翅膀上经络的走向(图33),并且在填充经络时要注意各块路径之间的颜色衔接(图34) www.goodsgy.com

http://www.blue1000.com/upload/2006_09/0609122127740710.jpg" width=500 border=0>
图33www.goodsgy.com

http://www.blue1000.com/upload/2006_09/0609122127740711.jpg" width=500 border=0>
图34www.goodsgy.com

  16.下面在图层面板的最上层新建一个图层,用来做翅膀与身体衔接的部分,同样用钢笔先勾画出形状(图35),填充时的一些网格可以稍微有规则的上下扯动下,这样再用不同颜色填充后能看上去有毛茸茸的效果(图36)取消填充后(图37) www.goodsgy.com

http://www.blue1000.com/upload/2006_09/0609122127740712.jpg" width=500 border=0>
图35www.goodsgy.com

http://www.blue1000.com/upload/2006_09/0609122127740713.jpg" width=500 border=0>
图36www.goodsgy.com

http://www.blue1000.com/upload/2006_09/0609122127740714.jpg" width=500 border=0>
图37www.goodsgy.com

  17.好了,大致黄蜂的制作应该就可以算基本完成了!大家也可以结合整个拼合起来的效果做各部件间颜色的调整,如果更细致的话可以做些小的棕色,黄色,黑色绒毛去摆布到黄蜂身上,那样会看起来更细致更逼真。(图38)网格图(图39)。 www.goodsgy.com

http://www.blue1000.com/upload/2006_09/060912212774071.jpg" width=500 border=0>
图38www.goodsgy.com

http://www.blue1000.com/upload/2006_09/060912212774072.jpg" width=500 border=0>
图39www.goodsgy.com

  18。做这东西真是很累,总结一句,就是体力活!如果没有绝对必要,真的别去做!伤身体!www.goodsgy.com

在百度中搜索:Illustrator渐变网格描绘精致黄蜂
在Google中搜索:Illustrator渐变网格描绘精致黄蜂
在Yahoo中搜索:Illustrator渐变网格描绘精致黄蜂

收藏到网摘:新浪VIVI 365key 我摘 POCO网摘 博采中心 YouNote 和讯网摘 天天收藏
[] [返回上一页] [打 印] [收 藏]
下一篇文章:关于AI中的Color面板

 相关文章    最新文章
· Hotmail将停止支持Outlook Express
· OE真玩完了 微软拟终止OE访问Hotmail功能..
· 如何删除Illustrator中过多的样式?
· 安装了McAfee后 Foxmail不能发邮件
· 本地轻松收发邮件 Foxmail 6.0正式版
· [组图] PS CS中的“照片滤镜/Photo Filter..
· [图文] PS CS照片滤镜Photo Filter详解:色..
· [组图] Aged Film老电影效果插件
· [组图] 体验PS CS的Photo Filter
· 用javascript的正则表达式来验证Email地址..
 
· 如何删除Illustrator中过多的样式?
· Illustrator模仿PS蒙版绘透明变化的月亮
· Illustrator 巧制透明按钮
· 巧用Illustrator旋转工具绘制丰富图案
· Illustrator符号工具巧绘复杂花撒图案
· 用ILLUSTRATOR绘制飘动的国旗
· illustrator制作卡通全攻略
· 用illustrator制作烟灰缸
· 关于AI中的Color面板
· Illustrator渐变网格描绘精致黄蜂

∷相关文章评论∷    (评论内容只代表网友观点,与本站立场无关!) [更多评论…]
站内搜索

精彩图文
  网站导航  
操作系统 办公软件 网络软件
Vista Windows2003 WindowsXP Windows2000/NT Windows9X/ME Linux 其他 Word Excel Powerpoint Outlook 金山系列 其他 网页浏览 上传下载 联络聊天 邮件工具 服务器软件 网络辅助
工具软件 媒体动画 网页制作
系统工具 媒体工具 压缩工具 图文处理 文件管理 其他 3DMAX Authorware Director Maya 视频处理 其他 Flash Dreamweaver FireWorks FrontPage LiveMotion Golive HTML/CSS 其它
网站开发 平面设计 程序设计
ASP JSP PHP CGI JavaScript VBScript XML/SOAP Web服务器 Photoshop PhotoImpact CorelDraw Illustrator Freehand 设计欣赏 其他 VB VC .NET C/C++ DELPHI JAVA

冀ICP备05019428号
Copyright © 2004-2008 电脑学习网 Inc.All rights reserved.
TEL:13832340607
QQ:39873155
E_Mail:goodsgy(#)hotmail.com   (把(#)替换成@)
MSN:goodsgy(#)hotmail.com   (把(#)替换成@)