Photoshop平面设计:三个相关概念

在进行平面设计前，需理解以下概念，掌握平面设计的相关理论知识，以更加清楚平面设计的基本原理，设计出更多优秀的作品。

1.点阵图

（1）像素及点阵图的组成

像素是组成点阵图的基本单位，点阵图由许多大小相同的像素（色点）沿水平方向和垂直方向按统一的矩阵整齐排列组成。

（2）点阵图的分辨率

点阵图的分辨率指每英寸长度单位内的像素数值，即每英寸长度单位内能够容纳多少个像素。分辨率是数字影像中的一个重要概念，其单位是PPI （pixel per inch）。而打印分辨率指每英寸所表达的打印点数，其单位是DPI （dot per inch）。PPI和DPI经常会出现混用的现象。从技术角度说，PPI 只存在于屏幕的显示领域，而DPI 只存在于打印或印刷领域。初学图像处理的用户很难分辨清楚PPI 和DPI，因此需要逐步去理解。

高分辨率的图像包含的像素越多，图像文件就越大，因此能更加生动形象地表现出图像丰富的细节，但同时会占用更多的计算机内存（RAM），存储时会占用更多的硬盘空间。而低分辨率的图像包含的像素少，图像非常粗糙，排版打印后效果非常模糊。因此，在图像处理过程中，必须根据图像最终的用途决定图像的合适的分辨率，在能够保证输出质量的情况下，尽量降低分辨率从而占用较少的计算机资源。

（3）点阵图的尺寸

点阵图的尺寸是指点阵图像文件的宽度尺寸和高度尺寸，可以用像素、英寸、厘米、毫米、点、派卡和列等单位表示。例如，像素可以用于屏幕显示的尺寸，英寸、厘米可以用于点阵图文件打印输出的尺寸。显示器显示的图像的像素尺寸一般为800×600 像素和1024×768像素等，而大屏幕液晶显示器的像素还要高。在Photoshop 中，图像像素可以直接转换为显示器像素。当图像的分辨率比显示器的分辨率高时，图像显示的尺寸要比指定的尺寸大。例如，1×1英寸的图像在72 像素的显示器上将显示为4×4 英寸。

像素本身没有实际尺寸，像素依赖于输出它的硬件设备，只有当像素向指定的设备（如显示器、打印机）输出时才具有物理量的长宽、面积等。因此，点阵图在显示器上的尺寸与打印尺寸无关，只取决于点阵图的分辨率及显示器设置的分辨率。

（4）点阵图的大小

点阵图的大小由计算机存储的基本单位——字节（byte，B）来度量。1字节由8 个二进制位（bit）组成，所以1字节的表示范围用十进制表示即为0～255，即0～28。图像颜色模式不同，则图像中每一个像素所需要的字节数也不同。灰度模式的图像每一个像素灰度用1 字节代表的数值表示；RGB 颜色模式的图像每一个像素颜色用3 字节代表的数值表示；CMYK 颜色模式的图像每一个像素颜色用4 字节代表的数值表示。

一个300×300 像素的图像，在不同模式下其大小的计算如下。灰度模式的图像：300×300×1B=90000B≈88KB；RGB 模式的图像：300×300×3B=270000B≈264KB；CMYK模式 的图像：300×300×4B=360000B≈352KB。

2.矢量图

（1）矢量图的组成

点是组成矢量图的基本单位，点的x坐标、y 坐标定义了图像的形状和大小。点虽然不可见，但实际存在，创建一个对象至少需要两个点，点控制着绘制图形的全局。点分为角点和曲线点两种类型。在调整图形的形状、连接点和线时，会遇到不同点的类型问题。例如，修改图形的形状时必须选择点，且用户每次只能修改图形的一个点。

（2）矢量图的特点

矢量图使用点和线描述图形，矢量图的特点如下。

1）文件小。由于矢量图中保存的是线条和图块的信息，因此矢量图的大小与分辨率和图形大小无关，只与图形的复杂程度有关，简单图形所占的存储空间小。

2）矢量图的大小可以无限缩放。矢量图在进行缩放、旋转或变形操作时，仍具有较高的显示和输出质量，而且不会发生锯齿模糊的现象。

3）矢量图可采用高分辨率印刷。矢量图可以在任何输出设备及打印机上以最高分辨率打印输出。当编辑矢量图时，定义的是描述图形形状的点和线的属性，这些属性将被记录下来。对矢量图的操作，如移动、放大、缩小、重新定义尺寸、重新定义形状，或改变矢量图的色彩等，都不会改变矢量图的显示及输出质量。用户可以通过矢量对象的交叠，隐藏图形的某一部分，或者改变对象的透明度。矢量图分辨率独立，因此当显示或输出矢量图时，图形的质量不受设备的分辨率影响。

