购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

3.3 认识绘图工具

Illustrator提供了各种图形绘制工具,如矩形工具、椭圆工具、多边形工具和星形工具等。这些工具的使用方法非常简单,选择图形工具后,只需在画板中单击并拖动光标,即可绘制出对应的图形。如果想要按照指定的参数绘制图形,可在画板中单击,然后在弹出的对话框中进行设定。掌握这几款简单的几何图形工具,就可以组合出各种复杂的图形。

3.3.1 线条工具

直线段工具、弧形工具和螺旋线工具可以绘制直线段、弧线及各式各样的线条组合。

1.直线段工具

工具栏中的“直线段工具” 用于创建直线。在画板中单击并拖动光标设定直线的起点和终点,即可创建一条直线,如图3-7所示。在绘制的过程中,若按住Shift键,可以创建水平、垂直或以45°角方向为增量的直线;若按住Alt键,可以创建以单击点为中心向两侧延伸的直线;若要创建指定长度和角度的直线,可以在画板中单击,打开“直线段工具选项”对话框,设置精确的参数,如图3-8所示,单击“确定”按钮,完成直线的绘制,如图3-9所示。

图3-7

图3-8

图3-9

延伸讲解

选择“直线段工具” 后,控制面板会显示该工具的各种选项,其中“描边粗细”选项可以设置直线段图形的宽度。

2.弧形工具

工具栏中的“弧形工具” 可以用来创建弧线。弧线的绘制方法与直线的绘制方法基本相同,在画板中单击并拖动光标设定弧线的起点和终点,即可创建一条弧线,如图3-10所示。在绘制过程中,若按X键,可以切换弧线的凹凸方向,如图3-11所示;若按C键,可以在开放式图形与闭合图形之间切换,图3-12所示为闭合图形;若按住Shift键,可以保持固定的角度;若按“↑”“↓”“←”“→”键可以调整弧线的斜率。

若要创建精确的弧线,可以使用“弧形工具” 在画板中单击,打开“弧线段工具选项”对话框,设置精确的参数,如图3-13所示,绘制完成后的效果如图3-14所示。

图3-10

图3-11

图3-12

图3-13

图3-14

“弧线段工具选项”对话框中各选项参数作用如下。

●参考点定位器 :单击参考点定位器上的4个空心方块,可以指定绘制弧线时的参考点。

●X轴长度/Y轴长度:用来设置弧线的长度和高度。

●类型:该下拉列表中包含“开放”与“闭合”两个选项,用来设置创建开放式弧线或者闭合式弧线。

●基线轴:该下拉列表中包含“X轴”与“Y轴”两个选项。若选择“X轴”选项,可以沿水平方向绘制;若选择“Y轴”选项,则会沿垂直方向绘制。

●斜率:用来指定弧线的倾斜方向,可输入数值或拖动滑块来调整参数。

●弧线填色:勾选该复选框后,会用当前的填充颜色为弧线围合的区域填色。

3.螺旋线工具

工具栏中的“螺旋线工具” 可以创建螺旋线,使用该工具在画板中单击并拖动光标即可绘制螺旋线,如图3-15所示,在拖动光标的过程中可以同时旋转螺旋线;若按R键,可以调整螺旋线的方向,如图3-16所示;若按住Ctrl键拖动光标,可以调整螺旋线的紧密程度,如图3-17所示;若按“↑”键,可以增加螺旋,如图3-18所示,按“↓”键则会减少螺旋。

图3-15

图3-16

图3-17

图3-18

若要创建精确的螺旋线,可以使用“螺旋线工具” 在画板中单击,打开“螺旋线”对话框,设置精确的参数,如图3-19所示,绘制完成后的效果如图3-20所示。

图3-19

图3-20

“螺旋线”对话框中各选项的含义如下。

●半径:用来设置从中心到螺旋线最外侧结束点的距离,该值越高,螺旋线的范围越大。

