PS基础课程——图形图像

PS基础x26gt;x26gt;图形图像...



图像（点阵图、位图）

我们在电脑屏幕上、手机屏幕或者IPAD屏幕等发光屏幕上看到的各种画面大致分为两种：一种是点阵图，另外一种是矢量图。

（1）点阵图（位图）：由一个一个点组成的，这个点就是像素，而像素说得通俗一点就是一个一个不同颜色的小点，这些不同颜色的点一行行、一列列整齐地排列起来，犹如拼贴图一样一片一片拼贴成为一幅图案，就是我们最终看到的画面，我们称之为图像。

数码相机拍摄的照片、扫描仪扫描的文件等自然景物直接反应的图片都属于点阵图（位图），如下图就是一幅数码相机拍摄的照片，属于一个典型的点阵图：



把这幅图片调入Photoshop CS6，使用菜单【图像>图像大小】就可以看到如下信息：



注意上部像素大小中的宽度和高度，均是1024像素。

①  像素是什么？

像素就是组成点阵图像（位图）中的那些点，是点阵图最小的单位。如同拼成图案的许多马赛克一样。将照片中的局部放大[CTRL +]到1200%（缩小[CTRL —]），就会看到很多正方形的小格，这就是我们上面说的像素，同时会出现所谓的马赛克现象(也称锯齿现象)。如下图：

宽1024像素，高1024像素，意味这幅图像由横方向1024个点、竖方向1024个点组成，1024x1024=1048576，图像的总像素数量就是104万。

数码相机或者拍照手机有一个很重要的指标就是800万像素、1200万像素这样的称呼，就是指拍摄出来图像中的像素总量。

一般情况来像素越多越好，图像的像素越多，记录的信息也越详细，图像的局部就越细致，对于照片来说，画质就越好，如下图：



上图是一幅像素总量1800多万(4266x4266)的图像，在放大到和前一张图差不多大小时的效果，可以很明显感觉出图像局部要细腻得多。

②  分辨率是什么？

我们已经知道了：点阵图（位图）是由像素组成的图像。并且像素数量的多少会直接影响到图像的质量。

那么，在一个单位长度之内，排列的像素多，表述的颜色信息多，这个图像就清晰，排列的像素少，表述的颜色信息少，这个图像就粗糙。



这就是图像的精度，我们也称之为“分辨率”。

我们可以再看看上面那两幅图像，他们的尺寸是相同的（36.12*36.12），但是分辨率相差很大，我们可以明显感到：尺寸相同的两幅图像，分辨率高的图像比分辨率低的图像要清晰。

（2）我们说的分辨率的单位长度，国际标准是以英寸为单位的。也就是在1英寸之内排列多少像素。同时我们应该知道一个常识：1英寸=2.54厘米。别人给你一个图像文件，同时告诉你：分辨率是300。意思是这个图像是由每英寸300个像素记录的。

现在我们知道，在这1英寸之内排列的像素越多，图像分辨率越高，图像也就越清晰。当然，我们也不能一味地盲目增加像素，以图提高分辨率。因为，图像分辨率的设定是很规矩的，通常输出纸质的分辨率300 Pixels/inch，计算机屏幕显示：72 Pixels/inch。制作图像时根据输出的需要，从一开始建立新文件的时候，就要设定好所需的图像分辨率和图像的尺寸，不能在后期制作过程中随意更改。

这些数据应该烂熟于心，制作图像时根据输出的需要，从一开始建立新文件的时候，就要设定好所需的图像分辨率和图像的尺寸，不能在后期制作过程中随意更改。

（3）接下来我们再看图像的缩小放大会对图片造成什么影响。

首先在CS6中打开这张图片，如下图：



使用菜单【图像>图像大小】，将宽度改为102，注意高度也随着发生变化，这是因为下方的“约束比例”选项有效。这样可保持图片宽高比例不变。对话框中其他的选项暂时不用去深究。参照下图即可：



按下好按钮确定操作，会看到图像已经变小了。如下图：



