像素和分辨率

一幅图像的质量好坏跟图像分辨率和尺寸的大小息息相关。同样大小的图像，其分辨率越高，图像越清晰。决定分辨率的主要因素是每单位尺寸含有的像素数目，因此像素数目与分辨率之间也是相关的。无论是印刷输出的图像，还是多媒体图像或网页图像，在制作之前必须先确定图像的分辨率和尺寸，这样才能更有效地去编辑和处理图像。

在Photoshop中，单击【图像】>【图像大小】菜单项，弹出【图像大小】对话框。在该对话框中可以设置图像的像素和分辨率。

1.【像素大小】组合框

该组合框用来显示当前图像在Photoshop中表现的宽度和高度，它决定了图像屏幕的尺寸。

2.【文档大小】组合框

该组合框用来显示图像的打印尺寸和打印分辨率。

3.【缩放样式】复选框

如果图像带有应用了图层样式的图层，选中该复选框后，会在调整图像大小的同时按照比例缩放样式效果。

4.【约束比例】复选框

选中该复选框，在修改宽度和高度其中一个数值时，系统将会按照比例调整另一个数值，使得图像的宽度和高度的比例保持不变。

5.【重定图像像素】复选框

通过重定图像像素的方法可以增加图像中包含像素的数量，这样再放大图像时也不会模糊不清。在【重定图像像素】下拉表中有5个选项，可以分为3种类型：邻近、两次线性和两次立方。

6.【分辨率】组合框

“文档大小”控制的是图片的打印尺寸，而photoshop是按照图像的像素控制显示大小的。 图像都是由像素组成的（高度像素×宽度像素＝图像总像素）

在photoshop中，每一个像素在显示屏上的尺寸都一样，和图像分辨率没有关系。

图像分辨率决定的是打印出来图片的每个像素的大小，若打印尺寸一定，图像分辨率越高，则每个像素所占据尺寸越小。图像也越精细。

上图是将图像分辨率设置为1280×1024时图像的大小，而下图是在同样显示器上，同样一张图，将分辨率改为1024×768的测量结果

photoshop中的“视图>打印尺寸”选项可以让电脑的显示尺寸和最终的打印尺寸保持一致，但由于每个人的显示器尺寸和分辨率可能存在不同，而photoshop不知道你的显示器尺寸和分辨率，所以一般来说，显示出来的尺寸不是那么精确的。有一个简单的办法可以测试你的显示屏显示尺寸和实际打印尺寸有多少差别：

1>在photoshop里任意打开一幅图片。

2>选择“视图>打印尺寸”

3>快捷键ctrl＋R打开标尺

4>如果标尺单位设置的不是“厘米”，双击标尺将其单位换成“厘米”。

5>找一把标准尺，贴近屏幕photoshop中的标尺，可以很清楚地看出两者的差别。

位图与矢量图

计算机绘图分为点阵图(又称位图或栅格图像)和矢量图形两大类，认识他们的特色和差异，有助于创建、输入、输出编辑和应用数字图像。位图图像和矢量图形没有好坏之分，只是用途不同而已。因此，整合位图图像和矢量图形的优点，才是处理数字图像的最佳方式。

点阵图与矢量图的两个文件的区别（请注意细节部分）

一、点阵图(Bitmap)

（1）何谓点阵图及点阵图的特性？

与下述基于矢量的绘图程序相比，像Photoshop 这样的编辑照片程序则用于处理位图图像。当您处理位图图像时，可以优化微小细节，进行显著改动，以及增强效果。位图图像，亦称为点阵图像或绘制图像，是由称作像素（图片元素）的单个点组成的。这些点可以进行不同的排列和染色以构成图样。当放大位图时，可以看见赖以构成整个图像的无数单个方块。扩大位图尺寸的效果是增多单个像素，从而使线条和形状显得参差不齐。然而，如果从稍远的位置观看它，位图图像的颜色和形状又显得是连续的。由于每一个像素都是单独染色的，您可以通过以每次一个像素的频率操作选择区域而产生近似相片的逼真效果，诸如加深阴影和加重颜色。缩小位图尺寸也会使原图变形，因为此举是通过减少像素来使整个图像变小的。同样，由于位图图像是以排列的像素集合体形式创建的，所以不能单独操作（如移动）局部位图。

