AdobeIllustrator填充和混合工具PPT第04讲.ppt

《AdobeIllustrator填充和混合工具PPT第04讲.ppt》由会员分享，可在线阅读，更多相关《AdobeIllustrator填充和混合工具PPT第04讲.ppt（38页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第第4 4讲讲 填充工具及混合工具填充工具及混合工具 填充工具填充工具 4.1【混合】工具【混合】工具 4.2综合案例综合案例设计音乐海报设计音乐海报 4.3l掌握填充工具的使用方法和技巧，其中包括掌握填充工具的使用方法和技巧，其中包括【渐变渐变】工具、工具、【渐变渐变】面板、面板、【网格网格】工工具、具、【吸管吸管】工具与工具与【实时上色实时上色】工具等。工具等。l掌握掌握【混合混合】工具的使用方法和技巧。工具的使用方法和技巧。l学会各种渐变颜色的设置方法。学会各种渐变颜色的设置方法。学习目标学习目标 4.1 4.1 填充工具4.1.1 功能讲解功能讲解 4.1.2 范例解析范例解析创建渐变

2、色创建渐变色 4.1.3 范例解析范例解析改变渐变色方向改变渐变色方向 4.1.4 范范例例解解析析调调整整渐渐变变色色中中心心点点位位置置 4.1.5 范例解析范例解析绘制网页按钮绘制网页按钮 4.1.6 课堂实训课堂实训绘制苹果绘制苹果 除了第除了第2讲介绍的各种颜色面板等填充工具之外，还讲介绍的各种颜色面板等填充工具之外，还有【渐变】工具、【渐变】面板、【网格】工具、【吸有【渐变】工具、【渐变】面板、【网格】工具、【吸管】工具与【实时上色】工具等，本节来介绍这几个工管】工具与【实时上色】工具等，本节来介绍这几个工具的使用方法。具的使用方法。4.1.1 4.1.1 功能讲解功能讲解 一、【

3、渐变】面板一、【渐变】面板执行【窗口】执行【窗口】/【渐变】命【渐变】命令（其快捷键为令（其快捷键为Ctrl+F9键），键），或双击工具，即可将【渐变】面或双击工具，即可将【渐变】面板调出，如图所示。板调出，如图所示。l【类型类型】选项：此选项左侧的选项窗口中显示了当选项：此选项左侧的选项窗口中显示了当前所选用的渐变类型，在该下拉列表中提供了前所选用的渐变类型，在该下拉列表中提供了【径向径向】和和【线性线性】两种渐变。两种渐变。l【反向渐变反向渐变】按钮按钮 ：单击该按钮，可以将填充的：单击该按钮，可以将填充的渐变色改变方向。渐变色改变方向。l【角度角度】选项：其参数值决定了渐变颜色的方向。选

4、项：其参数值决定了渐变颜色的方向。l【长宽比长宽比】选项：当给图形设置了径向渐变时该选选项：当给图形设置了径向渐变时该选项才可用，通过设置该选项可以定义渐变颜色的长宽比项才可用，通过设置该选项可以定义渐变颜色的长宽比例。例。l【渐变滑块渐变滑块】图标图标 和和 ：在：在【渐变渐变】面板中，面板中，【渐变滑块渐变滑块】代表渐变的颜色及所在色条中的位置，拖曳代表渐变的颜色及所在色条中的位置，拖曳渐变滑块的位置，即可对当前的渐变色进行调整。渐变滑块的位置，即可对当前的渐变色进行调整。l【位置位置】选项：只有在选项：只有在【渐变渐变】面板中选择了面板中选择了【渐渐变滑块变滑块】之后，此选项才可用，其右

5、侧的参数显示了当之后，此选项才可用，其右侧的参数显示了当前所选前所选【渐变滑块渐变滑块】的位置。的位置。二、二、【色板色板】面板面板 执行执行【窗口窗口】/【色板色板】命令，弹出命令，弹出【色板色板】面板。面板。用户在绘图过程中可以将创建的颜色、渐变以及图案保用户在绘图过程中可以将创建的颜色、渐变以及图案保存在存在【色板色板】面板中，以便随时调用。面板中，以便随时调用。为了更方便的查找所需要的色板，除了可以按各种为了更方便的查找所需要的色板，除了可以按各种模式显示色板以外，系统还可以让用户按色板的名称、模式显示色板以外，系统还可以让用户按色板的名称、种类或载入位置重新排列。单击面板右上角的种类

