AdobeIllustrator填充和混合工具讲.pptx

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

1、4.1 填充工具4.1.1 功能讲解 4.1.2 范例解析创建渐变色 4.1.3 范例解析改变渐变色方向 4.1.4 范例解析调整渐变色中心点位置 4.1.5 范例解析绘制网页按钮 4.1.6 课堂实训绘制苹果 第1页/共37页除了第2讲介绍的各种颜色面板等填充工具之外，还有【渐变】工具、【渐变】面板、【网格】工具、【吸管】工具与【实时上色】工具等，本节来介绍这几个工具的使用方法。4.1.1 功能讲解 一、【渐变】面板执行【窗口】/【渐变】命令（其快捷键为Ctrl+F9键），或双击工具，即可将【渐变】面板调出，如图所示。第2页/共37页l【类型】选项：此选项左侧的选项窗口中显示了当前所选用的渐

2、变类型，在该下拉列表中提供了【径向】和【线性】两种渐变。l【反向渐变】按钮 ：单击该按钮，可以将填充的渐变色改变方向。l【角度】选项：其参数值决定了渐变颜色的方向。l【长宽比】选项：当给图形设置了径向渐变时该选项才可用，通过设置该选项可以定义渐变颜色的长宽比例。第3页/共37页l【渐变滑块】图标 和 ：在【渐变】面板中，【渐变滑块】代表渐变的颜色及所在色条中的位置，拖曳渐变滑块的位置，即可对当前的渐变色进行调整。l【位置】选项：只有在【渐变】面板中选择了【渐变滑块】之后，此选项才可用，其右侧的参数显示了当前所选【渐变滑块】的位置。二、【色板】面板 执行【窗口】/【色板】命令，弹出【色板】面板。

3、用户在绘图过程中可以将创建的颜色、渐变以及图案保存在【色板】面板中，以便随时调用。第4页/共37页为了更方便的查找所需要的色板，除了可以按各种模式显示色板以外，系统还可以让用户按色板的名称、种类或载入位置重新排列。单击面板右上角的 按钮，在弹出的下拉菜单中选择【按名称排序】命令，可以使色板按名称的字母顺序进行排列；选择【按类型排序】命令，可以使色板按单一的颜色、渐变或图案进行分类排列。第5页/共37页三、【网格】工具使用【网格】工具可以在一个操作对象内创建多个渐变点，从而对图形进行多个方向和多种颜色的渐变填充。利用【网格】工具创建自然平滑的颜色过渡效果，如图所示。第6页/共37页利用 工具填充

4、渐变色的工作原理是：在当前选择的操作对象中创建多个网格点构成精细的网格，也就是将操作对象细分为多个区域（此时选择的对象即转换为网格对象），然后在每个区域或每个网格点上填充不同的颜色，系统会自动在不同颜色的相邻区域之间形成自然、平滑的过渡，从而创建多个方向和多种颜色的渐变填充效果。第7页/共37页网格对象由网格点、网格线和网格单元3部分组成，如图所示。第8页/共37页（1）创建网格对象。创建网格对象的方法有2种，分别为利用 工具创建；利用【对象】/【创建渐变网格】命令创建。l利用 工具。选择 工具，然后将鼠标指针移动到页面中的任一图形上，当鼠标指针显示为“”形状时，单击即可在该对象上创建一个网格

5、点，同时将该图形创建为网格对象。另外，利用 工具在图形中依次单击，可以创建多个网格点。第9页/共37页l利用【对象】/【创建渐变网格】命令。在页面中选择一个图形或导入的图像，然后执行【对象】/【创建渐变网格】命令，系统将弹出【创建渐变网格】对话框。在此对话框中设置合适的参数及选项后，单击 按钮，即可将选择的对象创建为网格对象，并在此对象内生成创建的网格点及网格单元。（2）编辑网格点。将对象转换为网格对象之后，便可以对其生成的网格点进行编辑，其编辑操作包括增加网格点、删除网格点、移动网格点和编辑网格点等。第10页/共37页l增加网格点。将对象转换为网格对象之后，选择 工具，然后将鼠标指针移动到网

