- 从零开始:Illustrator CC 2019设计基础+商业设计实战
- 陈博 王斐
- 1659字
- 2020-08-27 10:39:19
1.2 矢量图与位图
如果立志要成为一名设计师,就必须掌握矢量图与位图这两个概念。它们是设计的最基本的概念,只要接触图片就必然会接触这两个概念。
1.2.1 矢量图形与矢量对象
作为软件的使用者,用户不必对矢量这个概念有很深刻的理解,明白矢量图形是从数学的角度来描述的图形,指的是一系列由线连接的点就足够了。矢量图形包含所绘线条的位置、长度和方向,是线条的集合,这也是矢量图形文件尺寸十分小的主要原因。
矢量对象是矢量文件中的图像元素,而且每个对象都是一个独立的实体。它们都具有本身的颜色、形状、轮廓、大小和位置等基本属性。因为矢量对象具有独立性,所以在对其进行各种操作(包括清晰度、弯曲度、位置、角度等属性的调节)时均不会影响文件中的其他对象。
矢量图形和矢量对象与分辨率无关,也就是说它们是按照最高的分辨率显示到输出设备上,而且它们被放大无数倍以后依然清晰。在Illustrator CC 2019中打开图1-8所示的矢量图,将其放大,就会发现图片没有出现位图那样的锯齿现象,而是始终保持平滑的边缘。
图1-8
矢量图形最主要的优点在于可以很平滑地印刷输出,尤其是在输出文字类路径时能保持非常优质的平滑效果。矢量图形输出后仍可以保持文字边缘的整齐以及曲线的光滑。因为矢量图形有着这样的特性,所以它常常被应用于线条明显、具有大面积色块的图案,例如商业设计实战中的标志设计和插画设计。
以标志设计举例,因为标志既会使用在很小的名片上,也会使用在户外大型广告牌上,如果使用位图制作标志,文件体积会太大以至于超过电脑的承受能力,而用矢量图来设计制作则非常方便。图1-9所示是全球知名的苹果公司的标志应用在不同情况下的实景照片。
图1-9
1.2.2 位图图像
位图图像是由无数细小的像素组成的图像,组成图像的每一个像素都拥有自己的位置、亮度和大小等。位图图像的大小取决于像素数目的多少,而图像的颜色则取决于像素的颜色。
位图图像的清晰度与分辨率有关,分辨率代表单位面积内包含的像素,分辨率越高,在单位面积内的像素就越多,图像也就越清晰。因此,位图放大以后会出现锯齿现象,如图1-10所示。
图1-10 位图及其局部放大的效果
但是,位图也有矢量图无法比拟的优势:它具有十分丰富且细腻的图像层次和多种多样的图像效果,适合表现风景和人物照片。
综上所述,用户在制作图像的时候可根据最后的制作要求和用途,选择用矢量图或位图进行制作。
1.2.3 矢量图与位图之间的关系
看完上面对矢量图和位图的讲解,不难发现这两种图像各有千秋。因此,在进行设计工作时不可能只是单一地依赖一种模式,而应该将两种模式结合起来使用。图1-11所示是结合位图和矢量图设计的家居用品画册。
图1-11 家居用品画册
1.2.4 矢量图和位图的相互转换
1.将矢量图转换为位图
在Illustrator CC 2019中选中矢量图,执行快捷键【Ctrl】+【C】命令复制图像,然后在Photoshop中新建一个文件,执行快捷键【Ctrl】+【V】命令会弹出图1-12所示的对话框,在其中可以选择不同的粘贴选项。一般情况下选择默认的“智能对象”选项即可,这个选项的特点是保留导入图片的矢量特点。单击“确定”按钮后会看到画布中出现导入的变换框,如图1-13所示。按【Enter】键确认后,“图层”面板中将出现一个“矢量智能对象”图层,如图1-14所示。
图1-12
图1-13
图1-14
除非在“矢量智能对象”图层上单击鼠标右键执行其中的“栅格化图层”命令将其转换为普通的图像图层,如图1-15所示,否则这个图层将始终保留矢量的特性,可任意放大缩小。对当前图层执行一些滤镜或变形效果的时候,不需要转换它的矢量属性,例如对矢量图层执行“滤镜→素描→水彩画纸”命令之后,会发现Photoshop不会出现低版本中弹出的“提示栅格化”对话框,而是在当前图层添加一个“智能滤镜”的附加效果。这个功能可以最大限度地发挥矢量图的优势。
图1-15
2.将位图转换为矢量图
在Illustrator CC 2019中导入一张位图照片之后,选中它执行控制面板中的“图像描摹”功能,即可将其转换为矢量图。图1-16所示是单击“图像描摹”功能右侧的下拉按钮弹出的多个描摹选项。
图1-16
单击其中的某个命令即可完成描摹的过程,图1-17所示是执行“黑白徽标”选项的结果。还可将其进行“扩展”为可编辑的路径状态,图1-18所示是扩展后的效果。
图1-17
图1-18