做完这一步后，我们将一个大图缩成了小图，从104万像素(1024x1024)变到了1.04万像素(102x102)。现在再次使用菜单【图像>图像大小】，将图像宽度改回1024。将会看到下面的图像：

发现图像变得模糊不清了，原先可以看到的很多细节（比如看书的表情）都丢失了，甚至捧书的右胳膊也变得畸形了。这就涉及到复杂的像素插值运算，这里不作详细讲解。

总之，我们通过上面的讲解得出这样的结论：图像不能随便修改大小，不管变大还是变小都会影响图像本身的清晰度。

图形（矢量图）

假设我们写了一首新的乐曲，要把它交给唱片公司，可以通过两种方式：

把这首乐曲弹奏出来并录制在磁带上。

把这首乐曲的乐谱写下来。

这两种方式的最大区别在于记录的形式。

前者是记述性的。包含乐曲的音频信息。其中的所有信息都是固定的，如演奏速度、乐器音色等。如果你想把笛子换成排箫，那就要重新录制一遍。

后者是描述性的，不包含音频信息，只包含对乐曲音律的描述。如果要改变演奏速度或乐器音色，只要在乐谱中修改一下就好。

点阵图像就属于记述性，以点为记录的对象。而矢量图像属于描述性，以线段和计算公式作为记录的对象。

比如下面这幅图中的红色直线：



如果以点阵方式来记录，就是从左上角第一个点开始，到右下角最后一个点结束，记录所有像素的颜色。

记录这幅图像(200×50像素)就需要1万个信息。即使这条直线本身并没有那么多像素，但点阵方式也是完整的把整幅图的像素记录下来。

因此不管是一条直线还是两条三条，对于点阵图像来说都是一样的。都是去逐个记录图像中的所有像素。

如果用矢量来记录这条直线，只需要三个信息：直线起点坐标、直线终点坐标、直线的颜色。

在还原的时候就利用这三个信息去生成图像，就如同乐队把乐谱演奏出来一样。

由于矢量的这种特点，使得它非常便于修改。

比如要把上图的直线旋转一下，点阵方式就需要重新记录所有改动过的像素信息。而矢量图只需要改动起点和终点的坐标就好了。

当放大图像的时候，点阵图像会产生模糊和锯齿。就如同录音带播放时候加速产生的变调。对图像质量是有损失的。

而矢量图像是根据放大后的坐标重新生成图像，不会产生模糊和锯齿。就如同乐队根据新乐谱重新演奏。对图像质量是没有损失的。PHOTOSHOP高版本尽管加强了软件中的矢量功能，但最终还是要落实到像素，主要还是一个位图图像处理软件。

大家自己找矢量图素材感受一下矢量图在缩小放大之后的效果。

总结：矢量图形与点阵图像的区别

一、表述方式

矢量图形——使用数学公式描述图形；

位图图像——使用像素阵列记录图象。

二、视觉形态

矢量图形——外观形状不确定；

位图图像——外观形状为矩形。

三、分辨率

矢量图形——与图形本身无关，与输出设备有关；

位图图像——与图像的总像素数量有关。

四、文件存储空间大小

矢量图形——较小，与图形的复杂程度有关；

位图图像——较大，与总像素数量及色彩位深有关。

五、来源

矢量图形——由图形软件编辑生成；

位图图像——即可由软件编辑生成；也可从输入设备（扫描仪、数码相机等）获取。

六、显示兼容性

矢量图形——较差，需用专门软件编辑查看；

位图图像——好，可使用大多数软件查看。

七、实际应用

矢量图形——适合表现轮廓清晰的形状，如标志、图案、文本、制图、刻绘 ......

位图图像——适合表现连续阶调的影像，如数码照片 ......

八、相互转换

矢量图形——都可以转换成点阵图像；

位图图像——只有少部分适合转换成矢量图形，即“图案化”、“矢量化”。

参考： Photoshop中文版标准培教程、中文版解析

    关注 翔视觉