点阵图像是与分辨率有关的，即在一定面积的图像上包含有固定数量的像素。因此，如果在屏幕上以较大的倍数放大显示图像，或以过低的分辨率打印，位图图像会出现锯齿边缘。在图1中，您可以清楚地看到将局部图像放大4倍和12倍的效果对比。

现在就以下面的照片为例，如果我们把照片扫描成为文件并存盘，一般我们可以这样描述这样的照片文件：分辨率多少乘多少，是多少色等等。这样的文件可以用PhotoShop、CorelPaint等软件来浏览和处理。通过这些软件，我们可以把图形的局部一直放大，到最后一定可以看见一个一个像马赛克一样的色块，这就是图形中的最小元素----像素点。到这里，我们再继续放大图象，将看见马赛克继续变大，直到一个像素占据了整个窗口，窗口就变成单一的颜色。这说明这种图形不能无限放大。

（2）点阵图的文件格式

点阵图的文件类型很多，如*.bmp、*.pcx、*.gif、*.jpg、*.tif、photoshop的*.pcd、kodak photo CD的*.psd、corel photo paint的*.cpt等。同样的图形，存盘成以上几种文件时文件的字节数会有一些差别，尤其是jpg格式，它的大小只有同样的bmp格式的1/20到1/35，这是因为它们的点矩阵经过了复杂的压缩算法的缘故。

（3）点阵图文件的规律 　　

如果你把一组这样的文件存盘，你一定能发现有这样的规律：　

1.图形面积越大，文件的字节数越多　　

2.文件的色彩越丰富，文件的字节数越多

这些特征是所有点阵图共有的。这种图形表达方式很象我们在初中数学课在坐标纸上逐点描绘函数图形，虽然我们可以逐点把图形描绘得很漂亮，但用放大镜看这个函数图形的局部时，就是一个个粗糙的点。编辑这样的图形的软件也叫点阵图形编辑器。如：PhotoShop、PhotoStyle、画笔等等。

二、矢量图(vector) 　

（1）何谓矢量图及矢量图的特性？ 　　

矢量图像，也称为面向对象的图像或绘图图像，在数学上定义为一系列由线连接的点。像Adobe Illustrator、CorelDraw、CAD等软件是以矢量图形为基础进行创作的。矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。既然每个对象都是一个自成一体的实体，就可以在维持它原有清晰度和弯曲度的同时，多次移动和改变它的属性，而不会影响图例中的其它对象。这些特征使基于矢量的程序特别适用于图例和三维建模，因为它们通常要求能创建和操作单个对象。基于矢量的绘图同分辨率无关。这意味着它们可以按最高分辨率显示到输出设备上。 　　

矢量图形与分辨率无关，可以将它缩放到任意大小和以任意分辨率在输出设备上打印出来，都不会影响清晰度。因此，矢量图形是文字（尤其是小字）和线条图形（比如徽标）的最佳选择。

有一些图形（如工程图、白描图、卡通漫画等），它们主要由线条和色块组成，这些图形可以分解为单个的线条、文字、圆、矩形、多边形等单个的图形元素。再用一个代数式来表达每个被分解出来的元素。例如：一个圆我们可以表示成圆心在(x1,y1)，半径为r的图形；一个矩形可以通过指定左上角的坐标(x1,y1)和右下角的坐标(x2,y2)的四边形来表示；线条可以用一个端点的坐标(x1,y1)和另一个端点的坐标(x2,y2)的连线来表示。当然我们还可以为每种元素再加上一些属性，如边框线的宽度、边框线是实线还是虚线、中间填充什么颜色等等。然后把这些元素的代数式和它们的属性作为文件存盘，就生成了所谓的矢量图（也叫向量图）。 　　

