饭桶教程-Illustrator教程-

饭桶教程

Illustrator教程

Illustrator中最基本的线状图形有直线、弧线、螺旋线、矩形网格和极坐标网格。还有一类特殊的图形——光晕图形，其光环和发射的射线也属于线状对象。

2.2.1 直线

直线段工具用来创建直线。拖曳鼠标时按住Shift键，可创建水平、垂直或45°的整数倍方向的直线；按住Alt键，则直线会以起点为中心向两侧延伸。

在画板中单击，打开“直线段工具选项”对话框，可以设置直线的长度和角度，如图2-23和图2-24所示。勾选“线段填色”选项，将以当前填充颜色为线段填色。

图2-23

图2-24

2.2.2 弧线

弧形工具用来创建弧线。拖曳鼠标时，按X键，可以切换弧线的凹凸方向，如图2-25所示；按C键，可在开放式图形与闭合图形之间切换，图2-26所示为创建的闭合图形；按住Shift键，可以保持固定的角度；按↑键和↓键，可以调整弧线的斜率。如果要创建更为精确的弧线，可在画板中单击，打开“弧线段工具选项”对话框进行设置，如图2-27所示。

图2-25

图2-26

图2-27

参考点定位器：单击参考点定位器上的空心方块，可以定义从哪一点开始绘制弧线。
X轴长度/Y轴长度：用来设置弧线的宽度和高度。
类型：可以选择创建开放式弧线或闭合式弧线。
基线轴：可以指定弧线的方向，即沿水平方向（“X轴”）绘制，或沿垂直方向（“Y轴”）绘制。
斜率：用来指定弧线的斜率和方向。其为负值则弧线向内凹入，为正值则弧线向外凸起。
弧线填色：用当前的填充颜色为弧线围住的区域填色，如图2-28所示。

图2-28

2.2.3 螺旋线

螺旋线工具用来创建螺旋线，如图2-29所示。拖曳鼠标时，移动鼠标指针可以旋转图形；按R键，可以调整螺旋线的方向，如图2-30所示；按住Ctrl键拖曳，可以调整螺旋线的紧密程度，如图2-31所示；按↑键螺旋线会增加；按↓键则减少螺旋线。如果要更加精确地绘制图形，可以在画板中单击，打开“螺旋线”对话框进行设置，如图2-32所示。

图2-29

图2-30

图2-31

图2-32

半径：用来设置从中心到螺旋线最外点的距离。该值越大，螺旋的范围越大。

衰减：用来设置每一螺旋相对于上一螺旋应减少的量，如图2-33和图2-34所示。

图2-33

图2-34

段数：螺旋线的每一完整螺旋由4条线段组成。该值决定了线段的数量，如图2-35所示。

图2-35

样式：可以设置螺旋线的方向。

2.2.4 实战：绘制卡通龙猫

01 按Ctrl+N快捷键，新建一个文档。使用椭圆工具创建一个椭圆形，填充浅棕色，如图2-36和图2-37所示。

图2-36

图2-37

02 再创建两个椭圆形，如图2-38和图2-39所示。选择锚点工具，将鼠标指针放在图2-40所示的锚点上，单击鼠标，将圆角改成尖角，如图2-41所示。用它作龙猫的耳朵。

图2-38

图2-39

图2-40

图2-41

03 将鼠标指针放在图形右下角并进行拖曳，旋转图形，如图2-42所示。选择镜像工具。鼠标指针在大椭圆上方移动，会出现智能参考线并显示“锚点”二字，如图2-43所示。按住Alt键单击，弹出“镜像”对话框，选取“垂直”选项，单击“复制”按钮，在对称位置复制图形，如图2-44和图2-45所示。

图2-42

图2-43

图2-44

图2-45

04 使用椭圆工具创建一个圆形，将颜色调浅，如图2-46和图2-47所示。再创建一个圆形作为眼睛。设置描边颜色为黑色，粗细为1 pt，并选取宽度配置文件，让描边呈现粗细变化，如图2-48所示。

图2-46

图2-47

图2-48

05 创建一个黑色的圆形，作为瞳孔。选择选择工具，按住Shift键单击外侧的眼球，将其与瞳孔一同选取，如图2-49所示。按住Alt键向左侧拖曳，进行复制，如图2-50所示。

