八零秀设计论坛 - 秀出你的精彩's Archiver

100dns 发表于 2008-6-28 20:29

Illustrator教程:矢量美女插画

[color=Red]文章出处:pconline 作者:高平 [/color]


  我们经常可以在杂志上、网上等媒体看到矢量的美女插画。今天我们来学习如何用Illustrator绘制作精美的美女商业插画。作为教程,为了照顾初学者,我选择了一张摄影作品。试图用Illustrator矢量软件件来表现,重点在于学习Illustrator的相关工具。   
   
  原摄影作品如图1:   

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817545445577801.jpg[/img]
图1   
  完成后的矢量作品如图2:   

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817545475277802.jpg[/img]
图2   
  下面开始我们的插画制作步骤:   
  一、首先,我们是用Illustrator来表现。因为是矢量的插画,所以块面会比较明显。对于没有经验的初学者,可以选择用Photoshop的木刻滤镜来观察一下原摄影作品的明暗层次。用Photoshop打开原摄影图片,使用菜单:滤镜--艺术效果—木刻,如图3所示,分别拖动滑块,观看画面色块的变化,做到对后面的插画绘制心中有数。如图4所示。   

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817545651777803.jpg[/img]
图3   

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817545770577804.jpg[/img]
图3   

.Dym925 { display:none; }
  





  二、我们打开Illustrator软件,点击菜单:文件—新建(快捷键为ctrl N),新建一个文件,分别设置名称为:商业插画,大小为A4,取向为横向,颜色模式为:RGB,如图5所示:   

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817545784677805.jpg[/img]
图5   
  三、我们正式进入绘制商业插画阶段,首先从大色块开始,按照从大到小、从远到近的顺序绘制。点击工具箱中的钢笔工具(快捷键为P),在画面中绘制出沙发的封闭路径,并填充色彩为#AD6D2B,如图6所示。   

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817545951777806.jpg[/img]
图6   
  四、用相同的方法,用钢笔工具绘制出沙发靠背的亮面。并填充色彩为#CA9247,如图7所示。   

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817545953377807.jpg[/img]
图7   
  五、分别用同样的方法绘制出如图所示的两块面,并填充色彩。如图8所示。   

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/20086281755022177808.jpg[/img]
图8   

.Vsr678 { display:none; }
  





  六、继续使用钢笔工具,画出美女的裙子。并填充色彩为#D73327。如图9所示。   

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/20086281755087777809.jpg[/img]
图9   
  七、继续使用钢笔工具,绘制出头发的基本形状,并填充为深灰色。如图10所示。   

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817550908778010.jpg[/img]
图10   
  八、使用钢笔工具,分别画出脚、靴子的形状,并分别填充如图11所示的颜色。   

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/2008628175512778011.jpg[/img]
图11   
  九、继续使用钢笔工具绘制出手臂的基本形状,并填充如图12所示的颜色。   

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/20086281755149778012.jpg[/img]
图12   
  十、继续使用钢笔工具,绘制出面部及头发细节路径并填充如图13所示的颜色。   

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/20086281755180778013.jpg[/img]
图13   

.Uiz930 { display:none; }
  





  此时,我们已经得到一幅大色块的矢量插画如图14所示。   

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817551127778014.jpg[/img]
图14   
  十一、我们再继续使用钢笔工具,绘制出面部的色块变化路径并填充相应的颜色,如图15所示。   

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817551174778015.jpg[/img]
图15   
  十二、我们再用封闭路径来表现美女的五官。继续使用钢笔工具,绘制出五官的路径并填充相应的颜色。如图16所示。   

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817551189778016.jpg[/img]
图16   
  十三、继续使用钢笔工具,根据Photoshop木刻效果中的色阶变化绘制出各部分细节,如图17中红圈所示部分。   

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817551252778017.jpg[/img]
图17   
  十四、背景制作。本教程中制作的背景比较简单,使用工具箱中的椭圆工具,在工作区中绘制出一个正圆,并填充颜色。如图18所示。   

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817551314778018.jpg[/img]
图18   

.Hso168 { display:none; }
  





  十五、选择刚刚绘制好的正圆,执行菜单:效果—模糊—高斯模糊,并设置半径值为5.4,如图19所示。   

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817551377778019.jpg[/img]
图19   
  十六、执行菜单 窗口--透明度(快捷键为Shift Ctrl F10),将正圆的透明度设置为39%,如图20所示。   

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817551392778020.jpg[/img]
图20   
  十七、分别复制正圆并移动到适当的位置(可在选择工具模式下,按着alt 鼠标拖动复制),并设置填充色彩为随机的各种鲜艳色彩,如图21所示。   
  最终效果:   

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817551471778021.jpg[/img]
最终效果

lycsj2006 发表于 2008-9-5 08:34

[80diy086] [80diy086] [80diy086]

小朴 发表于 2008-10-11 01:07

[80diy086] [80diy086] 顶下 学习一下。。。

大胡子 发表于 2008-11-12 10:20

学习了。。。

页: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.