（2）矢量图的文件格式 　　

矢量图形格式也很多，如Adobe Illustrator的*.AI、*.EPS和SVG、AutoCAD的*.dwg和dxf、Corel DRAW的*.cdr、windows标准图元文件*.wmf和增强型图元文件*.emf等等。当需要打开这种图形文件时，程序根据每个元素的代数式计算出这个元素的图形，并显示出来。就好象我们写出一个函数式，通过计算也能得出函数图形一样。编辑这样的图形的软件也叫矢量图形编辑器。如：AutoCAD、CorelDraw、Illustrator、Freehand等。 　　

（3）矢量图形文件的规律 　　

这样的图形也有共同的规律：　　

1.你可以无限放大图形中的细节，不用担心会造成失真和色块。　　

2.一般的线条的图形和卡通图形，存成矢量图文件就比存成点阵图文件要小很多。　　

3.存盘后文件的大小与图形中元素的个数和每个元素的复杂程度成正比。而与图形面积和色彩的丰富程度无关。（元素的复杂程度指的是这个元素的结构复杂度，如五角星就比矩形复杂、一个任意曲线就比一个直线段复杂）　　

4.通过软件，矢量图可以轻松地转化为点阵图，而点阵图转化为矢量图就需要经过复杂而庞大的数据处理，而且生成的矢量图的质量绝对不能和原来的图形比拟。好了,点阵图与矢量图的区别就介绍到这,如果你看完了这篇文章内容你就应该掌握了他们的区别,恭喜你！

色彩模式

RGB、CMYK、LAB、HSB……也许很多朋友都看到过这些色彩模式，但你了解它们吗？大多数朋友都会说不了解吧。色彩模式是图形设计最基本的知识，不掌握怎么行呢？每一种模式都有自己的优缺点，都有自己的适用范围，下面我详细地跟大家谈谈这些色彩模式。

1、 RGB模式

RGB是色光的色彩模式。R代表红色，G代表绿色，B代表蓝色，三种色彩叠加形成了其它的色彩。因为三种颜色都有256个亮度水平级，所以三种色彩叠加就形成1670万种颜色了。也就是真彩色，通过它们足以再现绚丽的世界。

在RGB模式中，由红、绿、蓝相叠加可以产生其它颜色，因此该模式也叫加色模式。所有显示器、投影设备以及电视机等等许多设备都依赖于这种加色模式来实现的。

就编辑图象而言，RGB色彩模式也是最佳的色彩模式，因为它可以提供全屏幕的24bit的色彩范围，即真彩色显示。但是，如果将RGB模式用于打印就不是最佳的了，因为RGB模式所提供的有些色彩已经超出了打印的范围之外，因此在打印一幅真彩色的图象时，就必然会损失一部分亮度，并且比较鲜艳的色彩肯定会失真的。。这主要因为打印所用的是CMYK模式，而CMYK模式所定义的色彩要比RGB模式定义的色彩少很多，因此打印时，系统自动将RGB模式转换为CMYK模式，这样就难免损失一部分颜色，出现打印后失真的现象。

2、 CMYK模式

当阳光照射到一个物体上时，这个物体将吸收一部分光线，并将剩下的光线进行反射，反射的光线就是我们所看见的物体颜色。这是一种减色色彩模式，同时也是与RGB模式的根本不同之处。不但我们看物体的颜色时用到了这种减色模式，而且在纸上印刷时应用的也是这种减色模式。

按照这种减色模式，就衍变出了适合印刷的CMYK色彩模式。