●衰减:用来设置螺旋线的每一螺旋相对于上一螺旋应减少的量,该值越小,螺旋的间距越小,不同衰减量的螺旋效果如图3-21和图3-22所示。

图3-21

图3-22

●段数:用来设置螺旋线路径段的数量,如图3-23和图3-24所示。

●样式:用来设置螺旋线的方向。

图3-23

图3-24

3.3.2 图形工具

1.矩形工具

单击“矩形工具”按钮 ,将当前工具切换为矩形工具。在画板上按住鼠标左键不放,将光标向任意方向移动,即可绘制出一个矩形。如果在绘制过程中按住Shift键,则会绘制出一个正方形,如图3-25所示。

图3-25

小贴士:选择“直接选择工具” ,选择矩形的任意一个顶点,该顶点附近会出现一个圆形图标。此时,将光标移动至该圆形图标上,按住鼠标左键并向矩形内侧拖动,可以将该顶点的直角变成一个圆角。这个点的作用就是用来改变矩形每个角的圆度,如图3-26所示。

图3-26

2.椭圆工具

使用“椭圆工具” 可以创建圆形和椭圆形(图3-27)。选择该工具后,在画板中单击并拖动光标可以绘制任意大小的椭圆形;在操作时,若按住Shift键,可以创建正圆形,如图3-28所示;若按住Alt键,可以以单击点为中心向外绘制椭圆形;若按快捷键Shift+Alt,则可以以单击点为中心向外绘制圆形。

图3-27

图3-28

如果要创建一个指定大小的圆形或者椭圆形,可以在画板中单击,打开“椭圆”对话框,如图3-29所示,在对话框中设置相应参数即可。

图3-29

3.多边形工具

长按“椭圆工具” ,在弹出的列表中选择“多边形工具”选项,即可将当前工具切换为“多边形工具” ,如图3-30所示。

图3-30

在画板中单击并拖动光标,即可绘制出一个六边形,如果在绘制的同时按住Shift键,则会绘制出一个水平方向的六边形,如图3-31所示。

图3-31

小贴士:在绘制六边形的过程中,按“↑”“↓”键,可增加和减少六边形的边数。最少可保留三条边,即三角形,如图3-32所示。

图3-32

4.星形

“星形工具” 也位于图形工具组中,如图3-33所示。

图3-33

在画板中单击并拖动光标,即可绘制出一个五角形,如果在绘制的同时按住Shift键,则会绘制出一个水平方向的五角星,如图3-34所示。

图3-34

小贴士:在绘制星形的过程中,按“↑”“↓”键可增加和减少星形的角数。最少可保留三个角,即三角形(图例中为四角形),如图3-35所示。

图3-35

3.3.3 实战—绘制极简风格图标

本实战使用Illustrator的基本图形绘制一个极简风格的图标,完成效果如图3-36所示。

图3-36

01 执行“文件”→“新建”命令,或者按快捷键Ctrl+N,新建一个宽度为1920px,高度为1080px的文档,方向选择横向,单击“创建”按钮,完成创建,如图3-37所示。

02 选择“矩形工具” ,在画板中央绘制一个矩形。将光标移动到矩形角上的圆点上,拖动圆点,将长方形的四个角都转化成圆角,如图3-38所示。

03 单击工具栏中“互换填色与描边”按钮 ,将长方形的“描边”和“填色”互换,并在右侧的“属性”面板中,将描边的大小改为30pt,如图3-39所示。

04 选择绘制的矩形,按快捷键Ctrl+C复制后,按快捷键Ctrl+V在原位置进行粘贴。选中上面的矩形,当光标变成 时,按住Shift键拖动,将水平矩形旋转成竖直状态,如图3-40所示。

图3-37

图3-38

图3-39

图3-40

05 选中竖直状态的矩形,单击“属性”面板的“填色”图标,将填充颜色改为白色,如图3-41所示,填充效果如图3-42所示。

06 将工具切换为“多边形工具” ,在矩形的中央位置绘制一个三角形。选中这个三角形,按I键将当前工具切换为“吸管工具” ,用“吸管工具”单击一下后面的矩形,将三角形的描边改成跟矩形一样的颜色,如图3-43所示。

