- 边做边学:Illustrator CS6平面设计案例教程(微课版)
- 余妹兰 薛志红
- 12975字
- 2025-02-26 19:50:03
2.1 绘制挂牌
2.1.1 【案例分析】
挂牌在我们的生活中随处可见,它可以用来装饰、宣传一些温馨提示或警示标语。一个容易被人注意、吸引人眼球的挂牌是非常重要的。本案例要求绘制挂牌,并以狮子为主要图形进行设计。
2.1.2 【设计理念】
狮子一直是自信、权威的代表。它反应灵敏,身手敏捷,一直给人凶猛强悍的感觉。萌萌的卡通形象,让本来凶猛的狮子变得乖巧可爱,倒立的狮子体现出狮子矫健灵敏,也正好构成一个挂牌形状,充满了设计感,让人眼前一亮。浅棕色的四肢、尾巴以及鬃毛与黄金色的身体形成视觉上的空间感,使画面更加形象立体。最终效果参看云盘中的“Ch02 > 效果 > 绘制挂牌”,如图2-1所示。

图2-1
2.1.3 【案例操作】
1. 绘制挂环
步骤1 按Ctrl+N组合键,新建一个文档,宽度为210mm,高度为297mm,取向为竖向,颜色模式为CMYK,单击“确定”按钮。
步骤2 选择“圆角矩形”工具,在页面中单击鼠标左键,弹出“圆角矩形”对话框,选项的设置如图2-2所示,单击“确定”按钮,得到一个圆角矩形,效果如图2-3所示。选择“椭圆”工具
,按住Shift键的同时,在适当的位置绘制一个圆形,如图2-4所示。

图2-2

图2-3

图2-4
步骤3 选择“选择”工具,按住Shift键的同时,单击下方圆角矩形将其同时选取。选择“窗口 > 路径查找器”命令,弹出“路径查找器”控制面板,单击“减去顶层”按钮
,如图2-5所示,生成新的对象,效果如图2-6所示。设置图形填充色的C、M、Y、K值分别为0、30、100、0,填充图形,并设置描边色为无,效果如图2-7所示。

图2-5

图2-6

图2-7
步骤4 选择“椭圆”工具,在适当的位置绘制一个椭圆形,设置图形填充色的C、M、Y、K值分别为45、55、72、0,填充图形,并设置描边色为无,效果如图2-8所示。

图2-8
步骤5 选择“选择”工具,按住Alt+Shift组合键的同时,垂直向下拖曳图形到适当的位置,复制图形,效果如图2-9所示。按Ctrl+D组合键,再复制出一个图形,效果如图2-10所示。

图2-9

图2-10
步骤6 选择“钢笔”工具,在适当的位置分别绘制2个不规则图形,如图2-11所示。分别设置图形填充色的C、M、Y、K值为0、12、30、0和45、55、72、0,填充图形,并设置描边色为无,效果如图2-12所示。

图2-11

图2-12
2. 绘制头像
步骤1 选择“椭圆”工具,按住Shift键的同时,在页面外分别绘制2个圆形,如图2-13所示。选择“旋转”工具
,按住Alt键的同时,在大圆形中心单击,弹出“旋转”对话框,选项的设置如图2-14所示,单击“复制”按钮,效果如图2-15所示。连续按Ctrl+D组合键,按需要再复制出多个圆形,效果如图2-16所示。

图2-13

图2-14

图2-15

图2-16
步骤2 选择“选择”工具,用圈选的方法将所绘制的图形同时选取,如图2-17所示。在“路径查找器”控制面板中单击“联集”按钮
,如图2-18所示,生成新的对象,效果如图2-19所示。

图2-17

图2-18

图2-19
步骤3 保持图形选取状态。设置图形填充色的C、M、Y、K值分别为0、12、30、0,填充图形,并设置描边色为无,效果如图2-20所示。

图2-20
步骤4 选择“对象 > 变换 > 缩放”命令,在弹出的对话框中进行设置,如图2-21所示,单击“复制”按钮。设置图形填充色的C、M、Y、K值分别为45、55、72、0,填充图形,效果如图2-22所示。

图2-21

图2-22
步骤5 选择“钢笔”工具,在适当的位置绘制一个不规则图形。设置图形填充色的C、M、Y、K值分别为0、30、100、0,填充图形,并设置描边色为无,效果如图2-23所示。

图2-23
步骤6 选择“椭圆”工具,按住Shift键的同时,在适当的位置绘制一个圆形。设置描边色的C、M、Y、K值分别为0、30、100、0,填充描边,效果如图2-24所示。

图2-24
步骤7 选择“窗口 > 描边”命令,弹出“描边”控制面板,单击“使描边外侧对齐”按钮,其他选项的设置如图2-25所示,按Enter键确认操作,描边效果如图2-26所示。

