Illustrator渐变网格工具不完全手册

1、了一个标准的 Gradient Mesh 物体。图：一个简单的渐变网格物体Illustrator渐变网格工具不完全手册、理解渐变网格 (Gradie nt Mesh)画一个椭圆，随便填充一个颜色，然后从工具箱中选取渐变网格(Gradient Mesh )工具 一1，在椭圆内部点击一次，两次，这样我们就产生一个完整Gradient Mesh 物体是由网格点和网格线组成的，四个网格 点组成一个网格片Gradient patch，当然，在非矩形物体的边缘，3个网格点就可以组成一个网格片。我们可以看到每一个网格点之间的色彩是怎样柔和地渐 变过渡的，网格点和网格点上手柄的移动会影响颜色的分布。图：渐变网

2、格物体的结构图a是一个在边缘的网格点，由于未被选中，现在事一个空心的菱形；b是在物体内部的网格点，因为正处于被选定状态，所以是一个实心的菱形, 四周出现了和贝赛尔线一样的调节手柄；c是网格线；d是一个标准的4个点构成的网格片；e是路径的节点，一个小方块，注意它和网格点在形状上的区别。网格点和原物体的节点很相似，但是它们在形状和本质上都是不同的。网格点的形状是菱形方块，而物体路径的节点是正方形方块，并且不能被填充颜色。 网格线和贝赛尔线路径相似，同样每一个节点都有两个控制手柄， 但在交叉的网 格线会有相互交叉的4个手柄，它可以在4个方向上控制色彩过度的方向和距 离。二、渐变网格物体的创建方式严格

3、说来，渐变网格物体都是由其他物体转化而来的。 未封闭的开放路径在 转换后自动变成封闭图形。和Coreldraw 不同，在川ustrator 里面这种转变是 一个不可逆的过程，一旦转化就无法再恢复为普通物体， 所以你可能需要复制一 个做为备份。1、直接使用Gradient Mesh工具创建渐变网格物体把Gradient Mesh工具放在均匀填充物体上，光标就变成 鳄形状，在 物体上面点击，就把它转化为一个最简单的渐变网格物体。如果在图形的 边缘 点击鼠标，路径上的节点就变成了可以填充的网格点；如果在图形 内部点击， 点击的地方就出现网格点和交叉的网格线，并且 川ustrator 会自动给网格点填

4、 上当前的前景色。（如果你不想让它自动填充，可以在点击的时候按住shift键。） 这样，通过点击，你就可以决定网格的数量和密度。如右图：a、b、c三个点都自动填充了当前的前景色：白色。d、e两个点 是按住shift键点击的，所以保持了原有的渐变过渡。2、用菜单命令创建渐变网格物体选中一个物体，选择菜单 Object > Create Gradie nt Mesh，弹出创建渐变网格物体对话框。Create Gradient MeshH町hliit： 1100芾OKP Preview在“Rows（行）”文本框中输入应用于对象的水平网格线的数目。在“Columns （列）”文本框中输入应用于对

5、象的垂直网格线的数目。（行 和列的数值范围在1 50之间。）“Appearanee （外观）”可以创建简单的高光效果。选项如下：“Flat（均匀）”，将对象的原始颜色均匀的应用于表面，没有高光效果。“To Center （中心）”，创建一个位于对象中心的高光。“To Ecge （边缘）”，创建一个位于对象边缘的高光。“Hightlight（高光）”，用百分比决定高光的亮度，默认值是100 % :白色选中Preview可以预览创建的效果3、由渐变填充创建渐变网格物体川ustrator中的渐变填充物体（线性和放射性）可以完美的转化成网格填充物体。这说明渐变填充和网格填充有很相近的亲缘关系。这种转变

6、往往可以产 生由Create GraCient Mesh命令和GraCient Mesh工具难以达到的渐变填 充效果。选定一个渐变填充物体，选择菜单Object > Expand命令，弹出Expand展开命令对话框。在Expand Gradient to（展开渐变填充为）选项中选择 Gradient Mesh 。点击ok 之后渐变填充物体就变成了渐变网格物件。三、渐变网格物体的修改通过上述方式创建的渐变填充物体，需要渐变填充工具进行进一步的调整1、增加和减少网格密度用渐变填充工具 3在物件内部点击，就可以增加网格点以及和它相连的 网格线。在填充复杂的区域需要较多的网格线来控制选用渐变填充

7、工具一，按住Alt键点击网格线就可以把网格线删除， 如果 在网格点上点击则可以一次删除该网格点相连的网格线。2、网格点和线的编辑渐变填充网格和贝赛尔线的调整方法非常的相似。你可以使用使用Gradient Mesh 工具一、直选工具（白箭头丄）、节点转换工具来对它进 行调整。渐变填充工具一次只能选定一个网格点，因此如果要选择和移动多个网格 点，建议切换到白箭头工具来进行操作。你可以移动单个或多个网格点，按住 shift键可以限制它沿着网格线移动。 用白箭头在网格片上点击，可以选中整个网格片，就可以一次移动网格片上的4 个或者3个节点。选中的网格点会出现它的调节手柄， 和贝赛尔线的调节方法相似，你

8、可以通 过拖动节点和手柄来调节曲线的形状和色彩的过渡变化。四、渐变网格对象的颜色调整1、调节颜色调板给网格点或网格单元中调节颜色使用渐变网格工具一或直接选择工具选择网格点或网格片之后，拖 动颜色调板上的滑块调节颜色，新产生的颜色会立刻在网格点上反映出来。点右 上角的三角形可以选择你喜欢的调色模式：CMYK/RGB/HSB 。一般来说，HSB模式（色相饱和度亮度）比较符合我们的调色习惯。但是CMYK/RGB模式也有好处，你在拖动其中一个滑块的时候按住Ctrl或者Shift键就可以使全部滑块同时按比例移动，就可以不改变色相的基础上提高或者降低亮度。2、使用拖放的方式向网格点或网格单元中加入颜色颜色

