第5章 渐变、渐变网格和混合ppt课件.ppt

《第5章 渐变、渐变网格和混合ppt课件.ppt》由会员分享，可在线阅读，更多相关《第5章 渐变、渐变网格和混合ppt课件.ppt（25页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、第5章 渐变、渐变网格和混合第5章 渐变、渐变网格和混合本章重点： 在Illustrator CS6中，实现一种颜色到另外一种颜色过渡的方法有3种，他们分别是渐变、渐变网格和混合。这3种工具有各自的应用范围，其中渐变工具是对单个对象进行线性或圆形渐变填充；渐变网格工具是对单个对象的不同部分进行颜色填充；混合工具是对多个对象之间进行形状和颜色的混合。通过本章学习应掌握渐变、渐变网格和混合的具体应用。5.1 使用渐变填充使用渐变填充 渐变填充是指在一个图形中从一种颜色变换到另一种颜色的特殊的填充效果。在Illustrator CS6中应用渐变填充，既可以使用工具箱上的 （渐变工具），也可以使用“色

2、板”面板中的渐变色板。图5-1为使用渐变工具制作的杯子上的高光效果。 如果需要对渐变填充的类型、颜色以及渐变的角度等属性进行精确的调整控制，必须使用“渐变”面板中的来进行相关设置。执行菜单中的“窗口|渐变”命令，即可调出“渐变”面板，如图5-2所示。 提示：提示：如果单击“渐变”面板标签上的双向小三角符号，“渐变”面板将会简化显示，如图5-3所示。 图5-1 制作杯子上的高光效果 图5-2 渐变面板 图5-3 简化显示渐变面板5.1.1 线性渐变填充线性渐变填充 线性渐变填充是一种沿着线性方向使两种颜色逐渐过渡的效果，这是一种最常用的渐变填充方式。使用线性渐变填充的具体操作步骤如下： 1）如果

3、要对图形应用线性渐变填充，必须选中需要进行线性渐变填充的图形，然后选择工具箱中的 （渐变工具），如图5-4所示。 2）在选取了 （渐变工具）后，所选的图形还不能自动实现渐变填充。此时必须在“渐变”面板的“类型”下拉列表中，选取渐变类型为“线性”。此时所选的图形才呈现出线性渐变填充的效果，如图5-5所示。 图5-4 选择“渐变工具” 图5-5 线性渐变效果 3）如果想要改变直线渐变的渐变程度，只要选择 （渐变工具）后，在应用了线性渐变填充的图形上拖出一条直线，此时直线的起点表示渐变效果的起始点，而直线的终点表示渐变效果的终止点。拖出直线的位置和长短将直接影响渐变的效果，如图5-6所示。起点终点图

4、5-6 拉出渐变 4）如果想要改变直线渐变的渐变方向,只要选取 （渐变工具），然后在应用了线性渐变填充的图形上拖出一条直线，此时直线的方向即表示渐变效果的渐变方向，如图5-7所示。图5-7 改变渐变方向 5）如果需要精确的控制线性渐变的方向，可以在“渐变”面板的“角度”数值框中输入相应的数值。提示：提示：系统的默认值是0度，当输入的角度值大于180度或者小于-180度时，系统将会自动将角度转换成-180度到180度之间的相应角度。比如输入280度，则系统将会将它转为-80度。 6）如果需要改变改变线性渐变填充的起始颜色和终止颜色，可以单击“渐变”面板中的起始颜色标志或终止颜色标志（即面板色彩条

5、下面的两个滑块），将会弹出“颜色”面板。此时，可以从“颜色”面板中选取颜色作为起始颜色或终止颜色。当颜色选定之后，该颜色将会自动应用于选定的对象上。5.1.2 径向渐变填充径向渐变填充 径向渐变填充是一种沿着径向方向使两种颜色逐渐过渡的效果。使用径向渐变填充的具体操作步骤如下： 1）如果要对图形应用径向渐变填充，首先必须选中需要进行径向渐变填充的图形，然后选择工具箱上的 (渐变工具)。 2）此时，所选的图形还不能自动实现渐变填充。下面还必须在“渐变”面板的“类型”下拉列表中选取渐变类型为“径向”，这样，所选图形才呈现出渐变填充的效果，如图5-8所示。提示：提示：与线性渐变填充不同的是，径向渐变

