- Illustrator CC 2018从新手到高手
- 易盛
- 3070字
- 2021-03-23 19:58:20
2.4 自由图形绘制
Illustrator CC 2018提供了“钢笔工具”“铅笔工具”和“平滑工具”,使用这些工具可以徒手绘制图像、平滑路径,还可以擦除路径。Illustrator CC 2018还提供了“画笔工具”,使用该工具可以绘制出种类繁多的图形效果。
2.4.1 钢笔工具
钢笔工具是Illustrator中最强大、最重要的绘图工具,它可以绘制直线、曲线和各种图形。灵活、熟练地使用钢笔工具绘图,是每一个Illustrator用户必须掌握的基本技能。
1. 绘制直线路径
选择工具栏中的“钢笔工具”按钮,在页面中任意位置单击,将创建出一个锚点,将鼠标移动到需要的位置再单击,可以创建第二个锚点,两个锚点之间自动以直线进行连接,效果如图2-79所示。
将鼠标移动到其他位置单击,将出现第三个锚点,并在第2、3锚点之间生成一条新的直线路径,效果如图2-80所示。
2. 绘制闭合路径
使用相同的方法继续绘制路径效果,如图2-81所示。当要闭合路径时,将光标定位于创建的第一个锚点上,当光标右下角带有图标时,单击即可闭合路径,效果如图2-82所示。

图2-79

图2-80

图2-81

图2-82
3. 绘制开放路径
绘制一个路径并保持路径开放,如图2-83所示。按住Ctrl键,在对象外的任意位置单击,可以结束路径的绘制,开放路径效果如图2-84所示。

图2-83

图2-84
4. 绘制曲线
选择工具栏中的“钢笔工具”按钮,在文档中单击并按住鼠标左键拖动来确定曲线的起点。起点的两端分别出现了一条控制线,如图2-85所示。
移动光标到需要的位置,再次单击并按住鼠标左键拖动,将出现一条曲线段。拖动光标的同时,第2个锚点的两端也出现了控制线。按住鼠标不放,随着鼠标的移动,曲线段的形状也随之发生变化。
如果连续单击并拖动鼠标,就会绘制出一些连续平滑的曲线,如图2-86所示。

图2-85

图2-86
2.4.2 铅笔工具
使用工具栏中的“铅笔工具”按钮可以自由绘制曲线路径,在绘制的过程中Illustrator CC 2018会自动根据光标的轨迹来设定节点并生成路径。“铅笔工具”既可以绘制闭合路径,又可以绘制开放路径,还可以将已经存在的曲线的节点作为起点,延伸绘制出新的曲线,从而达到修改曲线的目的。
选择工具栏中的“铅笔工具”按钮,在文档中单击并按住鼠标左键不放,拖动光标到需要的位置,可以绘制一条路径,如图2-87所示。松开鼠标左键,将得到平滑的图形效果,如图2-88所示。

图2-87

图2-88
选择工具栏中的“铅笔工具”按钮,在页面中需要的位置单击并按住鼠标左键,同时按住Alt键,拖动光标绘制一条曲线,如图2-89所示。释放鼠标,可以绘制出一条闭合的曲线,如图2-90所示。

图2-89

图2-90
双击“铅笔工具”按钮,弹出“铅笔工具选项”对话框,如图2-91所示。在对话框中调整“保真度”选项,可以调节绘制曲线上点的精确度及平滑度。勾选“保持选定”复选框,绘制的曲线将处于被选取状态;勾选“编辑所选路径”复选框,可以对选中的路径进行编辑。

图2-91
2.4.3 平滑工具
使用“平滑工具”按钮可以将尖锐的曲线变得光滑。
选择工具栏中的“平滑工具”后,只需将光标移动到需要平滑的路径旁,按住鼠标左键不放并在路径上拖动,即可平滑路径。
双击“平滑工具”按钮,弹出“平滑工具选项”对话框,如图2-92所示。在对话框中调整“保真度”选项,可以调节曲线上点的精确度,以及曲线的平滑度。

图2-92
2.4.4 实战—用钢笔工具绘制插画
此实战案例中,画面的组成主要用到的工具是“矩形工具”和“钢笔工具”,操作难度较为简单。
01 打开Illustrator CC 2018,新建一个540px×330px大小的画布,选择工具箱中的“矩形工具”按钮,绘制一个长条矩形,然后按住Alt键向下移动,再按快捷键Ctrl+D复制两个,如图2- 93和图2-94所示。

图2-93

图2-94
02 给矩形条添加有层次的颜色,如图2-95所示;再绘制一个矩形,调整矩形大小,并填充颜色,如图2-96所示。

图2-95

图2-96
03 选择工具箱中的“椭圆工具”按钮,绘制一个正圆,给圆添加一种填充色,执行右键菜单中的“排列”|“后移一层”命令来调整图层的层次,如图2-97和图2-98所示。

图2-97

