学院首页 软件应用 编程开发 创意设计 认证培训 软件论坛
Flash Fireworks Dreamweaver Photoshop CorelDraw Illustrator FreeHand 3DsMAX AutoCAD

您的位置:学院 >> 创意设计 >> Illustrator >> Illustrator绘Q版超人:轮廓与面部细节


Illustrator绘Q版超人:轮廓与面部细节


  当时正好给我的学生讲到了Illustrator的渐变网格,《超人总动员》正在热映,所以随手就拿来当例子了。现在想想幸亏当时热映的不是《冰河世纪》!当然案例是分三次做完的,大概用两天时间,最难画的地方是超人的脸,也许是万事开头难吧……

  本例学习要点:Illuatrator的渐变网格。 特别推荐:《矢量绘图中的渐变网格基础及使用》

  

  概述:现在我们就来看看这个超人的具体“形成”过程。当然在这之前一定要熟悉以下工具:①钢笔工具②选择工具③直接选择工具④添加描点工具⑤渐变工具⑥网络工具⑦颜色面板⑧拾色器等

  

  最终效果

  

  线稿图

  从以上两张图的对比即可看出超人是由若干个网格组合而成的,从不规律的身体部位又可以看出网格似乎都有一定的规律,好比3D 的网格,是随着物体的凸凹网格也错落有秩,其实这就是本案例要讲述的重点——网格使用的技巧。

  1. 我首先从头开始,头部的眼睛、眼罩、嘴、头发和耳朵都分开来画,尽量将网格拆开,使操作简单化。

  2.首先画一个矩形,矩形尽量小,然后建立网格点,如上图,用吸管吸取颜色,颜色以面部的平均颜色为准。(见图head-1)

  

  head-1

  3. 然后我们将底图锁定,把我们的网格置底(后文将不再具体说明),这样我们即可以看到原图又可以看到我们的网格,颜色先不必着急。如上图,把网格的八个锚点分别拉到合适头型的位置,有点象画素描的最初线稿。图分别以左、右两种表现方式表现(后文将不再具体说明)(见图head - 2)。

  

  head - 2

  4. 定位完成后就要开始对我们的路径进行整形了,在整形过程中,如遇到现有锚点不够以至于整形不到位,需在合理的位置添加锚点帮助整形,如上图所示,(见图head - 3)。

  

  head - 3

  5. 接下来就要以颜色来划分和添加网格了,鼻子算在我们的第一个网格之内因此网格会比较复杂一些,我们也可以分开来做,降低复杂程度。上图中我们可以看到起初的网格添加回比较有规律一些,在颜色过渡交界处一般都用了两条网格线,在颜色趋于平和的位置,网格线会比较稀少,(见图head - 4)。

  

  head - 4

  6.在添加网格时常常会遇到如上图的问题,锚点的控制线会发生重合或者交叉,以至于在后来的图中会出现颜色过渡不自然的感觉,这也是最初在建立矩形网格时要画小一点的原因所在了。那么要及时发现并且将控制点拉回到锚点附近,使之不再重合与交叉,(见图head - 5、head - 6)。

  

  head - 5

  

  head - 6

  6. 整形非常重要,磨刀不误砍柴功,继续为超人整形。同时开始上色。(见图head - 7)

  

  head - 7

  7. 在整形的过程中,上色的方法有两个可以用吸管吸,或者用调色板调,在调节颜色时可以使用ctrl + H 使锚点隐藏,再在图层浮动面板中开、关原图的眼睛,来进行色彩的对比第二部分增强数字图像与调节。(见图head - 8)

  

  head - 8

  8. 接下来做牙齿,方法与画头部一样。(见图teeth - 1)

  

  teeth - 1

  9. 拉出形状来,注意要以颜色的分割为基准添加网格。(见图teeth - 2、teeth - 3)

  

  teeth - 2

  

  teeth - 3

  10. 然后边整形边上色,同时注意网格的边缘色彩要和面部保持色彩紧密的衔接。(见图teeth - 4)

  

  teeth - 4

  11. 原本眼罩画一个黑色的色块,再加渐变就可以了,但是应学生的要求继续用矩形拉网格吧。(见图eyepatch - 1)

  

  eyepatch-1

  12. 画到这才发现,眼罩远比想象的要难画的多,要画出黑色并且发亮的感觉,得下功夫了。(见图eyepatch - 2)。

  

  eyepatch - 2

  13. 结果,眼罩的网格复杂程度和面部差不了多少了(见图eyepatch - 3)。

  

  eyepatch - 3

  14. 眼睛是比较出效果的地方,我就用椭圆形为网格基础,这与矩形的操作是差不多的。(见图eyes - 1)

  

  eyes - 1

  15. 做到这时,恐怖袭来,没有眼珠的超人。在作图过程中我们总会遇到一些不堪入目的画面,有时甚至使人无法继续再画下去,其实,这些都只是个过程,坚持一下,就柳暗花明又一村了。(见图eyes - 2)

  

  eyes - 2

  16. 这样就好多了,只是没什么神儿,继续,渐变网格。(见图eyes - 3)

  

  eyes-3

  17. 这次我采用了建立网格的方式,这种方式的优点在于精确与整齐,对比较有规律的图形来说,这个命令十分的方便实用。(见图eyes - 4)

  

  eyes - 4

  18. 添加完以后还需进一步调整,调出高光与暗调,使眼睛变的生动。(见图eyes - 5)

  

  eyes - 5

  19. 画龙点睛了,其实可以最后再画眼睛的,但又怕到最后就没有现在的耐心了(见图eyes - 6)。

  

  eyes - 6

  下一节我们学习头发和耳朵的描绘。原文链接

    