3.图像的文件类型

图像的文件类型是指图像信息在磁盘上存储的组织格式，用扩展名表示。当文件存储并命名时，应用程序会自动为其附加上相应的扩展名，并指定该文件的类型。扩展名通常为3个字符，如.cdr、.psd、.bmp、.tif 和.eps 等，文件扩展名可以帮助用户区别不同类型的文件。常用的图像文件类型格式有以下几种。

1）PSD格式。PSD格式是Photoshop 的专用格式。该格式能保存图形图像的每一个细节，且各图层中的图形图像相互独立，但该格式存储的图形图像文件比较大。PSD 格式可以将Illustrator 文件输出为Photoshop 文件，并保留原文件的许多特性。

2）CDR 格式。CDR 格式是CorelDRAW 的专用矢量图格式。该格式将图像定义为图形原语（矩形、直线、文本、弧形和椭圆等）的列表，并以逐点的形式映射到页面上，因此在缩小或增大矢量图形的大小时，原始图像不会变形。

3）AI 格式。AI 格式是一种矢量图形格式，在Illustrator 中经常用到。AI 格式的文件可以直接在Photoshop 和CorelDRAW等软件中打开，当用CorelDRAW打开时，文件仍为矢量图形，而且其颜色和形状可以编辑。

4）EPS 格式。EPS 格式是一种跨平台的通用格式，大多数绘图软件和排版软件都支持此格式。EPS 格式可以保存图像的路径信息，并可以在各绘图软件之间相互转换。

5）BMP 格式。BMP 格式是在DOS 平台和Windows 平台上常用的一种标准图像格式，当图像以该格式保存时，可以选择存为Microsoft Windows 或者OS/2 格式。该格式支持RGB、索引颜色、灰度和位图颜色模式的图像，但不支持Alpha 通道。

6）JPEG （JPG）格式。JPEG 格式是用来描述位图的文件格式，其可用于Windows和MAC平台上。JPEG格式支持CMYK、RGB和灰度颜色模式的图像，但不支持Alpha通道。该格式可以将图像进行压缩，使图像变小，其压缩格式是所有压缩格式中最好的。

7）TIFF 格式。TIFF 格式是一种灵活的位图图像格式，大多数绘画软件、图像编辑软件和页面排版软件都支持此格式，而且绝大多数桌面扫描仪都可以生成TIFF图像。(www.xing528.com)

8）GIF 格式。GIF 格式是由CompuServe 公司制定的，能存储背景透明化的图像格式，但其只能处理256 种色彩。GIF 格式常用于网络传输，其传输速度要比其他格式的文件快，并且其可以将多张图像存储为一个文件而形成动画效果。

9）PNG 格式。PNG 格式是Adobe 公司针对网络图像开发的文件格式。该格式可以使用无损压缩方式压缩图像文件，并利用Alpha 通道保留透明背景，是功能强大的网络文件格式，但其可能不支持较早版本的浏览器。

4.色彩三属性

色彩三属性包括色相、明度、彩度。色彩三属性既相互独立，又相互关联、相互制约，可以共同形成一种颜色或一组色彩关系。色彩的属性变化能产生色彩调和的感觉，也能产生不同的心理效应。

1）色相（hue）。色相指色彩的面貌，由反射光或透射光的波长决定。波长的不同可以产生不同的色彩面貌，如红、蓝、黄、绿等。

2）明度（value）。明度指色彩的亮度。由于物体反射同一波长的光亮有所不同，因此其色彩的深浅（明暗）也不同。

3）彩度（chroma）。彩度指色彩的鲜艳程度或色彩呈现的完整程度，可以用数值来表示。在色彩中添加白色、黑色或与色相明度相同的灰色，都可使彩度降低。各种色彩不仅明度值不同，而且彩度值也不同，红或黄的彩度最高，而蓝、青、绿的彩度较低。

5.色彩模式

（1）RGB 色彩模式

RGB色彩模式指红（red）、绿（green）、蓝（blue）3种色光原色。RGB色彩模式也称为加色模式，即将光谱光线以各种不同的组合混合在一起产生加色，如将所有颜色加在一起可产生白色。RGB 色彩模式可用于光照、视频和显示器，如显示器通过红色、绿色和蓝色荧光粉可发射光线产生颜色。

（2）CMYK 色彩模式

CMYK色彩模式也称为四色印刷模式，其图像是由青色（cyan）、洋红（magenta）、黄色（yellow）和黑色（black）4种颜色叠加而成的。CMYK色彩模式主要用于彩色印刷。

（3）其他色彩模式

除了以上两种色彩模式之外，常用的色彩表述方式还有其他几种，分别介绍如下。