图2-25

图2-26
步骤8 选择“选择”工具,按住Alt+Shift组合键的同时,水平向右拖曳图形到适当的位置,复制图形,效果如图2-27所示。

图2-27
步骤9 选择“钢笔”工具,在适当的位置绘制一个不规则图形。设置图形填充色的C、M、Y、K值分别为0、12、30、0,填充图形,并设置描边色为无,效果如图2-28所示。

图2-28
步骤10 选择“钢笔”工具,在适当的位置绘制一条曲线。设置描边色的C、M、Y、K值分别为59、71、96、32,填充描边,效果如图2-29所示。

图2-29
步骤11 在“描边”控制面板中单击“圆头端点”按钮,其他选项的设置如图2-30所示,按Enter键确认操作,描边效果如图2-31所示。

图2-30

图2-31
步骤12 选择“选择”工具,按住Alt+Shift组合键的同时,水平向右拖曳图形到适当的位置,复制图形,效果如图2-32所示。使用相同方法制作其他曲线,效果如图2-33所示。

图2-32

图2-33
步骤13 选择“椭圆”工具,在适当的位置绘制一个椭圆形,设置图形填充色的C、M、Y、K值分别为0、12、30、0,填充图形,并设置描边色为无,效果如图2-34所示。

图2-34
步骤14 选择“选择”工具,按住Shift键的同时,单击下方图形将其同时选取,如图2-35所示。在“路径查找器”控制面板中单击“交集”按钮
,如图2-36所示,生成新的对象,效果如图2-37所示。

图2-35

图2-36

图2-37
步骤15 保持图形选取状态。设置图形填充色的C、M、Y、K值分别为45、55、72、0,填充图形,并设置描边色为无,效果如图2-38所示。选择“选择”工具,用圈选的方法将所绘制的图形同时选取,拖曳到页面中适当的位置,效果如图2-39所示。

图2-38

图2-39
3. 绘制前腿
步骤1 选择“圆角矩形”工具,在页面中单击鼠标左键,弹出“圆角矩形”对话框,选项的设置如图2-40所示,单击“确定”按钮,得到一个圆角矩形。选择“选择”工具
,将其拖曳到适当的位置。设置图形填充色的C、M、Y、K值分别为0、30、100、0,填充图形,并设置描边色为无,效果如图2-41所示。

图2-40

图2-41
步骤2 按Ctrl+C组合键,复制图形。按Ctrl+F组合键,将复制的图形粘贴在前面。选择“矩形”工具,在适当的位置拖曳鼠标绘制一个矩形,如图2-42所示。选择“选择”工具
,按住Shift键的同时,单击下方圆角矩形将其同时选取,如图2-43所示。

图2-42

图2-43
步骤3 在“路径查找器”控制面板中单击“减去顶层”按钮,生成新的对象,效果如图2-44所示。设置图形填充色的C、M、Y、K值分别为45、55、72、0,填充图形,效果如图2-45所示。

图2-44