图3-41

图3-42

图3-43

07 使用“直接选择工具” 依次选中三角形的每个顶点,并单击“属性”面板中的“将所选锚点转换为平滑”按钮 ,如图3-44所示,即可将三角形的每个顶点都变得“圆润”一些,如图3-45所示。

08 将工具切换为“直线段工具” ,在第一个矩形的上方绘制一长一短的两条直线,并按I键,将工具切换为“吸管工具” ,吸取竖直矩形的描边颜色,完成效果如图3-46所示。

09 选中这两条直线,单击右侧“属性”面板的“描边”按钮,将“端点”和“边角”的属性都改成第二种样式,如图3-47所示。

图3-44

图3-45

图3-46

图3-47

10 选择“椭圆工具” ,在主体周围绘制几个修饰,即可完成极简风格图标的绘制,如图3-48所示。

图3-48

3.3.4 钢笔工具

1.绘制多边形

单击工具栏的“钢笔工具”图标 ,可将当前工具切换为“钢笔工具”。在Illustrator中绘制矢量图形时,“钢笔工具” 是最核心的工具,使用该工具可以绘制直线、曲线及任意图形,并且可以对已有路径进行编辑。熟练掌握“钢笔工具”能够帮助用户创建出更加丰富的造型。

使用“钢笔工具” 在画板上单击可创建一个锚点,然后拖动光标在另一处位置单击,即可创建直线路径,如图3-49所示。

图3-49

若按住Shift键单击,可以将直线的角度限定为45°的倍数。在其他位置单击,可继续绘制直线,如图3-50所示。

图3-50

如果将光标移动至起点处,光标右下角会出现一个“圆圈”标志 ,此时单击,就完成了一个闭合形状的创建,如图3-51所示。使用这种方式可以用钢笔工具绘制出任意一个多边形。

图3-51

2.调整多边形

对于绘制好的形状,可以使用“钢笔工具”继续编辑。当把光标放到多边形上的某个锚点上时,光标的右下角会出现一个“-”图标,此时单击就会删除这个锚点,如图3-52所示。

如果将光标放到多边形的某条边上,光标的右下角就会出现一个“+”图标,此时单击就会在该条边上创建一个新的锚点,如图3-53所示。

图3-52

图3-53

按住Ctrl键,可以将钢笔工具临时转换为“直接选择工具” ,这时可以选择并移动锚点,如图3-54所示。

图3-54

通过加点和减点这两种方式,可以将绘制好的多边形改变成所需的任意形状。

3.锚点工具

长按“钢笔工具” ,在弹出的列表中选择“锚点工具”选项,将当前工具切换为“锚点工具” ,如图3-55所示。

图3-55

使用“锚点工具” 单击任意一个顶点,并向任意方向拖动光标,即可为该点添加弧度,如图3-56所示。

图3-56

使用“锚点工具” 单击已经有弧度的点,可将其弧度去除,如图3-57所示。

图3-57

4.钢笔的进阶使用

使用“钢笔工具” 在画板任意位置单击并拖动,可拉出“锚点”的“控制手柄”,如图3-58所示。

图3-58

“控制手柄”分布在锚点两侧,分别用来控制锚点两侧曲线的弧度。此时如果在这个锚点的两侧分别创建两个新的锚点,那锚点之间连接的线段就是一条曲线,而不是一条直线段,如图3-59所示。

图3-59

此时按住Ctrl键,将“钢笔工具”临时转换为“直接选择工具” ,可以控制锚点的控制手柄。使用“直接选择工具” 调整控制手柄的方向,可以改变曲线的形态,如图3-60所示。

图3-60

在控制锚点一侧的“控制手柄”时,另一侧的“控制手柄”也会跟随着一起发生变化。如果想要分别控制两侧的“控制手柄”,则需要在“直接选择工具”的状态下,按住Alt键,再去移动“控制手柄”,这样另一侧的“控制手柄”就不受影响,如图3-61所示。

