
1.2 位图与矢量图
计算机图形图像主要分为两类,图1-4所示的是位图图像,图1-5所示的是矢量图图像。可以发现位图图像表现出的效果非常细腻真实,而矢量图的过渡非常生硬,接近卡通效果。本书介绍的Photoshop CS6,就是一款经典的位图处理软件,但它也包含部分矢量功能(如文字、钢笔工具),下面就来介绍与这两种图像有关的内容。

图1-4

图1-5
1.2.1 位图的特征
位图图像在技术上被称为栅格图像,也就是常说的【点阵图像】或【绘制图像】。位图是由像素组成的,每个像素都会被分配一个特定的位置和颜色值,所以编辑位图图像时,编辑的就是像素。
用数码相机拍摄的照片、扫描仪扫描的图片,以及在计算机屏幕上抓取的图像等都属于位图。位图的特点是可以表现色彩的变化和颜色的细微过渡,达到逼真的效果,并且很容易在不同的软件之间交换使用,但是在保存时,需要记录每一个像素的位置和颜色值,所以位图占用的存储空间也比较大。另外,由于受到分辨率的制约,位图包含固定数量的像素,在对其缩放或旋转时,Photoshop CS6无法生成新的像素,它只能将原有的像素变大以填充多出来的空间,造成的结果往往会使清晰的图像变得模糊,也就是通常所说的图像变虚。例如,图1-6所示的书本,将其放大6倍后的局部图像如图1-7所示,可以看出原图细节已经变得模糊了。

图1-6

图1-7
Tips
在这里需要明确两个概念。
缩放工具是对文档窗口进行缩放,只影响视图比例,并不改变图像本身;而对图像的缩放则是对图像文件本身进行的物理缩放,它通过减少像素来使图像本身变小或变大。因此在屏幕上以高缩放比例对位图进行缩放,会丢失其中的细节,使图像出现锯齿现象。
1.2.2 矢量图的特征
矢量图像也称为矢量形状或矢量对象,是通过数学的向量方式进行计算得到的图形,它与分辨率没有直接关系,因此,进行任意缩放和旋转都不会影响图形的清晰度和光滑性。与位图图像不同,矢量文件中的图形元素称为矢量图像的对象,每个对象都是一个自成一体的实体,它具有颜色、形状、轮廓、大小和屏幕位置等属性。图1-8为矢量图像,将其放大5倍后的局部效果如图1-9所示,可以看到,图像依然保持光滑、清晰。矢量图的这一特点使其非常适合制作图标、Logo等需要经常缩放,或者按照不同尺寸输出的文件内容。

图1-8

图1-9
另外,矢量图像占用的存储空间要比位图小很多,但是它不能用于创建过于复杂的图形,也无法像照片等位图那样表现丰富的颜色变化和细腻的色调过渡。
Tips
典型的矢量图制作软件有CoreI DRAW、Illustrator、FreeHand、Auto CAD、Flash等。