6、或载入位置重新排列。单击面板右上角的 按钮，按钮，在弹出的下拉菜单中选择【按名称排序】命令，可以使在弹出的下拉菜单中选择【按名称排序】命令，可以使色板按名称的字母顺序进行排列；选择【按类型排序】色板按名称的字母顺序进行排列；选择【按类型排序】命令，可以使色板按单一的颜色、渐变或图案进行分类命令，可以使色板按单一的颜色、渐变或图案进行分类排列。排列。三、【网格】工具三、【网格】工具使用【网格】工具可以在一个操作对象内创建多个使用【网格】工具可以在一个操作对象内创建多个渐变点，从而对图形进行多个方向和多种颜色的渐变填渐变点，从而对图形进行多个方向和多种颜色的渐变填充。利用【网格】工具创建自然平滑的

7、颜色过渡效果，充。利用【网格】工具创建自然平滑的颜色过渡效果，如图所示。如图所示。利用利用 工具填充渐变色的工作原理是：在当前选择工具填充渐变色的工作原理是：在当前选择的操作对象中创建多个网格点构成精细的网格，也就是的操作对象中创建多个网格点构成精细的网格，也就是将操作对象细分为多个区域（此时选择的对象即转换为将操作对象细分为多个区域（此时选择的对象即转换为网格对象），然后在每个区域或每个网格点上填充不同网格对象），然后在每个区域或每个网格点上填充不同的颜色，系统会自动在不同颜色的相邻区域之间形成自的颜色，系统会自动在不同颜色的相邻区域之间形成自然、平滑的过渡，从而创建多个方向和多种颜色的渐变

8、然、平滑的过渡，从而创建多个方向和多种颜色的渐变填充效果。填充效果。网格对象由网格点、网格线和网格单元网格对象由网格点、网格线和网格单元3部分组成，部分组成，如图所示。如图所示。（1）创建网格对象。）创建网格对象。创建网格对象的方法有创建网格对象的方法有2种，分别为利用种，分别为利用 工具创工具创建；利用【对象】建；利用【对象】/【创建渐变网格】命令创建。【创建渐变网格】命令创建。l利用利用 工具。工具。选择选择 工具，然后将鼠标指针移动到页面中的任一工具，然后将鼠标指针移动到页面中的任一图形上，当鼠标指针显示为图形上，当鼠标指针显示为“”形状时，单击即可在形状时，单击即可在该对象上创建一个网

9、格点，同时将该图形创建为网格对该对象上创建一个网格点，同时将该图形创建为网格对象。另外，利用象。另外，利用 工具在图形中依次单击，可以创建多工具在图形中依次单击，可以创建多个网格点。个网格点。l利用利用【对象对象】/【创建渐变网格创建渐变网格】命令。命令。在页面中选择一个图形或导入的图像，然后执行在页面中选择一个图形或导入的图像，然后执行【对象对象】/【创建渐变网格创建渐变网格】命令，系统将弹出命令，系统将弹出【创建渐变创建渐变网格网格】对话框。在此对话框中设置合适的参数及选项后，对话框。在此对话框中设置合适的参数及选项后，单击单击 按钮，即可将选择的对象创建为网格对按钮，即可将选择的对象创建

10、为网格对象，并在此对象内生成创建的网格点及网格单元。象，并在此对象内生成创建的网格点及网格单元。（2）编辑网格点。）编辑网格点。将对象转换为网格对象之后，便可以对其生成的网将对象转换为网格对象之后，便可以对其生成的网格点进行编辑，其编辑操作包括增加网格点、删除网格格点进行编辑，其编辑操作包括增加网格点、删除网格点、移动网格点和编辑网格点等。点、移动网格点和编辑网格点等。l增加网格点。增加网格点。将对象转换为网格对象之后，选择将对象转换为网格对象之后，选择 工具，然后工具，然后将鼠标指针移动到网格对象中单击，可以添加一个网格将鼠标指针移动到网格对象中单击，可以添加一个网格点，同时相应的网格线通过