1）灰度模式（grayscale）。灰度模式的图像由黑、白及各种不同深浅的256级灰度组成，类似于黑白照片。彩色照片可以转换成灰度模式的图像，转换后便于表现和查看图像丰富的灰度层次，但转换后图像的色彩消失，且不可还原；但灰度模式的图像在转换成RGB 色彩模式或CMYK 色彩模式后可以给图像增加色彩。

2）位图模式（bitmap）。位图模式的图像由黑白两色组成，类似于黑白木刻版画。位图模式的图像不能使用编辑工具对其进行编辑，且只有灰度模式的图像才能够转换成位图模式。由于位图模式的图像只记录了黑白两个颜色，因此文件较小。

3）双色调模式（duotone）。双色调模式是一种由两色、三色或更多色彩的色点来描述灰度模式图像的一种色彩表述方式。该模式图像的效果与用彩色铅笔绘制的素描效果类似，其所呈现出的图像的明暗层次和清晰度比灰度模式的图像要好很多。由于双色调模式是由两色、三色或更多颜色的色点来描述灰色模式图像的色彩表达方式，因此并不是所有的图像都可以直接转换成双色调模式，对于RGB 色彩模式、CMYK 色彩模式或其他色彩模式的图像只有先将其转换成灰度模式之后才能够再转换成双色调模式。

4）索引颜色模式（index）。索引颜色模式是网页及动画文件常用的数字色彩图像模式，因此又称为图像映射色彩模式，该模式的图像只有256 种颜色。

5）HSB模式。HSB是hue（色相）、saturation（饱和度）、brightness（亮度）3个英文的缩写，即色彩三属性，因此HSB 模式用色彩三属性来描述颜色。由于HSB 模式能直接体现色彩之间的关系，所以非常适用于色彩设计。绝大部分的平面设计软件都提供了HSB 色彩模式。

6.图像色彩的应用

（1）图像配色的方法

1）暖色调配色。以红色、黄色、橙色等暖色色彩组合而成的色调称为暖色调。暖色调常用的颜色有红色、黄色、褐色和紫色等，一般用于以暖色调为主色调的作品。

2）冷色调配色。以蓝色、绿色等冷色色彩组合而成的色调称为冷色调。冷色调常用的颜色有蓝色、绿色等。

3）对比色调配色。以对比比较鲜明的色彩（如红与绿、黄与紫、蓝与橙等）组合而成的色调称为对比色调。对比色调的作品画面视觉效果强烈且具有愉快、热烈的气氛，但对比色调在使用过程中要注意区分对比色面积的大小，即要有主次轻重，不可等面积运用，而且要有疏密安排。不同颜色的明度不能过于接近，应该有强弱之分，否则会导致画面杂乱，不能获得预期的效果，“万绿丛中一点红”即为此道理。

4）调和色配色。色彩调和是指将两种或两种以上的色彩组合在一起时使其产生既协调又统一的视觉效果，因此，调和色可以使有明显差别的色彩变得协调统一。日常生活中，有的物品色彩搭配得非常协调、雅致，但有的低俗、乏味。单一的颜色无所谓协调，几种颜色只有在具有基本的共同性或融合性时，才会变得协调。以纯度较高的红色与绿色为例，红色与绿色是两种对立的颜色，即对比色，假如将面积相同的红色和绿色放置在一起，视觉上会感到刺眼，不舒服；但如果在这两种纯度都很高的对比色中加入相同量的其他颜色，如白色或黑色，或者将红色面积减小，这时人们的视觉将会变得很舒服。

（2）色彩对人的心理影响

1）冷、暖色对人的心理影响。色彩的冷暖是通过人们的知觉和心理感觉产生的，是人们在生活中积累的一种心理经验。例如，人们看到红色、橙色时会一种温暖的感觉，这是因为红色和橙色都是一种刺激性很强、使人兴奋并能使人留下深刻印象的色彩，且通常和火、太阳等事物联系在一起。而人们看到蓝色、紫色时会产生寒冷的感觉，这是因为蓝色、紫色往往和夜空、海水、冰、雪等事物联系在一起。因此，在平面设计中要以所要表现的主题来确定是采用冷色还是暖色。

2）色彩的平衡。明度较浅的颜色与明度较深的颜色搭配在一起时，浅色感觉很轻，而深色感觉很重，这是因为色彩在视觉上有轻重的感觉。色彩的轻重感是根据色彩的明度高低产生的，如相同明度的两种色彩搭配时，彩度较高的颜色在视觉上感觉较重。色彩的平衡即指将轻重悬殊很大的颜色合理搭配，使其在设计中让人感觉舒服、安定。因此，在设计图像时还要注意平衡轻色与重色的关系、膨胀色与收缩色的色性。

3）色彩的华丽与朴实。在色彩体系中，彩度较高的颜色显得华丽，而彩度较低的颜色显得朴素。