图2-45
步骤4 选择“选择”工具,按住Shift键的同时,单击下方圆角矩形将其同时选取。按住Alt+Shift组合键的同时,水平向右拖曳图形到适当的位置,复制图形,效果如图2-46所示。按住Shift键的同时,单击需要的图形将其同时选取。按Ctrl+Shift+ [ 组合键,将其置于底层,效果如图2-47所示。动物挂牌绘制完成,效果如图2-48所示。

图2-46

图2-47

图2-48
2.1.4 【相关知识】
1. 绘制椭圆形和圆形
◎ 使用光标绘制椭圆形
选择“椭圆”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个椭圆形,如图2-49所示。

图2-49
选择“椭圆”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个圆形,效果如图2-50所示。

图2-50
选择“椭圆”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,可以绘制多个椭圆形,效果如图2-51所示。

图2-51
◎ 精确绘制椭圆形
选择“椭圆”工具,在页面中需要的位置单击,弹出“椭圆”对话框,如图2-52所示。在对话框中,“宽度”选项可以设置椭圆形的宽度,“高度”选项可以设置椭圆形的高度。设置完成后,单击“确定”按钮,得到图2-53所示的椭圆形。

图2-52

图2-53
2. 绘制矩形和正方形
◎ 使用光标绘制矩形
选择“矩形”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个矩形,效果如图2-54所示。

图2-54
选择“矩形”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个正方形,效果如图2-55所示。

图2-55
选择“矩形”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出多个矩形,效果如图2-56所示。

图2-56
选择“矩形”工具,按住Alt键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,可以绘制一个以鼠标单击点为中心的矩形。
选择“矩形”工具,按住Alt+Shift组合键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,可以绘制一个以鼠标单击点为中心的正方形。
选择“矩形”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,再按住空格键,可以暂停绘制工作而在页面上任意移动未绘制完成的矩形,释放空格键后可继续绘制矩形。
上述方法在“椭圆”工具、“圆角矩形”工具
、“多边形”工具
和“星形”工具
中同样适用。
◎ 精确绘制矩形
选择“矩形”工具,在页面中需要的位置单击,弹出“矩形”对话框,如图2-57所示。在对话框中,“宽度”选项可以设置矩形的宽度,“高度”选项可以设置矩形的高度。设置完成后,单击“确定”按钮,得到图2-58所示的矩形。

图2-57

图2-58
3. 绘制圆角矩形
◎ 使用光标绘制圆角矩形
选择“圆角矩形”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个圆角矩形,效果如图2-59所示。

图2-59
选择“圆角矩形”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,可以绘制一个宽度和高度相等的圆角矩形,效果如图2-60所示。

图2-60
选择“圆角矩形”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出多个圆角矩形,效果如图2-61所示。

图2-61
◎ 精确绘制圆角矩形
选择“圆角矩形”工具,在页面中需要的位置单击,弹出“圆角矩形”对话框,如图2-62所示。在对话框中,“宽度”选项可以设置圆角矩形的宽度,“高度”选项可以设置圆角矩形的高度,“圆角半径”选项可以控制圆角矩形中圆角半径的长度。设置完成后,单击“确定”按钮,得到图2-63所示的圆角矩形。

图2-62

图2-63
4. 绘制星形
◎ 使用鼠标绘制星形
选择“星形”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个星形,效果如图2-64所示。

图2-64
选择“星形”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个正星形,效果如图2-65所示。

图2-65
选择“星形”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出多个星形,效果如图2-66所示。

图2-66
◎ 精确绘制星形
选择“星形”工具,在页面中需要的位置单击,弹出“星形”对话框,如图2-67所示。在对话框中,“半径1”选项可以设置从星形中心点到各外部角的顶点的距离,“半径2”选项可以设置从星形中心点到各内部角的端点的距离,“角点数”选项可以设置星形中的边角数量。设置完成后,单击“确定”按钮,得到如图2-68所示的星形。

图2-67

图2-68
5. 使用钢笔工具
Illustrator CS6中的钢笔工具是一个非常重要的工具。使用钢笔工具可以绘制直线、曲线和任意形状的路径,可以对线段进行精确的调整,使其更加完美。
◎ 绘制直线段
选择“钢笔”工具,在页面中单击鼠标确定直线的起点,如图2-69所示。移动鼠标到需要的位置,再次单击鼠标确定直线的终点,如图2-70所示。

图2-69

图2-70
在需要的位置再连续单击确定其他的锚点,就可以绘制出折线的效果,如图2-71所示。如果单击折线上的锚点,该锚点会被删除,折线的另外两个锚点将自动连接,如图2-72所示。

图2-71

图2-72
◎ 绘制曲线段
选择“钢笔”工具,在页面中单击并按住鼠标左键拖曳光标来确定曲线的起点。起点的两端分别出现了一条控制线,释放鼠标,如图2-73所示。

图2-73
移动光标到需要的位置,再次单击并按住鼠标左键进行拖曳,出现了一条曲线段。拖曳光标的同时,第2个锚点两端也出现了控制线。按住鼠标不放,随着光标的移动,曲线段的形状也随之发生变化,如图2-74所示。释放鼠标,移动光标继续绘制。

图2-74
如果连续地单击并拖曳鼠标,可以绘制出一些连续平滑的曲线,如图2-75所示。

图2-75
6. 颜色填充
Illustrator CS6用于填充的内容包括“色板”控制面板中的单色对象、图案对象和渐变对象,以及“颜色”控制面板中的自定义颜色。另外,“色板库”提供了多种外挂的色谱、渐变对象和图案对象。
◎ 填充工具
应用工具箱中的“填色”和“描边”工具,可以指定所选对象的填充颜色和描边颜色。当单击按钮
(快捷键为X)时,可以切换填色显示框和描边显示框的位置。按Shift+X组合键时,可使选定对象的颜色在填充颜色和描边颜色之间切换。
在“填色”和“描边”下面有3个按钮
,它们分别是“颜色”按钮、“渐变”按钮和“无”按钮。当选择渐变填充时它不能用于图形的描边上。
◎ “颜色”控制面板
Illustrator通过“颜色”控制面板设置对象的填充颜色。单击“颜色”控制面板右上方的图标,在弹出式菜单中选择当前取色时使用的颜色模式。无论选择哪一种颜色模式,控制面板中都将显示出相关的颜色内容,如图2-76所示。

图2-76
选择“窗口 > 颜色”命令,弹出“颜色”控制面板。“颜色”控制面板上的按钮用来进行填充颜色和描边颜色之间的互相切换,操作方法与工具箱中按钮
的使用方法相同。
将光标移动到取色区域,光标变为吸管形状,单击就可以选取颜色。拖曳各个颜色滑块或在各个数值框中输入有效的数值,可以调配出更精确的颜色,如图2-77所示。

图2-77
更改或设定对象的描边颜色时,单击选取已有的对象,在“颜色”控制面板中切换到描边颜色,选取或调配出新颜色,这时新选的颜色被应用到当前选定对象的描边中,如图2-78所示。

图2-78
◎ “色板”控制面板
选择“窗口 > 色板”命令,弹出“色板”控制面板,在“色板”控制面板中单击需要的颜色或样本,可以将其选中,如图2-79所示。

图2-79
“色板”控制面板提供了多种颜色和图案,并且允许添加并存储自定义的颜色和图案。单击显示“色板类型”菜单按钮,可以使所有的样本显示出来;单击“新建颜色组”按钮
,可以新建颜色组;单击“色板选项”按钮
,可以打开“色板”选项对话框;“新建色板”按钮
用于定义和新建一个新的样本;“删除色板”按钮
可以将选定的样本从“色板”控制面板中删除。
绘制一个图形,单击填色按钮,如图2-80所示。选择“窗口 > 色板”命令,弹出“色板”控制面板,在“色板”控制面板中单击需要的颜色或图案来对对象内部进行填充,效果如图2-81所示。

图2-80

图2-81
选择“窗口 > 色板库”命令,可以调出更多的色板库。引入外部色板库,新增的多个色板库都将显示在同一个“色板”控制面板中。
在“色板”控制面板左上角的方块标有斜红杠,表示无颜色填充。双击“色板”控制面板中的颜色缩略图
的时候会弹出“色板选项”对话框,可以设置其颜色属性,如图2-82所示。

图2-82
单击“色板”控制面板右上方的按钮,将弹出下拉菜单,选择菜单中的“新建色板”命令,如图2-83所示,可以将选中的某一颜色或样本添加到“色板”控制面板中;单击“新建色板”按钮,也可以添加新的颜色或样本到“色板”控制面板中。

图2-83
Illustrator CS6除“色板”控制面板中默认的样本外,在其“色板库”中还提供了多种色板。选择“窗口 > 色板库”命令,或单击“色板”控制面板左下角的“色板库”菜单按钮,可以看到在其子菜单中包括了不同的样本可供选择使用。当选择“窗口 > 色板库 > 其他库”命令时,弹出对话框,可以将其他文件中的色板样本、渐变样本和图案样本导入到“色板”控制面板中。
Illustrator CS6增强了“色板”面板的搜索功能,可以键入颜色名称或输入CMYK颜色值进行搜索。“查找栏”在默认情况下不启用,单击“色板”控制面板右上方的按钮,在弹出的下拉菜单中选择“显示查找栏位”命令,面板上方显示查找选项。
7. 编辑描边
描边其实就是对象的描边线,对描边进行填充时,还可以对其进行一定的设置,如更改描边的形状、粗细以及设置为虚线描边等。
◎ 使用“描边”控制面板
选择“窗口 > 描边”命令(组合键为Ctrl+F10),弹出“描边”控制面板,如图2-84所示。“描边”控制面板主要用来设置对象的描边属性,如粗细、形状等。

图2-84
在“描边”控制面板中,“粗细”选项设置描边的宽度。“端点”选项组指定描边各线段的首端和尾端的形状样式,它有平头端点、圆头端点
和方头端点
3种不同的端点样式。“边角”选项组指定一段描边的拐点,即描边的拐角形状,它有3种不同的拐角接合形式,分别为斜接连接
、圆角连接
和斜角连接
。“限制”选项设置斜角的长度,它将决定描边沿路径改变方向时伸展的长度。“对齐描边”选项组用于设置描边于路径的对齐方式,分别为使描边居中对齐
、使描边内侧对齐
和使描边外侧对齐
。勾选“虚线”复选项可以创建描边的虚线效果。
◎ 设置描边的粗细
当需要设置描边的宽度时,要用到“粗细”选项,可以在其下拉列表中选择合适的粗细,也可以直接输入合适的数值。
选择“钢笔”工具,在页面中绘制一个图形并保持选取状态,效果如图2-85所示。在“描边”控制面板中的“粗细”选项的下拉列表中选择需要的描边粗细值,或直接输入合适的数值。本例设置的粗细数值为20pt,如图2-86所示,图形的描边粗细被改变,效果如图2-87所示。

图2-85

图2-86

图2-87
当要更改描边的单位时,可选择“编辑 > 首选项 > 单位”命令,弹出“首选项”对话框,如图2-88所示。可以在“描边”选项的下拉列表中选择需要的描边单位。

图2-88
◎ 设置描边的填充
保持图形为被选取的状态,如图2-89所示。在“色板”控制面板中单击选取所需的填充样本,对象描边的填充效果如图2-90所示。

图2-89

图2-90
提示 不能使用渐变填充样本对描边进行填充。
保持图形为被选取的状态,如图2-91所示。在“颜色”控制面板中调配所需的颜色,如图2-92所示,或双击工具箱下方的“描边”按钮,弹出“拾色器”对话框,如图2-93所示。在对话框中可以调配所需的颜色,对象描边的颜色填充效果如图2-94所示。

图2-91

图2-92

图2-93

图2-94
◎ 编辑描边的样式
“斜接限制”选项可以设置描边沿路径改变方向时的伸展长度。可以在其下拉列表中选择所需的数值,也可以在数值框中直接输入合适的数值,分别将“限制”选项设置为2和20时的对象描边,效果如图2-95所示。

图2-95
端点是指一段描边的首端和末端,可以为描边的首端和末端选择不同的端点样式来改变描边端点的形状。使用“钢笔”工具绘制一段描边,单击“描边”控制面板中的3个不同端点样式的按钮
,选定的端点样式会应用到选定的描边中,如图2-96所示。

图2-96
边角是指一段描边的拐点,边角样式就是指描边拐角处的形状。该选项有斜接连接、圆角连接和斜角连接3种不同的转角接合样式。绘制多边形的描边,单击“描边”控制面板中的3个不同转角接合样式按钮,选定的转角接合样式会应用到选定的描边中,如图2-97所示。

图2-97
虚线选项里包括6个数值框,勾选“虚线”复选框,数值框被激活,第1个数值框默认的虚线值为2pt,如图2-98所示。

图2-98
“虚线”选项用来设定每一段虚线段的长度,数值框中输入的数值越大,虚线的长度就越长。反之虚线的长度就越短。设置不同虚线长度值的描边效果如图2-99所示。

图2-99
“间隙”选项用来设定虚线段之间的距离,输入的数值越大,虚线段之间的距离越大。反之虚线段之间的距离就越小。设置不同虚线间隙的描边效果如图2-100所示。

图2-100
在“描边”控制面板中有两个可供选择的下拉列表按钮,左侧的是“起点的箭头”
,右侧的是“终点的箭头”
。选中要添加箭头的曲线,如图2-101所示。单击“起始箭头”按钮
,弹出“起始箭头”下拉列表框,单击需要的箭头样式,如图2-102所示。

图2-101

图2-102
曲线的起始点会出现选择的箭头,效果如图2-103所示。单击“终点的箭头”按钮,弹出“终点的箭头”下拉列表框,单击需要的箭头样式,如图2-104所示。曲线的终点会出现选择的箭头,效果如图2-105所示。

图2-103

图2-104

图2-105
“互换箭头起始处和结束处”按钮可以互换起始箭头和终点箭头。选中曲线,如图2-106所示。在“描边”控制面板中单击“互换箭头起始处和结束处”按钮
,如图2-107所示,效果如图2-108所示。

图2-106

图2-107

图2-108
在“缩放”选项中,左侧的是“箭头起始处的缩放因子”按钮,右侧的是“箭头结束处的缩放因子”按钮
,设置需要的数值,可以缩放曲线的起始箭头和结束箭头的大小。选中要缩放的曲线,如图2-109所示。单击“箭头起始处的缩放因子”按钮
,将“箭头起始处的缩放因子”设置为200,如图2-110所示,效果如图2-111所示。单击“箭头结束处的缩放因子”按钮
,将“箭头结束处的缩放因子”设置为200,效果如图2-112所示。

图2-109

图2-110

图2-111

图2-112
单击“缩放”选项右侧的“链接箭头起始处和结束处缩放”按钮,可以同时改变起始箭头和结束箭头的大小。
在“对齐”选项中,左侧的是“将箭头提示扩展到路径终点外”按钮,右侧的是“将箭头提示放置于路径终点处”按钮
,这两个按钮分别可以设置箭头在终点以外和箭头在终点处。选中曲线,如图2-113所示。单击“将箭头提示扩展到路径终点外”按钮
,如图2-114所示,效果如图2-115所示。单击“将箭头提示放置于路径终点处”按钮
,箭头在终点处显示,效果如图2-116所示。

图2-113

图2-114

图2-115

图2-116
在“配置文件”选项中,单击“变量宽度配置文件”按钮,弹出宽度配置文件下拉列表,如图2-117所示。在下拉列表中选中任意一个宽度配置文件可以改变曲线描边的形状。选中曲线,如图2-118所示。单击“变量宽度配置文件”按钮
,在弹出的下拉列表中选中任意一个宽度配置文件,如图2-119所示,效果如图2-120所示。

图2-117

图2-118

图2-119

图2-120
在“配置文件”选项右侧有两个按钮分别是“纵向翻转”按钮和“横向翻转”按钮
。选中“纵向翻转”按钮
,可以改变曲线描边的左右位置。“横向翻转”按钮
,可以改变曲线描边的上下位置。
8. 选取对象
Illustrator CS6中提供了5种选择工具,包括“选择”工具、“直接选择”工具
、“编组选择”工具
、“魔棒”工具
和“套索”工具
。它们都位于工具箱的上方,如图2-121所示。

图2-121
“选择”工具:通过单击路径上的一点或一部分来选择整个路径。
“直接选择”工具:可以选择路径上独立的节点或线段,并显示出路径上的所有方向线以便于调整。
“编组选择”工具:可以单独选择组合对象中的个别对象。
“魔棒”工具:可以选择具有相同笔画或填充属性的对象。
“套索”工具:可以选择路径上独立的节点或线段,在直接选取套索工具拖动时,经过轨迹上的所有路径将被同时选中。
编辑一个对象之前,首先要选中这个对象。对象刚建立时一般呈选取状态,对象的周围出现矩形圈选框,矩形圈选框是由8个控制手柄组成的,对象的中心有一个“”形的中心标记,对象矩形圈选框的示意图如图2-122所示。

图2-122
当选取多个对象时,可以多个对象共有1个矩形圈选框,多个对象的选取状态如图2-123所示。要取消对象的选取状态,只要在绘图页面上的其他位置单击即可。

图2-123
◎ 使用选择工具选取对象
选择“选择”工具,当鼠标指针移动到对象或路径上时,指针变为“
”,如图2-124所示;当鼠标指针移动到节点上时,指针变为“
”,如图2-125所示;单击鼠标左键即可选取对象,指针变为“
”,如图2-126所示。

图2-124

图2-125

图2-126
提示 按住Shift键,分别在要选取的对象上单击鼠标左键,即可连续选取多个对象。
选择“选择”工具,用鼠标在绘图页面中要选取的对象外围单击并拖曳鼠标,拖曳后会出现一个灰色的矩形圈选框,如图2-127所示,在矩形圈选框圈选住整个对象后释放鼠标,这时,被圈选的对象处于选取状态,如图2-128所示。

图2-127

图2-128
提示 用圈选的方法可以同时选取一个或多个对象。
◎ 使用直接选择工具选取对象
选择“直接选择”工具,用鼠标单击对象可以选取整个对象,如图2-129所示。在对象的某个节点上单击,该节点将被选中,如图2-130所示。选中该节点不放,向下拖曳,将改变对象的形状,如图2-131所示。

图2-129

图2-130

图2-131
提示 在移动节点的时候,按住Shift键,节点可以沿着45°角的整数倍方向移动;在移动节点时,按住Alt键,此时可以复制节点,这样就可以得到一段新路径。
◎ 使用魔棒工具选取对象
双击“魔棒”工具,弹出“魔棒”控制面板,如图2-132所示。

图2-132
勾选“填充颜色”复选框,可以使填充相同颜色的对象同时被选中;勾选“描边颜色”复选框,可以使填充相同描边的对象同时被选中;勾选“描边粗细”复选框,可以使填充相同笔画宽度的对象同时被选中;勾选“不透明度”复选框,可以使相同透明度的对象同时被选中;勾选“混合模式”复选框,可以使相同混合模式的对象同时被选中。
绘制3个图形,如图2-133所示,“魔棒”控制面板的设定如图2-134所示,使用“魔棒”工具,单击左边的对象,那么填充相同颜色的对象都会被选取,效果如图2-135所示。

图2-133

图2-134

图2-135
绘制3个图形,如图2-136所示,“魔棒”控制面板的设定如图2-137所示,使用“魔棒”工具,单击左边的对象,那么填充相同描边颜色的对象都会被选取,如图2-138所示。

图2-136

图2-137

图2-138
◎ 使用套索工具选取对象
选择“套索”工具,在对象的外围单击并按住鼠标左键,拖曳光标绘制一个套索圈,如图2-139所示,释放鼠标左键,对象被选取,效果如图2-140所示。

图2-139

图2-140
选择“套索”工具,在绘图页面中的对象外围单击并按住鼠标左键,拖曳光标在对象上绘制出一条套索线,绘制的套索线必须经过对象,效果如图2-141所示。套索线经过的对象将同时被选中,得到的效果如图2-142所示。

图2-141

图2-142
◎ 使用选择菜单
Illustrator CS6除了提供5种选择工具,还提供了一个“选择”菜单,如图2-143所示。

图2-143
“全部”命令:可以将Illustrator CS6绘图页面上的所有对象同时选取,不包含隐藏和锁定的对象(组合键为Ctrl+A)。
“现用画板上的全部对象”命令:可以将Illustrator CS6画板上的所有对象同时选取,不包含隐藏和锁定的对象(组合键为Alt+Ctrl+A)。
“取消选择”命令:可以取消所有对象的选取状态(组合键为Shift+Ctrl+A)。
“重新选择”命令:可以重复上一次的选取操作(组合键为Ctrl+6)。
“反向”命令:可以选取文档中除当前被选中的对象之外的所有对象。
“上方的下一个对象”命令:可以选取当前被选中对象之上的对象。
“下方的下一个对象”命令:可以选取当前被选中对象之下的对象。
“相同”子菜单下包含11个命令,即外观命令、外观属性命令、混合模式命令、填色和描边命令、填充颜色命令、不透明度命令、描边颜色命令、描边粗细命令、图形样式命令、符号实例命令和链接块系列命令。
“对象”子菜单下包含8个命令,即同一图层上的所有对象命令、方向手柄命令、没有对齐像素网格、毛刷画笔描边、画笔描边命令、剪切蒙版命令、游离点命令和文本对象命令。
“存储所选对象”命令:可以将当前进行的选取操作进行保存。
“编辑所选对象”命令:可以对已经保存的选取操作进行编辑。
9. 缩放对象
在Illustrator CS6中,可以快速而精确地按比例缩放对象,使设计工作变得更轻松。下面介绍按比例缩放对象的方法。
◎ 使用工具箱中的工具按比例缩放对象
选取要按比例缩放的对象,对象的周围出现控制手柄,如图2-144所示。用鼠标拖曳各个控制手柄可以缩放对象。拖曳对角线上的控制手柄缩放对象,如图2-145所示,按比例缩放对象的效果如图2-146所示。

图2-144

图2-145

图2-146
提示 拖曳对角线上的控制手柄时,按住Shift键,对象会按比例缩放。按住Shift+Alt组合键,对象会按比例地从对象中心缩放。
选取要按比例缩放的对象,再选择“比例缩放”工具,对象的中心出现缩放对象的中心控制点,用鼠标在中心控制点上单击并拖曳可以移动中心控制点的位置,如图2-147所示。用鼠标在对象上拖曳可以缩放对象,如图2-148所示。按比例缩放对象的效果如图2-149所示。

图2-147

图2-148

图2-149
◎ 使用“变换”控制面板按比例缩放对象
选择“窗口 > 变换”命令(组合键为Shift+F8),弹出“变换”控制面板,如图2-150所示。在控制面板中,“宽”选项可以设置对象的宽度,“高”选项可以设置对象的高度。改变宽度和高度值,就可以缩放对象。

图2-150
◎ 使用菜单命令缩放对象
选择“对象 > 变换 > 缩放”命令,弹出“比例缩放”对话框,如图2-151所示。在对话框中,选择“等比”选项可以调节对象按比例缩放,右侧的文本框可以设置对象按比例缩放的百分比数值。选择“不等比”选项可以调节对象不按比例缩放,“水平”选项可以设置对象在水平方向上的缩放百分比,“垂直”选项可以设置对象在垂直方向上的缩放百分比。

图2-151
◎ 使用鼠标右键的弹出式命令缩放对象
在选取的要缩放的对象上单击鼠标右键,弹出快捷菜单,选择“对象 > 变换 > 缩放”命令,也可以对对象进行缩放。
提示 对象的移动、旋转、镜像和倾斜命令的操作也可以使用鼠标右键的弹出式命令来完成。
10. 旋转对象
◎ 使用工具箱中的工具旋转对象
使用“选择”工具选取要旋转的对象,将鼠标指针移动到旋转控制手柄上,指针变为旋转符号“
”,效果如图2-152所示。单击并拖动鼠标左键旋转对象,旋转时对象会出现蓝色虚线,指示旋转方向和角度,效果如图2-153所示。旋转到需要的角度后释放鼠标左键,旋转对象的效果如图2-154所示。

图2-152

图2-153

图2-154
选取要旋转的对象,选择“自由变换”工具,对象的四周会出现控制柄。用鼠标拖曳控制柄,就可以旋转对象。此工具与“选择”工具
的使用方法类似。
选取要旋转的对象,选择“旋转”工具,对象的四周出现控制柄。用鼠标拖曳控制柄,就可以旋转对象。对象是围绕旋转中心
来旋转的,Illustrator默认的旋转中心是对象的中心点。可以通过改变旋转中心来使对象旋转到新的位置,将光标移动到旋转中心上,单击鼠标左键拖曳旋转中心到需要的位置后,拖曳光标,如图2-155所示,释放鼠标,改变旋转中心后旋转对象的效果如图2-156所示。

图2-155

图2-156
◎ 使用“变换”控制面板旋转对象
选择“窗口 > 变换”命令,弹出“变换”控制面板。“变换”控制面板的使用方法和“缩放”中的使用方法相同,这里不再赘述。
◎ 使用菜单命令旋转对象
选择“对象 > 变换 > 旋转”命令或双击“旋转”工具,弹出“旋转”对话框,如图2-157所示。在对话框中,“角度”选项可以设置对象旋转的角度;勾选“变换对象”复选框,旋转的对象不是图案;勾选“变换图案”复选框,旋转的对象是图案;“复制”按钮用于在原对象上复制一个旋转对象。

图2-157
11. 倾斜对象
◎ 使用工具箱中的工具倾斜对象
选取要倾斜的对象,效果如图2-158所示,选择“倾斜”工具,对象的四周出现控制柄。用鼠标拖曳控制手柄或对象,倾斜时对象会出现蓝色的虚线指示倾斜变形的方向和角度,效果如图2-159所示。倾斜到需要的角度后释放鼠标左键,对象的倾斜效果如图2-160所示。

图2-158

图2-159

图2-160
◎ 使用“变换”控制面板倾斜对象
选择“窗口 > 变换”命令,弹出“变换”控制面板。“变换”控制面板的使用方法和“缩放”中的使用方法相同,这里不再赘述。
◎ 使用菜单命令倾斜对象
选择“对象 > 变换 > 倾斜”命令,弹出“倾斜”对话框,如图2-161所示。在对话框中,“倾斜角度”选项可以设置对象倾斜的角度。在“轴”选项组中,选择“水平”单选项,对象可以水平倾斜;选择“垂直”单选项,对象可以垂直倾斜;选择“角度”单选项,可以调节倾斜的角度。“复制”按钮用于在原对象上复制一个倾斜的对象。

图2-161
12. 镜像对象
在Illustrator CS6中可以快速而精确地进行镜像操作,使设计和制作工作更加轻松有效。
◎ 使用工具箱中的工具镜像对象
选取要生成镜像的对象,如图2-162所示,选择“镜像”工具,用鼠标拖曳对象进行旋转,出现蓝色虚线,效果如图2-163所示,这样可以实现图形的旋转变换,也就是对象绕自身中心的镜像变换,镜像后的效果如图2-164所示。

图2-162

图2-163

图2-164
用鼠标在绘图页面上任意位置单击,可以确定新的镜像轴标志“”的位置,效果如图2-165所示。用鼠标在绘图页面上任意位置再次单击,则单击产生的点与镜像轴标志的连线就作为镜像变换的镜像轴,对象在与镜像轴对称的地方生成镜像,对象的镜像效果如图2-166所示。

图2-165

图2-166
提示 使用“镜像”工具生成镜像对象的过程中,只能使对象本身产生镜像。要在镜像的位置生成一个对象的复制品,方法很简单,在拖曳鼠标的同时按住Alt键即可。“镜像”工具也可以用于旋转对象。
◎ 使用“选择”工具镜像对象
使用“选择”工具,选取要生成镜像的对象,效果如图2-167所示。按住鼠标左键直接拖曳控制手柄到相对的边,直到出现对象的蓝色虚线,如图2-168所示,释放鼠标左键就可以得到不规则的镜像对象,效果如图2-169所示。

图2-167

图2-168

图2-169
直接拖曳左边或右边中间的控制手柄到相对的边,直到出现对象的蓝色虚线,释放鼠标左键就可以得到原对象的水平镜像。直接拖曳上边或下边中间的控制手柄到相对的边,直到出现对象的蓝色虚线,释放鼠标左键就可以得到原对象的垂直镜像。
提示 按住Shift键,拖曳边角上的控制手柄到相对的边,对象会成比例地沿对角线方向生成镜像。按住Shift+Alt组合键,拖曳边角上的控制手柄到相对的边,对象会成比例地从中心生成镜像。
◎ 使用菜单命令镜像对象
选择“对象 > 变换 > 对称”命令,弹出“镜像”对话框,如图2-170所示。在“轴”选项组中,选择“水平”单选项可以垂直镜像对象,选择“垂直”单选项可以水平镜像对象,选择“角度”单选项可以输入镜像角度的数值。在“选项”选项组中,勾选“变换对象”复选框,镜像的对象不是图案;勾选“变换图案”复选框,镜像的对象是图案。“复制”按钮用于在原对象上复制一个镜像的对象。

图2-170
2.1.5 【实战演练】绘制交通工具
使用圆角矩形工具、星形工具、椭圆工具绘制图形;使用镜像工具制作图形对称效果。最终效果参看云盘中的“Ch02 > 效果 > 绘制交通工具”,如图2-171所示。

图2-171