巧用Illustrator渐变网格绘制苹果
<font face="Verdana">的渐变</font>网格工具能产生更为自由和丰富的渐变色彩填充，其色彩过渡的表现非常出色，甚至成为许多设计师进行艺术创作的主要工具。今天我们就来用这个神奇的工具绘制一个逼真的大苹果。<br/><br/> 网格工具（Mesh Tool） <img height="21" src="http://www.jcwcn.com/Files/BeyondPic/oldjcwimg/2005-11/14/05111422000843483.jpg" width="28" alt=""/>快捷键：U 。完成效果如图。<br/><br/><p class="style6" align="center"><img height="237" src="http://www.jcwcn.com/Files/BeyondPic/oldjcwimg/2005-11/14/0511142200081634.jpg" width="265" alt=""/></p><p class="style6"><span class="style10"> 苹果绘制过程：</span></p><p class="style2 style6"> <strong>苹果主体制作</strong></p><table bordercolor="#999999" height="95" cellspacing="0" width="613" border="0"><tbody><tr><td bordercolor="#ffffff" width="205"><img height="160" src="http://www.jcwcn.com/Files/BeyondPic/oldjcwimg/2005-11/14/05111422000934752.jpg" width="177" alt=""/><span class="style6"></span></td><td class="style6" valign="bottom" bordercolor="#ffffff" width="404">用矩形工具画出适当大小的矩形，并填充苹果的主色，然后用网格工具在矩形上增加一个节点</td></tr></tbody></table><table bordercolor="#999999" height="95" cellspacing="0" width="613" border="0"><tbody><tr><td bordercolor="#ffffff" width="205"><img height="182" src="http://www.jcwcn.com/Files/BeyondPic/oldjcwimg/2005-11/14/05111422000967560.jpg" width="205" alt=""/><span class="style6"></span></td><td class="style6" valign="bottom" bordercolor="#ffffff" width="404">用白箭头工具调节外形以切合苹果的形状，由于引时的节点很少，很容易利用方向线控制形状</td></tr></tbody></table><p></p><table bordercolor="#999999" height="95" cellspacing="0" width="613" border="0"><tbody><tr><td bordercolor="#ffffff" width="209"><img height="182" src="http://www.jcwcn.com/Files/BeyondPic/oldjcwimg/2005-11/14/05111422000988876.jpg" width="192" alt=""/><span class="style6"></span></td><td class="style6" valign="bottom" bordercolor="#ffffff" width="400">不断用网格工具增加节点，并在左右横向方向上分别按明暗关系设置适当颜色 </td></tr></tbody></table><table bordercolor="#999999" height="95" cellspacing="0" width="613" border="0"><tbody><tr><td class="style6" bordercolor="#ffffff" width="209"><img height="187" src="http://www.jcwcn.com/Files/BeyondPic/oldjcwimg/2005-11/14/05111422001098371.jpg" width="209" alt=""/></td><td class="style6" valign="bottom" bordercolor="#ffffff" width="400">进一步增加节点细化苹果的明暗变化，并在上下竖向方向上分别按明暗关系设置颜色，表现出苹果的圆体形状</td></tr></tbody></table><p class="style6"></p><p class="style6"><span class="style2"> <strong>苹果上沿制作</strong></span></p><table bordercolor="#999999" height="95" cellspacing="0" width="613" border="0"><tbody><tr><td class="style6" bordercolor="#ffffff" width="232"><img height="92" src="http://www.jcwcn.com/Files/BeyondPic/oldjcwimg/2005-11/14/05111422001099373.jpg" width="190" alt=""/></td><td class="style6" valign="bottom" bordercolor="#ffffff" width="377">方法与主体相似，画出的矩形填充苹果的主色，然后用网格工具在矩形上增加一个节点</td></tr></tbody></table><table bordercolor="#999999" height="95" cellspacing="0" width="613" border="0"><tbody><tr><td class="style6" bordercolor="#ffffff" width="232"><img height="84" src="http://www.jcwcn.com/Files/BeyondPic/oldjcwimg/2005-11/14/05111422001037478.jpg" width="232" alt=""/></td><td class="style6" valign="bottom" bordercolor="#ffffff" width="377">同样用白箭头工具调节外形以切合苹果的形状，注意两端的尖角实际上是各有两个节点几乎重合在一起而形成的</td></tr></tbody></table><table bordercolor="#999999" height="95" cellspacing="0" width="613" border="0"><tbody><tr><td class="style6" bordercolor="#ffffff" width="231"><img height="97" src="http://www.jcwcn.com/Files/BeyondPic/oldjcwimg/2005-11/14/05111422001176867.jpg" width="224" alt=""/></td><td class="style6" valign="bottom" bordercolor="#ffffff" width="378">由于网格不能形状团合的环形，所以设置网格时要尽能按苹的环形明暗变化来进行布局</td></tr></tbody></table><p></p><p></p><tr></tr><td class="content"></td><p></p><p><span class="style2 style6"> <strong>苹果柄制作</strong></span></p><table bordercolor="#999999" height="95" cellspacing="0" width="613" border="0"><tbody><tr><td class="style6" bordercolor="#ffffff" width="142"><img height="142" src="http://www.jcwcn.com/Files/BeyondPic/oldjcwimg/2005-11/14/05111422001196048.jpg" width="142" alt=""/></td><td class="style6" valign="bottom" bordercolor="#ffffff" width="467">画出与柄形状相似的矩形，填充苹果主色</td></tr></tbody></table><table bordercolor="#999999" height="95" cellspacing="0" width="613" border="0"><tbody><tr><td class="style6" bordercolor="#ffffff" width="142"><img height="142" src="http://www.jcwcn.com/Files/BeyondPic/oldjcwimg/2005-11/14/05111422001164476.jpg" width="142" alt=""/></td><td class="style6" valign="bottom" bordercolor="#ffffff" width="467">增加网格，并调节形状，设置颜色的明暗</td></tr></tbody></table><table bordercolor="#999999" height="95" cellspacing="0" width="613" border="0"><tbody><tr><td class="style6" bordercolor="#ffffff" width="142"><img height="142" src="http://www.jcwcn.com/Files/BeyondPic/oldjcwimg/2005-11/14/05111422001279520.jpg" width="142" alt=""/></td><td class="style6" valign="bottom" bordercolor="#ffffff" width="467">增加网格细化颜色的表现</td></tr></tbody></table><p></p><p><span class="style2 style6"> <strong>阴影制作</strong></span></p><table bordercolor="#999999" height="95" cellspacing="0" width="613" border="0"><tbody><tr><td class="style6" bordercolor="#ffffff" width="300"><img height="85" src="http://www.jcwcn.com/Files/BeyondPic/oldjcwimg/2005-11/14/05111422001210759.jpg" width="300" alt=""/></td><td class="style6" valign="bottom" bordercolor="#ffffff" width="309">其制作方法与其它部分类似，不同的是它的颜色为灰 - 白 - 灰</td></tr></tbody></table><table bordercolor="#999999" height="95" cellspacing="0" width="613" border="0"><tbody><tr><td class="style6" bordercolor="#ffffff" width="300"><img height="71" src="http://www.jcwcn.com/Files/BeyondPic/oldjcwimg/2005-11/14/05111422001293914.jpg" width="300" alt=""/></td><td class="style6" valign="bottom" bordercolor="#ffffff" width="309">白箭头调节形状</td></tr></tbody></table><table bordercolor="#999999" height="95" cellspacing="0" width="613" border="0"><tbody><tr><td class="style6" bordercolor="#ffffff" width="300"><img height="71" src="http://www.jcwcn.com/Files/BeyondPic/oldjcwimg/2005-11/14/05111422001346664.jpg" width="300" alt=""/></td><td class="style6" valign="bottom" bordercolor="#ffffff" width="309">设置网格颜色时要注意边缘所有节点的颜色都必须是白色，这样才能生产与白色背景过渡自然的阴影</td></tr></tbody></table><p></p><p><span class="style2 style6"> <strong>合成</strong></span></p><table bordercolor="#999999" height="95" cellspacing="0" width="613" border="0"><tbody><tr><td class="style6" bordercolor="#ffffff" width="326"><img height="237" src="http://www.jcwcn.com/Files/BeyondPic/oldjcwimg/2005-11/14/05111422001340613.jpg" width="265" alt=""/></td><td class="style6" valign="bottom" bordercolor="#ffffff" width="283">把主体、柄、上沿和阴影四部分按前后顺序放到适当位置，最后再对所有图象Ctrl+U群组一次，就完成了制作</td></tr></tbody></table><p><span class="style6"> 观察完成图，网格工具在颜色过渡方面的表现的确是非常自然，在工作中深受设计师的喜爱。</span></p><p></p><p class="style6"><span class="style2"> <strong>附录：两种设置网格的方法</strong></span></p><p class="style6"> 方法一：工作中通常在制作简单的几何形状时（通常是矩形），就开始设置网格节点，然后再变形为复杂图形，这样对网格线的分布比较容易控制，如上面的制作就采用了这种方法。 </p><p class="style6"> 方法二：有时网格线的分布要求会与色块形状产生冲突，不易设置，此时可先设网格线分布，然后用 Ctrl+7 裁切到边缘轮廓以内即可，如下图。 </p><table bordercolor="#999999" height="95" cellspacing="0" width="613" border="0"><tbody><tr><td class="style6" bordercolor="#ffffff" width="326"><img height="300" src="http://www.jcwcn.com/Files/BeyondPic/oldjcwimg/2005-11/14/05111422001472861.jpg" width="300" alt=""/></td><td class="style6" valign="bottom" bordercolor="#ffffff" width="283">在矩形内设置网格分布 </td></tr></tbody></table><table bordercolor="#999999" height="95" cellspacing="0" width="613" border="0"><tbody><tr><td class="style6" bordercolor="#ffffff" width="326"><img height="300" src="http://www.jcwcn.com/Files/BeyondPic/oldjcwimg/2005-11/14/05111422001494771.jpg" width="300" alt=""/></td><td class="style6" valign="bottom" bordercolor="#ffffff" width="283">然后 Ctrl+7 裁切到苹果的轮廓线内</td></tr></tbody></table>页:
[1]