6、格对象中单击，可以添加一个网格点，同时相应的网格线通过新的网格点延伸至对象的边缘。如将鼠标移动到网格线上单击，也可增加一个网格点，同时生成一条与此网格线相交的网格线。在增加网格点时，按住Shift键同时单击，可以创建一个无颜色属性的网格点。第11页/共37页l删除网格点。按住Alt键，再将鼠标指针放置到网格点上，鼠标指针将显示为“”形状，此时单击，即可将此网格点及相应的网格线删除。l移动网格点。将鼠标指针移动到创建的网格点上，当鼠标指针显示为“”形状时，按下鼠标左键并拖曳，即可改变网格点的位置。在移动网格点的同时按住Shift键，可确保该网格点沿网格线移动。第12页/共37页l编辑网格点。利用

7、 工具选择网格点后，此网格点将如路径上的锚点一样在其两侧显示调节柄，单击并拖曳调节柄，便可以编辑连接此网格点的网格线。利用工具箱中的 工具和 工具也可以对网格点和网格线进行编辑，其方法与编辑路径的方法相同。第13页/共37页（3）为网格对象填色。将图形转换为网格对象后，最重要的一个环节就是为其填充颜色，从而获得最终的渐变效果。在为网格对象填色时，可以分别为网格点或网格单元进行填色。其方法为：首先利用工具箱中的网格工具或直接选择工具在网格对象中选择一个网格点或网格单元，然后在【颜色】面板或【色板】面板中单击所需的颜色，即可为网格点或网格单元进行填色。第14页/共37页四、【吸管】工具利用【吸管】

8、工具可以把画面中矢量图形或位图图像的颜色吸取为工具箱中的填色，这样可以有效地节省了在【颜色】面板中设置颜色的时间。利用 工具不但可以快速地吸取颜色，该工具最出色的地方是可以实现复制功能。利用该工具可以方便的将一个对象的属性按照另外一个对象的属性进行更新。其操作为：首先在页面中选择需要更新属性的对象，然后选择 工具，将鼠标指针移动到页面中要复制属性的对象上单击，则选择的对象会按此对象的属性自动更新。第15页/共37页利用 工具除了可以更新图形对象的属性以外，还可以将选择的文本对象按照其他文本对象的属性进行更新。其操作与更新图形属性的方法相同。双击 工具，弹出【吸管选项】面板，在此面板中可以对吸管

9、工具的应用属性进行设置。如果不想使吸管工具具备某项控制功能，只需在该选项面板中取消其选择状态即可；再次单击该选项将其选择，即可重新对操作对象的该属性进行控制。第16页/共37页五、【实时上色】工具利用【实时上色】工具，可以使用当前填充和描边属性为实时上色组中的图形和轮廓边缘上色。当鼠标指针指向需要进行实时上色的图形时，光标显示为一种或3种颜色方块 ，该3种颜色方块表示选定填充或描边的颜色；如果使用【色板】面板中的颜色，该颜色方块表示所选颜色与两种相邻的颜色。通过按向左或向右的方向键，可以来切换用相邻的颜色来进行填充。第17页/共37页六、【实时上色选择】工具【实时上色选择】工具同 工具的使用方

10、法相同，利用该工具可以选择能够进行实时上色的图形或描边轮廓，当选择图形或描边轮廓后，图形轮廓将以阴影的形式来呈现选择的内容。第18页/共37页在实际工作过程中，【色板】面板中的几种渐变类型远远不能满足设计需要，因此，这就需要用户自己创建渐变色，本节来讲解创建渐变色的方法。具体操作步骤详见教材。4.1.2 4.1.2 范例解析范例解析创建渐变色创建渐变色 第19页/共37页本节来练习调整图形填充渐变颜色的方向。具体操作步骤详见教材。4.1.3 4.1.3 范例解析范例解析改变渐变色方向改变渐变色方向 第20页/共37页本节来练习调整图形渐变颜色中心点的位置。具体操作步骤详见教材。4.1.4 4.

11、1.4 范例解析范例解析调整渐变色中心点位置调整渐变色中心点位置 第21页/共37页本节通过绘制如图所示的网页按钮，来练习渐变填充工具的使用方法和技巧。具体操作步骤详见教材。4.1.5 4.1.5 范例解析范例解析绘制网页按钮绘制网页按钮 第22页/共37页本节通过绘制如图所示的苹果，来练习【网格】工具的使用方法。操作步骤提示详见教材。4.1.6 4.1.6 课堂实训课堂实训绘制苹果绘制苹果 第23页/共37页4.2 4.2 【混合】工具4.2.1 功能讲解功能讲解4.2.2 范例解析范例解析直接混合图形直接混合图形 4.2.3 范例解析范例解析沿路径混合的图形沿路径混合的图形4.2.4 范范