11、新的网格点延伸至对象的边点，同时相应的网格线通过新的网格点延伸至对象的边缘。如将鼠标移动到网格线上单击，也可增加一个网格缘。如将鼠标移动到网格线上单击，也可增加一个网格点，同时生成一条与此网格线相交的网格线。在增加网点，同时生成一条与此网格线相交的网格线。在增加网格点时，按住格点时，按住Shift键同时单击，可以创建一个无颜色属键同时单击，可以创建一个无颜色属性的网格点。性的网格点。l删除网格点。删除网格点。按住按住Alt键，再将鼠标指针放置到网格点上，鼠标指键，再将鼠标指针放置到网格点上，鼠标指针将显示为针将显示为“”形状，此时单击，即可将此网格点及形状，此时单击，即可将此网格点及相应的网格

12、线删除。相应的网格线删除。l移动网格点。移动网格点。将鼠标指针移动到创建的网格点上，当鼠标指针显将鼠标指针移动到创建的网格点上，当鼠标指针显示为示为“”形状时，按下鼠标左键并拖曳，即可改变网形状时，按下鼠标左键并拖曳，即可改变网格点的位置。在移动网格点的同时按住格点的位置。在移动网格点的同时按住Shift键，可确保键，可确保该网格点沿网格线移动。该网格点沿网格线移动。l编辑网格点。编辑网格点。利用利用 工具选择网格点后，此网格点将如路径上工具选择网格点后，此网格点将如路径上的锚点一样在其两侧显示调节柄，单击并拖曳调节柄，的锚点一样在其两侧显示调节柄，单击并拖曳调节柄，便可以编辑连接此网格点的网

13、格线。利用工具箱中的便可以编辑连接此网格点的网格线。利用工具箱中的 工具和工具和 工具也可以对网格点和网格线进行编辑，其工具也可以对网格点和网格线进行编辑，其方法与编辑路径的方法相同。方法与编辑路径的方法相同。（3）为网格对象填色。）为网格对象填色。将图形转换为网格对象后，最重要的一个环节就是将图形转换为网格对象后，最重要的一个环节就是为其填充颜色，从而获得最终的渐变效果。在为网格对为其填充颜色，从而获得最终的渐变效果。在为网格对象填色时，可以分别为网格点或网格单元进行填色。其象填色时，可以分别为网格点或网格单元进行填色。其方法为：首先利用工具箱中的网格工具或直接选择工具方法为：首先利用工具箱

14、中的网格工具或直接选择工具在网格对象中选择一个网格点或网格单元，然后在【颜在网格对象中选择一个网格点或网格单元，然后在【颜色】面板或【色板】面板中单击所需的颜色，即可为网色】面板或【色板】面板中单击所需的颜色，即可为网格点或网格单元进行填色。格点或网格单元进行填色。四、【吸管】工具四、【吸管】工具利用【吸管】工具可以把画面中矢量图形或位图图利用【吸管】工具可以把画面中矢量图形或位图图像的颜色吸取为工具箱中的填色，这样可以有效地节省像的颜色吸取为工具箱中的填色，这样可以有效地节省了在【颜色】面板中设置颜色的时间。利用了在【颜色】面板中设置颜色的时间。利用 工具不工具不但可以快速地吸取颜色，该工具

15、最出色的地方是可以实但可以快速地吸取颜色，该工具最出色的地方是可以实现复制功能。利用该工具可以方便的将一个对象的属性现复制功能。利用该工具可以方便的将一个对象的属性按照另外一个对象的属性进行更新。其操作为：首先在按照另外一个对象的属性进行更新。其操作为：首先在页面中选择需要更新属性的对象，然后选择页面中选择需要更新属性的对象，然后选择 工具，将工具，将鼠标指针移动到页面中要复制属性的对象上单击，则选鼠标指针移动到页面中要复制属性的对象上单击，则选择的对象会按此对象的属性自动更新。择的对象会按此对象的属性自动更新。利用利用 工具除了可以更新图形对象的属性以外，还工具除了可以更新图形对象的属性以外

