Illustrator CS3表现产品的质感.docVIP

Illustrator CS3表现产品的质感 　　摘要：当今计算机图形的质感表现被广泛应用于平面设计、网页设计、工业设计等领域。用平面设计软件制作产品外观，质感的处理是一个至关重要的环节，illustrator软件能为产品打造逼真质感。 　　关键词：Illustrator CS3；质感；网格；渐变；混合 　　中图分类号：TP311.56文献标识码：A文章编号：1009-3044(2011)19-4737-02 　　Illustrator CS3 Create Texures for Product 　　XIE Dan 　　(The 41st Research Institute of CETC, Qingdao 266555, China) 　　Abstract: Today, the texture of computer graphics are widely used in graphic design performance, web design, industrial design and other fields. Graphic design software used to create the appearance of products, the texture is a cracial part of treatment . Illustrator can create realistic textures for the product. 　　Key words: Illustrator cs; texture; grid; gradual change; mix 　　1 软件简介 　　Illustrator是由Adobe公司开发的矢量绘图软件，可以方便的进行矢量图的创作和编辑。到现在已经升级到了Illustrator CS5。他独具特色的绘图工具和控制项可以让工作者以更有效更直观的方式来进行图形操作。该文使用的是Illustrator CS3。 　　2 质感表现 　　客观世界里，质感是由于光线照射物体，物质本身的材料不同存在不同的反射规律而产生的，多指某物品的材质、质量带给人的感觉。一个物体在特定的光照条件下大致分为“三大面五大调”。三大面是指明、暗、灰；五大调是指高光、亮部灰面、明暗交界线、暗部灰面、反光。Illustrator作为一款专业的矢量绘图软件，使用网格、高斯模糊、渐变、混合等工具可以实现物体的“三大面五大调”，很好的描绘出物体的质感。 　　3 实例创建 　　该文以FLUKE 377 为例。 　　1) 首先，运用钢笔、矩形、圆形等工具鼠绘该仪器的线框。得到如图1所示。接下来不是马上对线图进行上色，而必须先认真分析对象各部分的材质所具有的质感特性。设定光源所在的方位，确定反光，阴影，高光的位置。通过质感分析，我们大体就确定了光线分布特性，依据这些特性，再选择相应的制作工具，就可以比较准确的表达出对象的质感了，使其突显它的三大面和五大调，以达到逼真的效果。 　　2) 我们将要对仪器的每一个部分进行修饰。先做钳口。钳口为金属材质，外包一层红色绝缘材料。直接填充红色会很平板，我们可以让其周边较中间更深一些色，显得有立体感。选中该区域，执行对象―路径―偏移路径，向内侧偏移输入数值-0.1CM。给外侧路径填充R：74，G：0 ，B：0， 内侧路径填充R：126，G：18，B：14。此时可以看到外围色比较深，内部较浅，中间有明显的分界线，我们运用混合工具，让两种颜色自然过渡。此时还缺少反光，绝缘材质的反光较小。所以用钢笔再画出一块反光区域，填充渐变：R：126，G：18，B：14～R：255，G：255，B：255，并将该区域的不透明度调低至10%，得到如图2所示效果。画好以后，用同样的方法绘制好钳口开关。 　　3) 现在我们用网格工具制作下方的显示屏。先为圆角矩形框填充墨绿色R：36，G：44，B：35，然后为该矩形添加网格。如果在网络线上单击，则只会形成与之交叉的网格，如果在物体空白处单击，则会产生相交叉的两条网格线，通过多次单击，会细分物体。网格的每一个交叉点，我们都可以编辑它的曲率、影响范围，每一个网格点都可以赋予颜色，网格点和网格点之间会有柔和的过渡，当然，如果不想让这个过渡柔和的话，也是可以实现的。在此，我们对显示屏的高光和背光进行编辑，得到如图3所示效果。 　　4) 旋轮的绘制。运用线性渐变填充该区域的颜色。R：246，G：213，B：42～R：247，G：179，B：20，角度90。选择该路径，执行偏移路径为-0.5cm。填充同一渐变，改角度为-90。对此两个圆形区域进行混合，使颜色自然过渡。如图4所示。 　　我们可以用类似方法绘制好电源开关按钮。