CMYK代表印刷上用的四种颜色，C代表青色，M代表洋红色，Y代表黄色，K代表黑色。因为在实际引用中，青色、洋红色和黄色很难叠加形成真正的黑色，最多不过是褐色而已。因此才引入了K——黑色。黑色的作用是强化暗调，加深暗部色彩。

经验谈

CMYK模式是最佳的打印模式，RGB模式尽管色彩多，但不能完全打印出来。那么是不是在编辑的时候就采用CMYK模式呢？不是，原因如下：

用CMYK模式编辑虽然能够避免色彩的损失，但运算速度很慢。主要因为：1、即使在CMYK模式下工作，Photoshop也必须将CMYK模式转变为显示器所使用的RGB模式。2、对于同样的图象，RGB模式只需要处理三个通道即可，而CMYK模式则需要处理四个。

由于用户所使用的扫描仪和显示器都是RGB设备，所以无论什么时候使用CMYK模式工作都有把RGB模式转换为CMYK模式这样一个过程。

因此，是否应用CMYK模式进行编辑都存在RGB模式和CMYK模式转换的问题。

这里给个建议，也算是我的一点经验吧。先用RGB模式进行编辑工作，再用CMYK模式进行打印工作，在打印前才进行转换，然后加入必要的色彩校正，锐化和修整。这样虽然使Photoshop在CMYK模式下速度慢一些，但可节省大部分编辑时间。

为了快速预览CMYK模式下图象的显示效果，而不转换模式可以使用View菜单下的CMYK Preview（CMYK 预览）命令。

这种打印前的模式转换，并不是避免图象损失最佳的途径，最佳方法是将Lab模式和CMYK模式相结合使用，这样可以最大程度的减少图象失真。下面介绍Lab模式。

3、 Lab模式

Lab模式是有国际照明委员会（CIE）于1976年（哇，好遥远呀。）公布的一种色彩模式。

你已经明白了：RGB模式是一种发光屏幕的加色模式，CMYK模式是一种颜色反光的印刷减色模式。那么，Lab又是什么处理模式呢？

Lab模式既不依赖光线，也不依赖于颜料，它是CIE组织确定的一个理论上包括了人眼可以看见的所有色彩的色彩模式。Lab模式弥补了RGB和CMYK两种色彩模式的不足。

Lab模式由三个通道组成，但不是R、G、B通道。它的一个通道是亮度，即L。另外两个是色彩通道，用A和B来表示。A通道包括的颜色是从深绿色（底亮度值）到灰色（中亮度值）再到亮粉红色（高亮度值）；B通道则是从亮蓝色（底亮度值）到灰色（中亮度值）再到黄色（高亮度值）。因此，这种色彩混合后将产生明亮的色彩。

Lab模式所定义的色彩最多，且与光线及设备无关并且处理速度与RGB模式同样快，比CMYK模式快很多。因此，可以放心大胆地在图象编辑中使用Lab模式。而且，Lab模式在转换成CMYK模式时色彩没有丢失或被替换。因此，最佳避免色彩损失的方法是：应用Lab模式编辑图象，再转换为CMYK模式打印输出。

当你将RGB模式转换成CMYK模式时，Photoshop将自动将RGB模式转换为Lab模式，再转换为CMYK模式。

在表达色彩范围上，处于第一位的是Lab模式，第二位的是RGB模式，第三位是CMYK模式。

4、HSB模式

在介绍完三种主要的色彩模式后，现在介绍另一种色彩模式——HSB色彩模式，它在色彩汲取窗口中才会出现。

在HSB模式中，H表示色相，S表示饱和度，B表示亮度。

色相：是纯色，即组成可见光谱的单色。红色在0度，绿色在120度，蓝色在240度。它基本上是RGB模式全色度的饼状图。

饱和度：表示色彩的纯度，为0时为灰色。白、黑和其他灰色色彩都没有饱和度的。在最大饱和度时，每一色相具有最纯的色光。

亮度：是色彩的明亮度。为0时即为黑色。最大亮度是色彩最鲜明的状态。