16、，还可以将选择的文本对象按照其他文本对象的属性进行更可以将选择的文本对象按照其他文本对象的属性进行更新。其操作与更新图形属性的方法相同。新。其操作与更新图形属性的方法相同。双击双击 工具，弹出【吸管选项】面板，在此面板中工具，弹出【吸管选项】面板，在此面板中可以对吸管工具的应用属性进行设置。如果不想使吸管可以对吸管工具的应用属性进行设置。如果不想使吸管工具具备某项控制功能，只需在该选项面板中取消其选工具具备某项控制功能，只需在该选项面板中取消其选择状态即可；再次单击该选项将其选择，即可重新对操择状态即可；再次单击该选项将其选择，即可重新对操作对象的该属性进行控制。作对象的该属性进行控制。五、【

17、实时上色】工具五、【实时上色】工具利用【实时上色】工具，可以使用当前填充和描边利用【实时上色】工具，可以使用当前填充和描边属性为实时上色组中的图形和轮廓边缘上色。当鼠标指属性为实时上色组中的图形和轮廓边缘上色。当鼠标指针指向需要进行实时上色的图形时，光标显示为一种或针指向需要进行实时上色的图形时，光标显示为一种或3种颜色方块种颜色方块 ，该，该3种颜色方块表示选定填充或描边的种颜色方块表示选定填充或描边的颜色；如果使用【色板】面板中的颜色，该颜色方块表颜色；如果使用【色板】面板中的颜色，该颜色方块表示所选颜色与两种相邻的颜色。通过按向左或向右的方示所选颜色与两种相邻的颜色。通过按向左或向右的方

18、向键，可以来切换用相邻的颜色来进行填充。向键，可以来切换用相邻的颜色来进行填充。六、【实时上色选择】工具六、【实时上色选择】工具【实时上色选择】工具同【实时上色选择】工具同 工具的使用方法相同，工具的使用方法相同，利用该工具可以选择能够进行实时上色的图形或描边轮利用该工具可以选择能够进行实时上色的图形或描边轮廓，当选择图形或描边轮廓后，图形轮廓将以阴影的形廓，当选择图形或描边轮廓后，图形轮廓将以阴影的形式来呈现选择的内容。式来呈现选择的内容。在实际工作过程中，【色板】面板中的几种在实际工作过程中，【色板】面板中的几种渐变类型远远不能满足设计需要，因此，这就需渐变类型远远不能满足设计需要，因此，

19、这就需要用户自己创建渐变色，本节来讲解创建渐变色要用户自己创建渐变色，本节来讲解创建渐变色的方法。具体操作步骤详见教材。的方法。具体操作步骤详见教材。4.1.2 4.1.2 范例解析范例解析创建渐变色创建渐变色 本节来练习调整图形填充渐变颜色的方向。本节来练习调整图形填充渐变颜色的方向。具体操作步骤详见教材。具体操作步骤详见教材。4.1.3 4.1.3 范例解析范例解析改变渐变色方向改变渐变色方向 本节来练习调整图形渐变颜色中心点的位置。本节来练习调整图形渐变颜色中心点的位置。具体操作步骤详见教材。具体操作步骤详见教材。4.1.4 4.1.4 范例解析范例解析调整渐变色中心点位置调整渐变色中心

20、点位置 本节通过绘制如图所示的网页按钮，来练习本节通过绘制如图所示的网页按钮，来练习渐变填充工具的使用方法和技巧。具体操作步骤渐变填充工具的使用方法和技巧。具体操作步骤详见教材。详见教材。4.1.5 4.1.5 范例解析范例解析绘制网页按钮绘制网页按钮 本节通过绘本节通过绘制如图所示的苹制如图所示的苹果，来练习【网果，来练习【网格】工具的使用格】工具的使用方法。方法。操作步骤提操作步骤提示详见教材。示详见教材。4.1.6 4.1.6 课堂实训课堂实训绘制苹果绘制苹果 4.2 4.2 【混合】工具4.2.1 功能讲解功能讲解4.2.2 范例解析范例解析直接混合图形直接混合图形 4.2.3 范例解

