![零基础学视觉设计](https://wfqqreader-1252317822.image.myqcloud.com/cover/447/34752447/b_34752447.jpg)
1.3.1 位图与矢量图
位图和矢量图都是平面广告设计中使用频率较高的图像效果,在生活中大部分可以看到的都是位图,例如画报、照片等。矢量图一般都是应用到专业领域,例如平面设计和二维动画制作。
1.位图
位图图像是使用颜色像素来表现图像的,位图上的每个像素都有自己特定的位值和颜色值。在处理位图图像时,所编辑的其实是像素,而不是对象或形状。位图图像与分辨率有关,也就是说,它们包含固定数量的像素,因此,如果在屏幕上对它们进行缩放或以低于创建时的分辨率来打印,将会丢失其中的细节,并会呈现锯齿状。使用数码相机拍摄的照片,通过扫描仪扫描的图片都属于位图。图1-19所示为设计处理的位图图像,最典型的位图处理软件就是Photoshop。
处理位图时,输出图像的质量取决于处理过程开始时设置的分辨率高低。通常,设置的分辨率越高,图像就越清晰,图像文件也越大。图1-20所示为位图放大后可以看到图像边缘的锯齿。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P23_13223.jpg?sign=1738862797-pnMZxZGK3RguNU1FzrY2VPMSx1QtLUgN-0-d178c51f95f4c947b05e6d3519d202db)
图1-19 位图图像
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P23_13225.jpg?sign=1738862797-ym21l5ACthtjzvE3gVZ8XGNpHFMNryMR-0-c3d0811a5325452a8df8c6537116677f)
图1-20 位图局部放大后的效果
2.矢量图
矢量图是使用直线和曲线来描述图形的。这些图形的元素由一些点、线、矩形、多边形、圆和弧线等组成,且都是通过数学公式计算而获得。矢量图中的图形元素称为对象,每个对象都是一个自成一体的实体,具有颜色、形状、轮廓、大小和屏幕位置等属性,所以在维持其原有清晰度和弯曲度的同时,多次移动和改变其属性,都不会影响图例中的其他对象。矢量图形的效果如图1-21所示。典型的矢量图处理软件除了Illustrator之外,还有CorelDraw、AutoCAD等。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P23_13235.jpg?sign=1738862797-AVRxXkt6tNPm54gQguJ2dR3tHhpLcaDF-0-252e653a8e57a7aa7fdf50fef6c41907)
图1-21 矢量广告图形
矢量图形最大的优点是进行放大、缩小或旋转等操作都不会失真,而且图形文件体积一般较小;最大的缺点是难以表现色彩层次丰富的逼真图像效果。矢量图形与分辨率无关,所以无论将矢量图缩放到任意尺寸或按任意分辨率打印,都不会丢失细节或降低清晰度。图1-22所示为矢量图放大后仍然能够显示出清晰线条。
![](https://epubservercos.yuewen.com/1B442A/18562448601473306/epubprivate/OEBPS/Images/Figure-P23_13239.jpg?sign=1738862797-h8oGOqYwm7ZCNeMB6DO9vXVjck1U6jLW-0-5d15a3ce315a7db4014f893158af6a32)
图1-22 矢量图形放大后的效果
☆ 提示
由于计算机的显示器只能在网格中显示图像,因此,用户在屏幕上看到的矢量图形和位图图像均显示为像素。