图2-98
04 选择工具箱中的“钢笔工具”按钮,绘制一段闭合路径,选择“直接选择工具”按钮
,单击所标示的四个点,如图2-99所示,然后选择属性栏中的“将所选锚点转换为平滑”按钮
,效果如图2-100所示。

图2-99

图2-100
技巧与提示
可以继续使用“直接选择工具”命令来调整锚点的位置,优化路径的形状。
05 使用同样的方法制作山脉部分,并拖动复制,调整好画面的位置,效果如图2-101和图2-102所示。

图2-101

图2-102
2.4.5 实战—绘制夏夜望远镜插画
此实战案例中,主要运用的是一些基本常用图形软件,包括“矩形工具”“椭圆工具”和“钢笔工具”等,通过这些工具的操作,来组成一幅画面,操作难度适中。
01 打开Illustrator CC 2018,新建一个1280px×900px大小的画布,选择工具箱中的“椭圆工具”按钮,按住Shift键绘制一个正圆,尽量使圆充满画布,如图2-103所示。选择工具箱中的“直接选择工具”按钮
,选择圆下端的一个点,按Delete键删除,如图2-104所示。

图2-103

图2-104
02 选择工具箱中的“钢笔工具”按钮,将半圆的两个端点连接,调整其大小和位置,并给半圆填充一个颜色,如图2-105和图2-106所示。

图2-105

图2-106
03 选择工具箱中的“椭圆工具”按钮,绘制两个正圆,填充有深浅变化的颜色,如图2-107所示。调整圆的大小,绘制出月亮,如图2-108所示。

图2-107

图2-108
04 选择工具箱中的“矩形工具”按钮和“星形工具”按钮
绘制夜空中的星星,如图2-109和图2-110所示。

图2-109

图2-110
05 选择工具箱中的“钢笔工具”按钮,绘制一段路径,如图2-111所示。然后选择背景的半圆按快捷键Ctrl+C和Ctrl+F复制一层,填充更深的一种颜色,如图2-112所示。
06 选择复制的背景半圆图与路径对象,执行右键菜单中的“建立剪切蒙版”命令,如图2-113和图2-114所示。

图2-111

图2-112

图2-113

图2-114
技巧与提示
此步骤中涉及的“建立剪切蒙版”在6.3节会讲解。
07 选择工具箱中的“圆角矩形工具”按钮,在半圆底部绘制一个圆角矩形,如图2-115所示。

图2-115
08 选择工具箱中的“矩形工具”按钮绘制镜身部分,继续使用“钢笔工具”按钮
来辅助绘制,如图2-11 6和图2-117所示。

图2-116

图2-117
09 选择绘制好的镜身部分,并旋转,绘制镜身的投影,最终效果如图2-118所示。

图2-118
2.4.6 实战—制作艺术展海报
本案例主要熟悉并运用“文字工具”“钢笔工具”和“星形工具”等一系列基本图形工具,希望通过此案例的学习和制作,来培养读者的文字编排能力和版式设计能力。
01 打开Illustrator CC 2018,执行“文件”|“新建”命令,创建一个210mm×297mm大小的画布,使用“矩形工具”按钮,绘制一个和画布同等大小的矩形,然后打开渐变面板,填充渐变色,如图2-119所示。

图2-119
02 选择工具箱中的“星形工具”按钮,拖动鼠标绘制图形,按“↑”“↓”键可以调整多边形的边数,按“~”键、Ctrl键可以中心拖动,如图2-120所示。

图2-120
03 选择工具箱中的“椭圆工具”按钮,按住Shift键,绘制一个正圆,如图2-121所示。打开“渐变”面板,设置正圆的填充色和描边色,如图2-122所示。
04 调整好圆和星形的位置关系,如图2-123所示,将对象进行编组后,移动至画面合适处,如图2-124所示。

图2-121

图2-122

图2-123

图2-124
05 调整对象组的位置和大小,选择工具箱中的“矩形工具”按钮,绘制一个同画布大小一致的矩形,选择对象组和矩形,选择右键菜单中的“建立剪切蒙版”命令或按快捷键Ctrl+7建立剪切对象,如图2-125所示。

图2-125
06 调整好对象后,选择工具箱中的“文字工具”按钮,输入文本,然后给文本填充一个无色,描边大小为2pt白色的选项,如图2-126所示。

图2-126
07 按快捷键Ctrl+R打开并拉出参考线,如图2-127所示。选择工具箱中的“文字工具”输入标题,并调整好位置关系,将海报的标题制作好,如图2-128所示。

图2-127

图2-128
08 重复上述步骤,继续制作海报内容,如图2-129所示。

图2-129
09 框选文本中的首字母,将文字的首字母大小设置为48pt,继续使用“文字工具”按钮,将剩余内容制作完成,如图2-130所示。

图2-130
10 选择工具箱中的“矩形工具”按钮,绘制一个细条长方形,如图2-131所示。然后选择“钢笔工具”按钮
绘制点缀元素,如图2-132所示。
11 重复上述步骤,绘制剩下的元素,如图2-133所示。

图2-131

图2-132

图2-133
12 最终效果如图2-134所示。

图2-134