图2-49

图2-50

06 使用弧形工具绘制胡须。设置描边颜色为黑色，并选取宽度配置文件，如图2-51和图2-52所示。

图2-51

图2-52

07 使用弧形工具绘制嘴巴，如图2-53所示。绘制鼻子，设置填色为黑色，如图2-54所示。最后在龙猫的肚皮上绘制两组弧线，如图2-55和图2-56所示。

图2-53

图2-54

图2-55

图2-56

2.2.5 实战：制作镂空立体字（矩形网格工具）

本实战将使用矩形网格工具、铅笔工具、剪切蒙版、图层、文字等制作镂空立体字。由于用到的功能较多，对于Illustrator新手操作有一定的难度。但这样的练习有助于我们了解Illustrator的整体功能，对后面即将学习的知识也能有一个初步的认识。

01 按Ctrl+N快捷键，新建一个文档。选择矩形网格工具，在画板中单击，弹出“矩形网格工具选项”对话框，设置参数，如图2-57所示，单击“确定”按钮创建网格图形。在“颜色”面板中设置描边颜色为红色，在“控制”面板中设置描边粗细为2 pt，无填色，如图2-58～图2-60所示。

图2-57

图2-58

图2-59

图2-60

02 双击旋转工具，在打开的对话框中设置旋转“角度”为45°，对图形进行旋转，如图2-61和图2-62所示。

图2-61

03 执行“效果>风格化>投影”命令，添加“投影”效果，使网格产生立体感，如图2-63和图2-64所示。

图2-63

图2-64

04 在“图层”面板中，将<编组>图层拖曳到按钮上，复制组（即网格图形），如图2-65和图2-66所示。在组右侧的选择列中，即图2-67所示处单击，选择组中的所有对象（复制出的矩形网格），将描边调细，将颜色调浅，使网格呈现凸起和高光效果，如图2-68和图2-69所示。

图2-65

图2-66

图2-67

图2-68

图2-69

05 选择选择工具，按←键和↑键，将当前网格向左上方移动一点距离，使之与下方网格位置错开一点，以增强立体感，如图2-70所示。使用铅笔工具（参考此处）绘制一条闭合的路径，如图2-71所示。单击“图层1”，如图2-72所示，单击面板底部的按钮，创建剪切蒙版（参考此处），将该路径以外的网格图形隐藏，如图2-73和图2-74所示。

图2-70

图2-71

图2-72

图2-73

图2-74

06 单击“图层”面板底部的按钮，新建“图层2”。将位于最下方的<编组>子图层拖曳到按钮上进行复制，如图2-75所示；之后将复制所得到的图层拖曳到“图层2”中，如图2-76和图2-77所示。

图2-75

图2-76

图2-77

07 单击“图层2”前方的按钮，展开图层。在图2-78所示的选择列中单击，选取图形，设置描边颜色为白色，如图2-79和图2-80所示。

图2-78

图2-79

图2-80

08 打开“字符”面板。设置字体及大小，如图2-81所示。选择文字工具，在远离网格的区域单击并输入文字（注意：应远离网格，否则会在路径上创建文字）；之后选择选择工具，将其拖曳到网格上，如图2-82所示。

图2-81

图2-82

09 单击“图层2”，如图2-83所示，再单击面板底部的按钮，创建剪切蒙版，将文字以外的图形隐藏，如图2-84所示。

图2-83

图2-84

10 单击“图层”面板底部的按钮，新建“图层3”。将它拖曳到“图层1”下方，如图2-85和图2-86所示。打开素材，如图2-87所示。按Ctrl+A快捷键全选，按Ctrl+C快捷键复制。切换到另一个文档，按Ctrl+V快捷键，将图稿粘贴到该文档中，作为背景，如图2-88所示。

图2-85

图2-86

图2-87

图2-88

“矩形网格工具选项”对话框