图3-61

另外,在使用“直接选择工具” 时,将光标移动到线段上,“直接选择工具” 会出现“弧线”标记,此时按住鼠标左键不放,可以改变形态,如图3-62所示。

图3-62

小贴士:在Illustrator中,线段虽然是由两个“锚点”共同创建的,但并不意味着一定要删掉某个“锚点”才能删除线段,用“直接选择工具” 选择线段也可以删除该线段,同时两个锚点也会保留,如图3-63所示。

图3-63

3.3.5 实战—绘制雪人卡通插画

下面结合前面讲的知识,绘制一个“MBE风格”的雪人插画,如图3-64所示。

01 执行“文件”→“新建”命令,或者按快捷键Ctrl+N新建一个宽度为1920px,高度为1080px的文档,方向选择横向,单击“创建”按钮,完成创建,如图3-65所示。

02 选择“椭圆工具” ,按住Shift键绘制一大一小两个正圆。填充改为“无”,描边大小改为22pt,描边颜色为#665d82,如图3-66所示。

图3-64

图3-65

图3-66

小贴士:单击“描边”按钮,在弹出的对话框中选择“颜色混合器”,在“颜色混合器”对话框右下角输入色值,即可改变描边的颜色,如图3-67所示。

图3-67

03 切换到“选择工具” ,框选两个圆,在右侧“属性”面板对齐栏中单击“水平居中对齐”按钮 ,将两个圆水平居中对齐,如图3-68所示。

04 选择“钢笔工具” ,在大圆的任意一侧绘制两条曲线,作为雪人的“手臂”,如图3-69所示。

05 选择绘制的左侧“手臂”,按快捷键Ctrl+C复制,按快捷键Ctrl+V粘贴至雪人的右侧。选择右侧手臂,双击工具栏的“镜像工具” ,在弹出的“镜像”对话框中选择“垂直”选项 ,并勾选“预览”复选框,可以看到复制的手臂已经水平翻转,如图3-70所示。单击“确定”按钮关闭对话框,将翻转后的手臂调整到合适的位置,如图3-71所示。

06 使用“多边形工具” 绘制出一个正三角形。用“直接选择工具” 选择三角形的一个顶点,将其向上移动,如图3-72所示。

图3-68

图3-69

图3-70

图3-71

图3-72

07 选中三角形下面的两个顶点,通过拖动“小圆点”,将它们变成圆角。再选中最上面的顶点,拖动“小圆点”,将其改成“圆角”,如图3-73所示。

图3-73

08 交换三角形的填充和描边属性,使其描边为“无”,填充颜色为#665d82,然后将其摆放到第一个圆上合适的位置,作为雪人的鼻子,如图3-74所示。

图3-74

09 使用“椭圆工具” 绘制出雪人的“眼睛”和衣服的“纽扣”,如图3-75所示。

图3-75

10 选中两个大圆,在右侧“属性”面板中单击“联集”按钮 ,将两个圆形合并成一个形状,如图3-76所示。

11 选中合并后的形状,将描边“端点”“边角”和“对齐描边”属性改成图3-77所示的选项。

12 将合并后的形状复制一份,并向左下移动到合适的位置,将其“描边”改成“无”,“填充”色值改为#abfafd。再按快捷键Ctrl+Shift+[,将其移动到“最底层”,如图3-78所示。

13 在雪人身体描边路径右上角位置,用“钢笔工具” 增加4个点,如图3-79所示。

图3-76

图3-77

图3-78

图3-79

14 使用“直接选择工具” ,选中红色描出的线段,按Delete键删除,如图3-80所示。这样一个MBE风格的雪人就绘制完成了,最终效果如图3-81所示。

图3-80

图3-81 IdJmJLs/EfPry70wtB2feKBGbDiq7H08ZgRJlk0l03hEDyzo430SIjsnuiEPtAe8

点击中间区域
呼出菜单
上一章
目录
下一章
×