6、填充不存在渐变角度的问题。因为径向填充的方向对于中心点而言是对称的。 图5-8 径向效果 5.2 使用渐变网格使用渐变网格 虽然Illustrator CS6的 （渐变工具)可以产生很奇妙的效果，但是渐变工具的应用中有一个很大的缺陷，即渐变填充的颜色变化只能按照预先设定的方式，而且同一个图形中的渐变方向必须是相同的。不过Illustrator还提供了一个叫渐变网格的工具来弥补这样的缺陷，利用渐变网格可以对单个对象的不同部分进行颜色填充。图5-9为使用渐变网格制作的效果。 图5-9 利用渐变网格制作的花朵5.2.1 创建渐变网格创建渐变网格 使用 （渐变网格工具）或者执行菜单中的“对象|创建渐变

7、网格”命令都能用来将一个对象转换成网格对象，下面我们分别进行讲解： （1）利用）利用 （网格工具）创建渐变网格）创建渐变网格 利用 （网格工具）工具创建渐变网格的具体操作步骤如下： 1）首先必须在画布上绘制一个需要实施渐变网格效果的图形并选中它，如图5-10所示。 然后选择工具箱上的 （网格工具），如图5-11所示，此时，光标将变为一个带有网格图案的箭头形状，如图5-12所示。 图5-10 创建图形 图5-11 选择网格工具 图5-12 网格工具的光标显示 2）将光标移到图形上，在需要制作纹理的地方单击鼠标即可添加一个网格点，多次单击之后可以生成一定数量的网格点，从而也就形成了一定形状的网格，

8、如图5-13所示。 3）选择工具箱上的 （直接选择工具），然后选中需要上色的网格点，接着在“颜色”面板上选择相应的颜色后，选中的网格点就应用了所需的颜色，如图5-14所示。 图5-13 手动创建网格 图5-14 对网格点应用所需颜色（2）利用）利用“创建渐变网格创建渐变网格”命令创建渐变网格命令创建渐变网格 利用“创建渐变网格”命令创建渐变网格的具体操作步骤如下： 1）首先还是在画布上绘制一个需要实施渐变网格效果的图形并选中它。 2）执行菜单中的“对象|创建渐变网格”命令，此时会弹出图5-15所示的对话框。 在该对话框中，可以在“行数”和“列数”数值框中设置图形网格的行数和列数，从而也就设置了

9、网格的单元数。图5-15 “创建渐变网格”对话框 在“外观”下拉列表中有“平淡色”、“至中心”和“至边缘”3个选项可供选择。其中，“至中心”表示从图形的边缘向中心进行渐变；“至边缘”表示从图形的 中心向边缘进行渐变。图5-16为两种外观方式的对比。 “高光”数值框中的值表示图形创建渐变网格之后高光处的光强度。值越大，高光处的光强度越大，反之则越小。图5-16 两种外观方式的对比 无论是利用 （网格工具）还是“创建渐变网格”命令创建的渐变网格，一般情况下不会一次达到所需的效果，这就需要对网格进行编辑。下面就具体讲解网格的添加、删除和调整的方法。 （1）添加网格。方法：选择工具箱上的 （网格工具）

10、，如果要添加一个用当前填充色上色的网格点，可单击网格对象上任意一点，相应的网格线将从新的网格点延伸至图形的边缘，如图5-17所示；如果单击的是一条已存在的网格线，则可增加一条与之相交的网格线，如图5-18所示 （2）删除网格。方法：如果要删除一个网格点及相应的网格线，可以选中工具箱中的 （网格工具）后直接按住Alt键，然后单击该网格点即可。 （3）调整网格。方法：选择工具箱中的 （网格工具），然后在渐变网格图形上单击网格点，此时该网格点将显示其控制柄，可以拖动控制柄对通过该网格点的网格线进行调整，如图5-19所示。5.3 使用混合使用混合 混合是Illustrator CS6中比较有特色的一个

11、功能，利用它可以混合线条、颜色和图形。使用 （混合）工具可以在两个或者多个图形之间产生一系列连续变换的图形，从而可以实现色彩和形状的渐进变化。 混合具有下列3个特点：l 混合可以用在两个或者两个以上的图形之间。图形可以是封闭的，也可以是开放的路径，甚至群组图形、复合路径以及蒙版图形都可以使用混合功能。l 混合适用于单色填充或者渐变填充的图形，对于使用图案填充的图形则只能做形状的混合，而不能做填充的混合。l 进行过混合操作的图形会自动结合成为一个新的混合图形，并且其特征是可以被编辑修改的，但更改混合图形中的任何一个图形，整个混合图形都会自动更新 创建混合创建混合 在Illustrator CS6