技术文章快速查找

栏目导航
软件应用
·操作系统 ·杀毒防黑 ·应用软件
·聊天软件 ·网络软件  
Web开发
·ASP ·JavaScript ·CGI
·JSP ·VbScript ·Web服务器
·PHP ·XML  
开发语言
·VB ·VC ·ASP.NET
·Java ·C/C++ ·Delphi
数据库开发
·MySQL ·SQL/Access ·PowerBuilder
·Oracle ·DB2  
网站设计
·Flash ·Dreamweaver ·HTML/CSS
·Fireworks ·FrontPage  
平面设计
·Photoshop ·CorelDraw ·AutoCAD
·FreeHand ·Illustrator ·3DsMAX
媒体动画
·Director ·Authorware ·Maya
·视频处理    


相关软件 产品库推荐
·笔记本 ·台式机 ·服务器
·数码相机 ·手机 ·GPS
·DV摄像机 ·MP3 ·MP4
·CPU ·硬盘 ·内存
·主板 ·显卡 ·显示器
·打印机 ·投影机 ·路由器

还没人留言,抢个先,哈哈!
对"Illustrator绘Q版超人:轮廓与面部细节"的评论 - 快速回贴
内容:
  [完成后可按Ctrl+Enter发布]

百度中 Illustrator绘Q版超人:轮廓与面部细节 相关内容
Google搜索中 Illustrator绘Q版超人:轮廓与面部细节 相关内容
雅虎中 Illustrator绘Q版超人:轮廓与面部细节 相关内容
Sogou搜索中 Illustrator绘Q版超人:轮廓与面部细节 相关内容

相关软件 最新回复帖子:

·没有mysql支持时的替代方案
·一个可以发送附件及HTML格式邮件的PHP类
·AutoCAD打造精致三维鸟笼实例详解
·Photoshop自定义水晶字特效样式
·AutoCAD三维基础实例教程
·PS为黑背景长发美女照片抠图换背
·用Photoshop自制个性摩托车贴花小经验
·轻松几步将美女照片处理为手工素描
·巧用Photoshop画笔轻松绘制创意特效
·用Photoshop通道将模糊肖像照片清晰化


  相关软件 Illustrator绘Q版超人:轮廓与面部细节相关文章
详细图解:Illustrator绘可爱QGG头像 Illustrator绘规则形变过渡线的两种技巧
自控Illustrator渐变网格节点画黑金弯钩 重设AI变形边框分割建立渐变网格
矢量绘图中的渐变网格基础及使用 通过重设变形边框控制Illustrator网格
在不同尺寸AI文档中建统一参考线 用Illustrator绘制通透玻璃球效果
Illustrator封套扭曲工具做褶皱卷曲效果 如何有效组织Illustrator中的图层
用Illustrator的3D工具制作三维轮廓 Illustrator效果:穿越丝带的文字
llustrator绘Vista风格屏保气泡 Illustrator变换面板中数字的妙用
体验Adobe Illustrator CS3新特性 Illustrator绘制矢量桃心图案
巧用Illustrator绘制传统图案 Illustrator绘制漂亮的矢量蝴蝶
Illustrator矢量绘图实例:热气球 Illustrator绘制可爱的卡通小鸟