12、例例解解析析混混合合轮轮廓廓线线和和开开放放路路径径4.2.5 课堂实训课堂实训绘制花图形绘制花图形 第24页/共37页使用【混合】工具可以把两条或多条路径以及两个或多个图形创建为混合效果，使参与混合操作的图形或路径在形状、颜色等方面形成一种光滑的过渡效果。本节来学习混合图形的制作、编辑以及混合选项的设置等内容。利用【混合】工具或【对象】/【混合】/【建立】命令，均可将选择的路径或图形创建为混合效果。4.2.1 4.2.1 功能讲解功能讲解第25页/共37页在Illustrator CS4软件中，主要有3种混合效果：直接混合、沿路径混合和复合混合。直接混合是指在两个图形之间进行混合；沿路径混合

13、是指图形在混后的同时是沿指定的路径混合的；复合混合是指在两个以上图形之间的混合。一、混合选项设置创建混合效果时，混合步数是影响混合效果的重要因素。执行【对象】/【混合】/【混合选项】命令，或双击工具箱中的 工具，均会弹出【混合选项】对话框。第26页/共37页二、混合图形的编辑选择的图形进行混合之后，就会形成一个整体，这个整体是由原混合对象以及对象之间形成的路径组成。除了混合步数之外，混合对象的层次关系以及混合路径的形态也是影响混合效果的重要因素。（1）对象的层次关系对混合效果的影响。在创建混合效果时，所选图形的层次关系在很大程度上决定了混合操作的最终效果。第27页/共37页图形的层次关系在绘制

14、图形时就已决定，即先绘制的图形在下层，后绘制的图形在上层。当在不同层次中的图形进行混合操作时，通常是由位于最下层的图形依次向上直到最上层。如图所示分别为圆形在下层、六边形在上层，以及圆形在上层、六边形在下层时所得到的不同混合效果。第28页/共37页在混合过程中，产生混合的顺序实际上就是在页面中绘制图形的顺序，因此在执行混合操作时，如果未得到满意效果，可以尝试使用【对象】/【排列】命令调整图形的层次后再进行混合。利用【对象】/【混合】/【反向混合轴】命令，可以使混合效果中每个中间过渡图形的堆叠顺序发生变化，即将最前面的对象移动到堆叠顺序的最后面。第29页/共37页（2）调整路径对混合效果的影响。

15、当用户创建混合图形之后，系统会自动建立一条直线路径于混合对象之间。利用工具箱中的编辑路径工具将路径调整后，会得到更丰富的混合效果。（3）路径锚点对混合效果的影响。在制作混合效果时，利用 工具单击混合对象中的不同锚点，可以制作出许多不同的混合效果。在操作对象上选择不同的锚点，可以使混合图形产生从一个对象的选中锚点到另一个对象的选中锚点上旋转的效果。第30页/共37页（4）混合图形的解散。当在页面中创建混合效果之后，利用任何选择工具都不能选择混合图形中间的过渡图形。如果想对混合图形中的过渡图形进行编辑则需要将混合图形扩展，也就是将混合图形解散，使混合图形转换成一个路径组。扩展混合图形的方法为：首先

16、在页面中选择需要扩展的混合图形，然后执行【对象】/【混合】/【扩展】命令，即可将混合图形转换成一个路径组，此时利用工具箱中的组选取工具便可选择路径组中的任意路径。第31页/共37页本节来练习直接混合图形的方法。制作的混合效果如图所示。具体操作步骤详见教材。4.2.2 4.2.2 范例解析范例解析直接混合图形直接混合图形 第32页/共37页本节来练习直接混合图形的方法。制作的混合效果如图所示。具体操作步骤详见教材。4.2.3 4.2.3 范例解析范例解析沿路径混合的图形沿路径混合的图形 第33页/共37页除了上述的几种混合效果外，利用 工具还可以对图形的轮廓线和开放路径进行混合。具体操作步骤详见教材。4.2.4 4.2.4 范例解析范例解析混合轮廓线和开放路径混合轮廓线和开放路径 第34页/共37页本节通过绘制如图所示的花图形，来练习【混合】工具的使用技巧。操作步骤提示详见教材。4.2.5 4.2.5 课堂实训课堂实训绘制花图形绘制花图形 第35页/共37页综合运用本讲所学习的工具来设计如图所示的音乐会海报。具体操作步骤详见教材。4.3 4.3 综合案例综合案例设计音乐海报设计音乐海报 第36页/共37页谢谢大家观赏！第37页/共37页