5、 Indexed模式

Indexed模式就是索引颜色模式，也叫做映射颜色。在这种模式下，只能存储一个8bit色彩深度的文件，即最多256种颜色，而且颜色都是预先定义好的。一幅图象所有的颜色都在它的图象文件里定义，也就是将所有色彩映射到一个色彩盘里，这就叫色彩对照表。因此，当打开图象文件时，色彩对照表也一同被读入了Photoshop中，Photoshop由色彩对照表找到最终的色彩值。

6、GrauScale模式

在介绍完绚丽彩色世界后，现在进入灰色世界。其实灰色也是彩色的一种，也有绚丽的一面。

灰度文件是可以组成多达256级灰度的8bit图象，亮度是控制灰度的唯一要素。亮度越高，灰度越浅，越接近于白色；亮度越低，灰度越深，就越接近于黑色。因此，黑色和白色包括在灰度之中，它们是灰度模式的一个子集。

GrauScale模式即灰度模式。灰度模式中只存在灰度。当一个彩色文件被转换为灰度文件时，所有的颜色信息都将从文件中去掉。尽管Photoshop允许将一个灰度文件转换为彩色模式文件，但不可能将原来的色彩丝毫不变地恢复回来。

在灰度文件中，图象的色彩饱和度为0，亮度是唯一能够影响灰度图象的选项。亮度是光强的度量，0%代表黑色，100%代表白色。而在Color调色板中的K值是用于衡量黑色油墨用量的。

7、 Bitmap模式

黑白位图模式就是只有黑色和白色两种像素组成的图象，有些人认为黑色既然是灰度色彩模式的一个子集，因此这种模式就没有多大用处。其实这是一种错误的认识，正因为有了Bitmap模式，才能更完善地控制灰度图象的打印输出。事实上像激光打印机这样的输出设备都是靠细小的点来渲染灰度图象的，因此使用Bitmap模式就可以更好的设定网点的大小形状和互相的角度。

需要注意的是，只有灰度图象或多通道图象才能被转化为Bitmap模式，转换是将出现一个对话框，你可以在这里设置文件的输出分辨率和转换方式。具体设置方法如下：

Output（输出）：指黑白图象的分辨率。

Method（方式）：提供以下5种设置。

50%Threshold（临界值）：选中此项，大于50%的灰度像素将变为黑色，而小于等于50%的灰度图象将变成白色。

Pattern Dither（图象抖动）：使用一些随机的黑白像素来抖动图象。使用这种方法生成的图象很难看，而且像素之间几乎没有什么空隙。

Diffusion Dither（扩散抖动）：使用此项用以生成一种金属版效果。它将采用一种发散过程来把一个像素改变成单色，此结果是一种颗粒的效果。

Halftone Screen（半色泽屏幕）：这种转换使图象看上去好像是一种半色泽屏幕打印的一种灰度图象。

Custom Pattern（自定义图案）：这种转换方法允许把一个定制的图案（用Edit菜单中的Custom Pattern命令定义的图案）加给一个位图图象。

请注意了，当图象转换到Bitmap模式后，无法进行其它编辑，甚至不能复原灰度模式时的图象。

8、 Duotone双色套模式

Duotone模式用一种灰度油墨或彩色油墨在渲染一个灰度图象，为双色套印或同色浓淡套印模式。在这种模式中，最多可以向灰度图象中添加4种颜色，这样就可以打印出比单纯灰度模式要好看得多的图象。

图像格式

作为网页设计师，我们在用PS处理图像是，经常要在图片的品质和大小之间衡量。这篇文章将系统地告诉你，网页图片的各种形式和他们的优缺点，这样我们在保存的时候就能够很好的衡量和决定。

存储为Web所用格式

互联网几乎是当今最大的艺术、图形和相片分享平台之一，因此掌握一些保存为网页格式的基础知识就非常重要了。实际上，保存为网页格式是一项平衡艺术——你必须在图片品质和介质的文件尺寸之间做好平衡，以便满足你的个人需求。