宽度/高度：用来设置矩形网格的宽度和高度。
参考点定位器：单击参考点定位器上的空心方块，可以确定绘制网格时的起始点的位置。
“水平分隔线”选项组：“数量”选项用来设置网格顶部和底部之间的水平分隔线的数量。“倾斜”值决定了水平分隔线从网格顶部或底部倾向于左侧或右侧的方式。当“倾斜”值为0％时，水平分隔线的间距相同；该值大于0％时，网格的间距由上到下逐渐变小；该值小于0％时，则网格的间距由下到上逐渐变小。
“垂直分隔线”选项组：“数量”选项用来设置网格左侧和右侧之间的分隔线的数量。“倾斜”值决定了垂直分隔线倾向于左侧或右侧的方式。当“倾斜”值为0％时，垂直分隔线的间距相同；该值大于0％时，网格的间距由左到右逐渐变小；该值小于0％时，则网格的间距由右到左逐渐变小。
使用外部矩形作为框架：勾选该选项后，将以单独的矩形对象替换顶部、底部、左侧和右侧线段。使用编组选择工具可以将该矩形与网格分离，如图2-89所示。

图2-89

填色网格：勾选该选项及“使用外部矩形作为框架”选项后，会以当前填充颜色为网格填色，如图2-90所示。

图2-90

技术看板　矩形网格创建技巧

选择矩形网格工具，在画板上拖曳鼠标，可以自定义网格大小。拖曳鼠标时，按住Shift键，可以创建正方形网格；按住Alt键，会以起点为中心向外绘制网格；按F键/V键可调整网格中的水平分隔线间距；按X键/C键，可调整垂直分隔线的间距；按↑键/↓键，可以增加/减少水平分隔线；按→键/←键，可以增加/减少垂直分隔线。

2.2.6 实战：绘制服装单独纹样（极坐标网格工具）

在服装设计行业中，Illustrator是常用的软件之一，因为它的矢量绘图功能非常强大，可以绘制款式图、服装画，制作服饰图案。

单独纹样是服饰图案的基础，通过对单独纹样的复制与排列，可以构成二方连续、四方连续，以及独幅式综合图案。

01 选择极坐标网格工具，在画板上单击，弹出“极坐标网格工具选项”对话框，设置参数，如图2-91所示。单击“确定”按钮，创建同心圆图形，如图2-92所示。

图2-91

图2-92

02在工具栏中，单击图2-93所示的按钮，将描边设置为当前编辑状态。执行“窗口>画笔库>边框>边框_装饰”命令，打开“边框_装饰”面板。选择编组选择工具，单击最内层的圆形，将其选取，如图2-94所示；单击如图2-95所示的画笔，为它添加画笔描边，如图2-96所示。

图2-93

图2-94

图2-95

图2-96

03 采用同样的方法依次单击外层圆形，并添加不同的描边，效果如图2-97所示。使用其他画笔库，如“边框_原始”库可以制作出古朴、深沉风格的图案，如图2-98所示。

图2-97

图2-98

“极坐标网格工具选项”对话框

宽度/高度：用来设置整个网格的宽度和高度。
参考点定位器：单击参考点定位器上的空心方块，可以确定绘制网格时的起始点的位置。
“同心圆分隔线”选项组：“数量”选项用来设置出现在网格中的同心圆分隔线的数量。“倾斜”值决定了同心圆分隔线倾向于网格内侧或外侧的方式。当“倾斜”值为0％时，同心圆之间的距离相同；该值大于0％时，同心圆向边缘聚拢；该值小于0％时，同心圆向中心聚拢。
“径向分隔线”选项组：“数量”用来设置网格中心和外围之间出现的径向分隔线的数量。“倾斜”值决定了径向分隔线倾向于网格逆时针或顺时针方向的方式。当“倾斜”值为0％时，径向分隔线的间距相同；该值大于0％时，径向分隔线向逆时针方向聚拢；该值小于0％时，径向分隔线向顺时针方向聚拢。
从椭圆形创建复合路径：将同心圆转换为独立的复合路径，并每隔一个圆填色，如图2-99所示。

图2-99

填色网格：用当前的填充颜色为网格填色，如图2-100所示。

图2-100

技术看板　极坐标网格创建技巧

使用极坐标网格工具时，拖曳鼠标，可自定义网格大小。拖曳鼠标时，按住Shift键，可绘制圆形网格；按住Alt键，将以起点为中心向外绘制极坐标网格；按↑键/↓键，可增加/减少同心圆；按→键/←键，可增加/减少径向分隔线；按X键，同心圆向网格中心聚拢；按C键，同心圆向边缘扩散；按V键/F键，径向分隔线向顺时针/逆时针方向聚拢。