9、调板中调节出的颜色和 Swatches palette 色样调色板中的颜色都可 以用鼠标拖放的方式拖放到网格点或者网格片上，对它进行着色。3、使用颜料桶给网格点或网格单元上色选择颜料桶工具在网格点或网格单元上点击，给它填充前景色。4、用吸管工具给网格点或网格单元上色使用渐变网格工具一或直接选择工具丄选择网格点或网格片之后，切 换到吸管工具，你就可以在屏幕上已有的填充物体上任意吸色， 吸取的颜色会自 动应用到网格点/网格片上。你可能会发现似乎无法吸取渐层网格物体或者渐变填充物体上的颜色。不要紧，按住shift键进入强制吸色模式，你就可以在屏幕上任意吸色了。这种方法 可以选择许多复杂微妙的色彩变化

10、。在使用中发现，使用吸管工具是渐层网格物体最实用的填色方法。因为吸 管工具按住Ctrl键可以切换到白箭头选择和调节网格点和网格片。吸取到颜色 之后按住alt键可以切换到颜料桶工具填充其他的部位，真是左右逢源，方便极 了。5、使用颜色滤镜改变网格点的颜色这是比较另类的调色方法了，不过在对多个不同填色的节点同时进行色彩倾 向调整的时候倒是非常有用。|7 Preview厂 Convari选择一个渐层网格物体或者选中其中的部分网格点或网格片之后，选择菜 单“Filter滤镜/Corlors颜色/Ajust Colors调整颜色”会弹出调整颜色对话框， 出现的是你当前色彩模式 CMYK/RGB的调节滑块

11、，选中preview，可以实时 预览调节的效果。如右图是对4个网格点应用了色彩调整滤镜的结果，你可以看到几个网格 点的色彩已经明显发生了变化五、实例剖析我们就以范例中的叶片为例说一下渐变网格工具的具体使用图例说明十 71、用钢笔工具绘制叶片 的外形路径。2、用调色板填充一个比 较深的绿色。3、试着用渐变网格工具 给它加上渐变网格。我们发现不管怎么努力， 都无法按照叶脉的方向 建立网格。我们只好采取 一些措施。4、用选取工具对叶片进 行旋转。尽量使叶片的两 个尖角都位于同一条水 平线上。Uhdo RgteteRedo1TransfiornnCtrl+DGroupMove.,Ctrl+5hift+

12、MJoinRotate,AverageRefledt.Make Clipping MaskMake Compaurid PathScale.5hear“,Make GuidesTransForm Em匚h, ”，匚 trl+5hiFt+Alt+DTransform卜Reset Goundinq BoxArrange卜deleft卜5、好了，点击右键，在 弹出菜单中选取变形 复位绑定框”6、复位后的绑定框应该 是这个样子。7、现在再用渐变网格工 具给它增加网格试试。太 好了，新增加的网格线和 叶脉的方向完美的吻合 在一起。这也说明，Illustrator 是按照绑定 框的方向来建立渐变网 格的。

13、因此，当你发现无 法建立合适方向的网格 线的时候，不妨试试给绑 定框换一个方向。8、继续建立网格线。点击的时候按住Shift 键，可以以避免改变填充 色。9、给叶脉填充较明亮的 黄绿色。10、继续建立网格结构。之所以不是一次就建立 所有的网格线，是因为太 多的网格点反而增加了 填充的难度。11、选择叶片上半部中间 的三个网格点，在调色板 上调一个较亮的颜色。女口 果你的调色板使用CMYK或者RGB模式， 那么你在拖动其中一个 滑块的时候按住 Ctrl或 者Shift键就可以使全部 滑块同时按比例移动，就 可以不改变色相的基础 上提高或者降低亮度。13、选择相应网格点，降 低上半部边缘的亮度。1

14、2、同样的，提高下半部 的亮度。在颜色上和上半部有所 区别，稍微偏一点天蓝 色。14、用快捷键ctrl+H 隐 藏网格线，查看填充的效 果。15、按住空格键+ Ctrl,切换到放大镜工具放大视图，用白箭头工具移动末端的 节点，调整出叶柄的形状。16、好了，缩小来看一看17、选中下半部边缘的网 格点，降低它的亮度，增 加叶片的立体感。18、好了，我们的叶片已 经大功告成了。但是总觉得还是少了点 什么东西。19、哈，就是一点点阴影Effect>Stylize>Drop Shadow六、技巧总结您可以创建一个基于任何路径对象或任何位图图象(如从 Adobe Photoshop 中导入的照

15、片图象)的网格对象。创建网格对象时，应牢记如下一些重要的指导 原则：1、您不能从复合路径、文本对象或置入式 EPS文件中创建网格对象2、一旦网格对象已经创建，将不能还原成路径对象。3、转换复杂对象时，请使用 创建渐层网格”(Object >Create Gradient Mesh) 命令以获得最佳效果。4、转换简单对象时，使用渐变网格工具或使用创建渐层网格”命令都可以。 如果您想要在某一特殊点加上高光， 请使用渐层网格工具，在您想要高光显示的 点上单击。5、用渐变网格工具增加网格点时，如果不想改变点击区域原有的色彩，记住按 住shift键。6、为确保在正确的方向上建立网格线，点击右键，在弹出菜单中选取变形> 复位绑定框”(Transform > reset bounding box ) 是