21、析范例解析沿路径混合的图形沿路径混合的图形4.2.4 范范例例解解析析混混合合轮轮廓廓线线和和开开放放路路径径4.2.5 课堂实训课堂实训绘制花图形绘制花图形 使用【混合】工具可以把两条或多条路径以及两个使用【混合】工具可以把两条或多条路径以及两个或多个图形创建为混合效果，使参与混合操作的图形或或多个图形创建为混合效果，使参与混合操作的图形或路径在形状、颜色等方面形成一种光滑的过渡效果。本路径在形状、颜色等方面形成一种光滑的过渡效果。本节来学习混合图形的制作、编辑以及混合选项的设置等节来学习混合图形的制作、编辑以及混合选项的设置等内容。内容。利用【混合】工具或【对象】利用【混合】工具或【对象】

22、/【混合】【混合】/【建立】【建立】命令，均可将选择的路径或图形创建为混合效果。命令，均可将选择的路径或图形创建为混合效果。4.2.1 4.2.1 功能讲解功能讲解在在Illustrator CS4软件中，主要有软件中，主要有3种混合效果：直种混合效果：直接混合、沿路径混合和复合混合。直接混合是指在两个接混合、沿路径混合和复合混合。直接混合是指在两个图形之间进行混合；沿路径混合是指图形在混后的同时图形之间进行混合；沿路径混合是指图形在混后的同时是沿指定的路径混合的；复合混合是指在两个以上图形是沿指定的路径混合的；复合混合是指在两个以上图形之间的混合。之间的混合。一、混合选项设置一、混合选项设置

23、创建混合效果时，混合步数是影响混合效果的重要创建混合效果时，混合步数是影响混合效果的重要因素。执行【对象】因素。执行【对象】/【混合】【混合】/【混合选项】命令，或【混合选项】命令，或双击工具箱中的双击工具箱中的 工具，均会弹出【混合选项】对话工具，均会弹出【混合选项】对话框。框。二、混合图形的编辑二、混合图形的编辑选择的图形进行混合之后，就会形成一个整体，这选择的图形进行混合之后，就会形成一个整体，这个整体是由原混合对象以及对象之间形成的路径组成。个整体是由原混合对象以及对象之间形成的路径组成。除了混合步数之外，混合对象的层次关系以及混合路径除了混合步数之外，混合对象的层次关系以及混合路径的

24、形态也是影响混合效果的重要因素。的形态也是影响混合效果的重要因素。（1）对象的层次关系对混合效果的影响。）对象的层次关系对混合效果的影响。在创建混合效果时，所选图形的层次关系在很大程在创建混合效果时，所选图形的层次关系在很大程度上决定了混合操作的最终效果。度上决定了混合操作的最终效果。图形的层次关系在绘制图形时就已决定，即先绘制图形的层次关系在绘制图形时就已决定，即先绘制的图形在下层，后绘制的图形在上层。当在不同层次中的图形在下层，后绘制的图形在上层。当在不同层次中的图形进行混合操作时，通常是由位于最下层的图形依的图形进行混合操作时，通常是由位于最下层的图形依次向上直到最上层。如图所示分别为圆

25、形在下层、六边次向上直到最上层。如图所示分别为圆形在下层、六边形在上层，以及圆形在上层、六边形在下层时所得到的形在上层，以及圆形在上层、六边形在下层时所得到的不同混合效果。不同混合效果。在混合过程中，产生混合的顺序实际上就是在页面在混合过程中，产生混合的顺序实际上就是在页面中绘制图形的顺序，因此在执行混合操作时，如果未得中绘制图形的顺序，因此在执行混合操作时，如果未得到满意效果，可以尝试使用【对象】到满意效果，可以尝试使用【对象】/【排列】命令调整【排列】命令调整图形的层次后再进行混合。图形的层次后再进行混合。利用【对象】利用【对象】/【混合】【混合】/【反向混合轴】命令，可【反向混合轴】命令

