矢量图形用途广泛，不仅用于二维计算机图形学领域，三维模型的渲染也是二维矢量图形技术的扩展。此外，工程制图领域的绘图仪目前仍然直接在图纸上绘制矢量图。

3.1.1 位图/矢量图之优缺点

计算机图形图像领域有两大类软件：一类是编辑图像的位图软件，如大名鼎鼎的Photoshop；另一类是绘制矢量图的矢量软件，Illustrator便是其中的杰出代表。

照片、视频、网络上的图像、扫描的图片等都属于位图，如图3-1所示。位图的优点是可以完整地呈现真实世界中的所有色彩和景物。其致命缺陷是旋转和放大之后，清晰度会下降，如图3-2所示。

图3-1

图3-2

矢量图则是由矢量软件（包括Illustrator、CorelDRAW、FreeHand、AutoCAD等）生成的，如图3-3所示。其表现力没有位图丰富，但可以无损编辑，即无论怎样旋转、缩放或进行其他编辑，清晰度都不会改变，如图3-4所示。因此，矢量图常用于设计图标、Logo、UI、字体等需要经常变换尺寸，或者以不同分辨率印刷的对象。由此我们也可以看出，矢量图的最大优点是位图的最大缺点；矢量图的最大缺点反而是位图的最大优点。二者是互补的。

图3-3

图3-4

3.1.2 认识路径和锚点

矢量图形也叫矢量形状或矢量对象，是由被称作矢量的数学对象定义的直线和曲线构成的。在Illustrator中，它们叫作路径。在前一章我们学习过，路径可以用颜色、渐变和图案描边，使其可见；路径围住的封闭区域可以用上述3种内容进行填充。下面介绍路径的组成元素。

路径由一个或多个直线或曲线线段组成，线段之间通过锚点连接，如图3-5所示。在开放的路径上，锚点还标记路径的起点和终点，如图3-6所示。

图3-5

图3-6

锚点分为两种：平滑点和角点。平滑点连接可以创建平滑的曲线，如图3-7所示；角点连接则构成直线和转角曲线，如图3-8和图3-9所示。

图3-7

图3-8

图3-9

3.1.3 路径的形状是怎样改变的

在曲线路径上，锚点具有方向线，方向线的端点是方向点，如图3-10所示。拖曳方向点、锚点或路径段本身，都可以改变路径的形状。例如，拖曳方向点时，可以调整方向线的方向和长度，进而带动曲线，如图3-11所示。曲线的弧度由方向线的长度控制。方向线越长，曲线的弧度越大，如图3-12所示；反之，曲线的弧度越小，如图3-13所示。

图3-10

图3-11

图3-12

图3-13

选择直接选择工具，拖曳平滑点上的方向点，可同时调整该点两侧的路径段，如图3-14和图3-15所示。如果使用锚点工具操作，则只调整与该方向线同侧的路径段，如图3-16所示。

图3-14

图3-15

图3-16

平滑点始终有两条方向线，而角点可以有两条、一条或者没有方向线，具体取决于它连接两条、一条还是没有连接曲线段。图3-17所示为角点上的方向点。不管用直接选择工具，还是用锚点工具拖曳，都只影响与它同侧的路径段，如图3-18和图3-19所示。

图3-17

图3-18

图3-19