1.2 矢量图与位图

如果立志要成为一名设计师，就必须掌握矢量图与位图这两个概念。它们是设计的最基本的概念，只要接触图片就必然会接触这两个概念。

1.2.1 矢量图形与矢量对象

作为软件的使用者，用户不必对矢量这个概念有很深刻的理解，明白矢量图形是从数学的角度来描述的图形，指的是一系列由线连接的点就足够了。矢量图形包含所绘线条的位置、长度和方向，是线条的集合，这也是矢量图形文件尺寸十分小的主要原因。

矢量对象是矢量文件中的图像元素，而且每个对象都是一个独立的实体。它们都具有本身的颜色、形状、轮廓、大小和位置等基本属性。因为矢量对象具有独立性，所以在对其进行各种操作（包括清晰度、弯曲度、位置、角度等属性的调节）时均不会影响文件中的其他对象。

矢量图形和矢量对象与分辨率无关，也就是说它们是按照最高的分辨率显示到输出设备上，而且它们被放大无数倍以后依然清晰。在Illustrator CC 2019中打开图1-8所示的矢量图，将其放大，就会发现图片没有出现位图那样的锯齿现象，而是始终保持平滑的边缘。

矢量图形最主要的优点在于可以很平滑地印刷输出，尤其是在输出文字类路径时能保持非常优质的平滑效果。矢量图形输出后仍可以保持文字边缘的整齐以及曲线的光滑。因为矢量图形有着这样的特性，所以它常常被应用于线条明显、具有大面积色块的图案，例如商业设计实战中的标志设计和插画设计。

以标志设计举例，因为标志既会使用在很小的名片上，也会使用在户外大型广告牌上，如果使用位图制作标志，文件体积会太大以至于超过电脑的承受能力，而用矢量图来设计制作则非常方便。图1-9所示是全球知名的苹果公司的标志应用在不同情况下的实景照片。

1.2.2 位图图像

位图图像是由无数细小的像素组成的图像，组成图像的每一个像素都拥有自己的位置、亮度和大小等。位图图像的大小取决于像素数目的多少，而图像的颜色则取决于像素的颜色。

位图图像的清晰度与分辨率有关，分辨率代表单位面积内包含的像素，分辨率越高，在单位面积内的像素就越多，图像也就越清晰。因此，位图放大以后会出现锯齿现象，如图1-10所示。

但是，位图也有矢量图无法比拟的优势：它具有十分丰富且细腻的图像层次和多种多样的图像效果，适合表现风景和人物照片。

综上所述，用户在制作图像的时候可根据最后的制作要求和用途，选择用矢量图或位图进行制作。

1.2.3 矢量图与位图之间的关系

看完上面对矢量图和位图的讲解，不难发现这两种图像各有千秋。因此，在进行设计工作时不可能只是单一地依赖一种模式，而应该将两种模式结合起来使用。图1-11所示是结合位图和矢量图设计的家居用品画册。

1.2.4 矢量图和位图的相互转换

1．将矢量图转换为位图

在Illustrator CC 2019中选中矢量图，执行快捷键【Ctrl】+【C】命令复制图像，然后在Photoshop中新建一个文件，执行快捷键【Ctrl】+【V】命令会弹出图1-12所示的对话框，在其中可以选择不同的粘贴选项。一般情况下选择默认的“智能对象”选项即可，这个选项的特点是保留导入图片的矢量特点。单击“确定”按钮后会看到画布中出现导入的变换框，如图1-13所示。按【Enter】键确认后，“图层”面板中将出现一个“矢量智能对象”图层，如图1-14所示。

除非在“矢量智能对象”图层上单击鼠标右键执行其中的“栅格化图层”命令将其转换为普通的图像图层，如图1-15所示，否则这个图层将始终保留矢量的特性，可任意放大缩小。对当前图层执行一些滤镜或变形效果的时候，不需要转换它的矢量属性，例如对矢量图层执行“滤镜→素描→水彩画纸”命令之后，会发现Photoshop不会出现低版本中弹出的“提示栅格化”对话框，而是在当前图层添加一个“智能滤镜”的附加效果。这个功能可以最大限度地发挥矢量图的优势。

2．将位图转换为矢量图

在Illustrator CC 2019中导入一张位图照片之后，选中它执行控制面板中的“图像描摹”功能，即可将其转换为矢量图。图1-16所示是单击“图像描摹”功能右侧的下拉按钮弹出的多个描摹选项。

单击其中的某个命令即可完成描摹的过程，图1-17所示是执行“黑白徽标”选项的结果。还可将其进行“扩展”为可编辑的路径状态，图1-18所示是扩展后的效果。