在速度相对重要的地方（如迅速地加载网站），你可能需要牺牲一些图片品质。而在品质重要的地方，则需要牺牲一点速度。这堂课程的目的就是向你介绍一些方法，在这两个因素之间寻求平衡，与此同时保留非常好的图像品质。

无损 vs 损耗数据

虽然存在有非常多的图片格式（仅举几例，如jpeg，gif和png），但是依据压缩方法不同，所有的图片都能进一步归类为两大类别：无损和有损。无损数据压缩保证了图像在没有任何品质和信息丢失的情况下重现，而有损数据压缩的结果就是可能造成品质和信息的丢失。在平面设计领域最主流的无损媒介格式包括GIF、PNG以及TIFF，而JPEG是最主流的有损压缩的图形格式。

如何用PHOTOSHOP保存网页格式

PS拥有非常好的方法来为网页优化图片。在PS中，选择文件>存储为Web格式或者使用快捷ctrl+alt+shift+s。一个新的对话框将会弹出，这里有所有为网页保存和优化图片的设置。

通过以下一些生活中的案例来演示如何使用对话框中的设置。

为网页存储图像

由于图片巨大的文件体积，它们更多是以有损压缩格式来保存的。甚至在拍照时，相对于数倍大小的RAW格式，相机也倾向于用有损格式（如JPEG）来保存图片。

JPEG是日常中首选的图片格式，它是以它的创造者“联合图像专家小组”来命名的。Jpeg之所以能够成为标准，是因为它在压缩图像数据的同时可以保留高品质，并且在相关信息上能够接近无损图像的效果。

当你在保存图片的时候，有几种网页格式预设可供选择。对于一张图片，你应该考虑是使用JPEG 低、JPEG 中，还是JPEG高。观察下面的对比图，（可以）发现案例中的图片经过压缩后并没有多大的品质损耗。相比起超过250KB的源文件，我们选择中等质量或者高等质量的压缩预设就能够得到一个大小不超过30KB，并有合适品质的图片。

PS图片存储为webjpeg格式

GIF图像

有些时候，你会被要求用无损格式来保存，以便最好地优化你正在创作的任何作品。这在网页设计中时常遇到，在布局上使用比普通图片更少的颜色。

GIF，全称为“图像互换格式”，是一种只用到256个颜色调色板的图片格式，这让它成为不需要使用太广泛色域的网页图片的理想选择。GIF也能将单个像素设置成透明，不过这并不在这个教程的讨论范围之内。下面展示了一张（使用着256个颜色的）GIF图像和JPEG图像的对比照，它们拥有同样的大小。正如你所见到的，无损GIF图片能更好的接近源文件。

因为GIF图像受到256色的限制，它本应该极少被用到图片中，但是他们恰好适合那些使用纯色或是有限色彩的图像。对于图片来说，通常来说不是使用JPEG有损压缩，就是GIF无损格式。

高品质图像和无损 PNG

PNG，全称为“可移植网络图形”，是一种类似于GIF的无损格式，只是它支持更为丰富的色彩（有时候也让它的体积变大），而且可以支持带透明图层的Alpha通道，而非单一透明像素。

PNG图像正在日渐取代GIF，主要是因为在支持更丰富的色彩方面，PNG通常比GIF的压缩效果要更好。虽然它还不想GIF有广泛的支持，但是无疑它正朝着那个方向前进。

当图片必须保留完整品质在网络上进行传输的时候，PNG是最佳的选择。比起用JPEG传输图片，（PNG）会令你得出更大的图片大小，但是有时候这是一个非常有必要的牺牲。当一个图片包含锐利的线条、以及必须保留清晰的文字时，PNG通常是一个更好的选择，当然了，最终还是要由设计师来决定使用哪一种格式。