26、，可以使混合效果中每个中间过渡图形的堆叠顺序发生变化，以使混合效果中每个中间过渡图形的堆叠顺序发生变化，即将最前面的对象移动到堆叠顺序的最后面。即将最前面的对象移动到堆叠顺序的最后面。（2）调整路径对混合效果的影响。）调整路径对混合效果的影响。当用户创建混合图形之后，系统会自动建立一条直当用户创建混合图形之后，系统会自动建立一条直线路径于混合对象之间。利用工具箱中的编辑路径工具线路径于混合对象之间。利用工具箱中的编辑路径工具将路径调整后，会得到更丰富的混合效果。将路径调整后，会得到更丰富的混合效果。（3）路径锚点对混合效果的影响。）路径锚点对混合效果的影响。在制作混合效果时，利用在制作混合效果

27、时，利用 工具单击混合对象中工具单击混合对象中的不同锚点，可以制作出许多不同的混合效果。在操作的不同锚点，可以制作出许多不同的混合效果。在操作对象上选择不同的锚点，可以使混合图形产生从一个对对象上选择不同的锚点，可以使混合图形产生从一个对象的选中锚点到另一个对象的选中锚点上旋转的效果象的选中锚点到另一个对象的选中锚点上旋转的效果。（4）混合图形的解散。）混合图形的解散。当在页面中创建混合效果之后，利用任何选择工具当在页面中创建混合效果之后，利用任何选择工具都不能选择混合图形中间的过渡图形。如果想对混合图都不能选择混合图形中间的过渡图形。如果想对混合图形中的过渡图形进行编辑则需要将混合图形扩展，

28、也就形中的过渡图形进行编辑则需要将混合图形扩展，也就是将混合图形解散，使混合图形转换成一个路径组。是将混合图形解散，使混合图形转换成一个路径组。扩展混合图形的方法为：首先在页面中选择需要扩扩展混合图形的方法为：首先在页面中选择需要扩展的混合图形，然后执行【对象】展的混合图形，然后执行【对象】/【混合】【混合】/【扩展】【扩展】命令，即可将混合图形转换成一个路径组，此时利用工命令，即可将混合图形转换成一个路径组，此时利用工具箱中的组选取工具便可选择路径组中的任意路径。具箱中的组选取工具便可选择路径组中的任意路径。本节来练习直接混合图形的方法。制作的混本节来练习直接混合图形的方法。制作的混合效果如

29、图所示。具体操作步骤详见教材。合效果如图所示。具体操作步骤详见教材。4.2.2 4.2.2 范例解析范例解析直接混合图形直接混合图形 本节来练习直接混合图形的方法。制作的混本节来练习直接混合图形的方法。制作的混合效果如图所示。具体操作步骤详见教材。合效果如图所示。具体操作步骤详见教材。4.2.3 4.2.3 范例解析范例解析沿路径混合的图形沿路径混合的图形 除了上述的几种混合效果外，利用除了上述的几种混合效果外，利用 工具还工具还可以对图形的轮廓线和开放路径进行混合。具体可以对图形的轮廓线和开放路径进行混合。具体操作步骤详见教材。操作步骤详见教材。4.2.4 4.2.4 范例解析范例解析混合轮廓线和开放路径混合轮廓线和开放路径 本节通过绘制如图所示的花图形，来练习【本节通过绘制如图所示的花图形，来练习【混合】工具的使用技巧。混合】工具的使用技巧。操作步骤提示详见教材。操作步骤提示详见教材。4.2.5 4.2.5 课堂实训课堂实训绘制花图形绘制花图形 综合运用本讲所学习的工具来设计如图所示综合运用本讲所学习的工具来设计如图所示的音乐会海报。具体操作步骤详见教材。的音乐会海报。具体操作步骤详见教材。4.3 4.3 综合案例综合案例设计音乐海报设计音乐海报