12、中，混合是在两个不同路径之间完成的，单击同一区域内不同路径上的定位点就可以创建出匀称平滑的混合效果。如果单击相反区域内的定位点，混合就会变得扭曲。创建混合的具体操作步骤如下：1）如果要创建混合效果，首先必须绘制两个图形，这两条图形可以是封闭的路径，也可以是开放的路径。然后为这两条路径设置不同的画笔或者填充属性，如图5-20所示。图5-20 创建两个混合基础图形 2）选择工具箱上的 （混合工具），分别单击两个图形，就会产生混合效果，如图5-21所示。 3）同样，我们也可以利用菜单命令完成混合。方法：选中要进行混合的图形，执行菜单中的“对象|混合|建立”命令，即可完成混合。 4）混合分为两种：平滑

13、混合和扭曲混合。选取两个图形上相应的点生成的混合是平滑混合，如上图5-21所示；而选取一个图形上的起点，在选取另一条路径上的终点生成的混合是扭曲混合，如图5-22所示。 图5-21 平滑混合效果 图5-22 扭曲混合效果 设置混合参数设置混合参数 利用“混合选项”对话框，可以设置混合效果的各项参数，如图5-23所示。图5-23 “混合选项”对话框 设置混合参数的具体操作步骤如下： 1）调出“混合选项”对话框。方法：调出“混合选项”对话框方法有两种：l 选中需要混合的图形，然后双击工具箱上的 （混合工具）。l 执行菜单中的“对象|混合|混合选项”命令。 2）在“混合选项”对话框中，“间距”下拉列

14、表中有“平滑颜色”、“指定的步数”和“指定的距离”3个选项可供选择。 3）如果选择“平滑颜色”选项，表示系统将按照混合的两个图形的颜色和形状来确定混合步数。一般情况下，系统内定的值会产生平滑的颜色渐变和形状变化。 4）如果选择“指定的步数”选项，就可以控制混合的步数。选中此项后，在后面的数值框中可以输入从1倒300的数值。数值越大，混合的效果越平滑，图5-24为不同步数的混合效果。图5-24 不同的“指定的步数”的混合效果 5）如果选择“指定的距离”选项，可以控制每一步混合间的距离。选中此项后，可以输入从0.1到1300pt的混合距离。 6）在“混合选项”对话框的“取向”选项用于设定混合的方向

15、。其中 表示以对齐页的方式混合； 表示以对齐路径的方式进行混合。图5-25为两种对齐方式的比较。图5-25 不同“取向”的效果比较5.3.3 编辑混合图形编辑混合图形 1）在生成了混合效果之后，如果需要改变混合效果中起始图形和终止图形的前后位置，不必重新进行混合操作，只需执行菜单中的“对象|混合|反向混合轴”命令即可。 2）如果对执行了混合操作的效果不满意，或者需要单独编辑混合效果中起始和终止两个图形，可以执行菜单中的“对象|混合|释放”命令，将混合对象释放，从而得到混合前的两个独立图形。 3）调整混合后图形之间的脊线。方法：一般情况下脊线为直线，两端的节点为直线节点。但是我们可以使用工具箱上

16、的 （转换锚点工具）将直线点转换为曲线点，这样就可以对混合图形之间的脊线进行编辑了，如图5-26所示图5-26 将直线点转换为曲线点4）如果要混合图形按照一条已经绘制好的开放路径进行混合，可以首先绘制出一条路径，如图5-27所示，然后选中混合图形，如图5-28所示。接着执行菜单中的“对象|混合|替换混合轴”命令。此时混合图形就会依据绘制的路径进行混合，如图5-29所示。 图5-27 绘制路径 图5-28 选中混合图形图5-29 替换混合轴效果5.3.4 扩展混合扩展混合 混合后的图形是一个整体，不能对单独某一个图形进行填充等操作。此时可以通过扩展命令，将其扩展为单个图形，然后再进行相应操作。扩展混合的具体操作步骤如下： 1）选中要扩展的混合图形，然后执行菜单中的“对象|扩展”命令，此时会弹出图5-30所示的对话框。 2）在“扩展”对话框中“扩展”选项组中共有“对象”、“填充”和“描边”3个选项，设置完毕后单击“确定”按钮，即可将混合图形展开。 3）混合图形展开后，他们还是一组对象，此时可以使用 （编组选择工具）选取其中的人和图形进行复制、移动、删除等操作 。图5-30 “扩展”对话框