上QQ阅读APP看书，第一时间看更新

第1章平面设计基础知识

本章主要介绍了平面设计的基础知识，其中包括位图和矢量图、分辨率、图像的色彩模式和文件格式、页面设置和图片大小、出血、文字转换、印前检查和小样等内容。通过本章的学习，学生可以快速掌握平面设计的基本概念和基础知识，有助于更好地开始平面设计的学习和实践。

课堂学习目标

• 了解位图、矢量图和分辨率

• 掌握图像的色彩模式

• 掌握页面设置的方法

• 掌握改变图片大小的技巧

• 掌握出血的设置技巧

• 掌握文字转换的方法

• 了解印前检查和打印小样的方法

1.1 位图与矢量图

图像文件可以分为两大类：位图图像和矢量图形。在绘图或处理图像过程中，这两种类型的图像可以相互交叉使用。

1.1.1 位图与矢量图

位图图像也称为点阵图像，它是由许多单独的小方块组成的。这些小方块又称为像素点，每个像素点都有特定的位置和颜色值，不同排列和着色的像素点组成了一幅色彩丰富的图像。位图图像的显示效果与像素点是紧密联系在一起的，像素点越多，图像的分辨率越高，相应地，图像的文件量也会随之增大。

图像的原始效果如图1-1所示，使用放大工具放大后，可以清晰地看到像素的小方块形状与不同的颜色，效果如图1-2所示。

图1-1

图1-2

位图与分辨率有关，如果在屏幕上以较大的倍数放大显示图像，或以低于创建时的分辨率打印图像，图像就会出现锯齿状的边缘，并且会丢失细节。

1.1.2 矢量图

矢量图也称为向量图，它是一种基于图形的几何特性来描述的图像。矢量图中的各种图形元素被称为对象，每一个对象都是独立的个体，都具有大小、颜色、形状、轮廓等特性。

矢量图与分辨率无关，可以将它缩放到任意大小，其清晰度不变，也不会出现锯齿状的边缘。矢量图在任何分辨率下显示或打印，都不会损失细节。图形的原始效果如图1-3所示，使用放大工具放大后，其清晰度不变，效果如图1-4所示。

图1-3

图1-4

矢量图文件所占的容量较小，但这种图形的缺点是不易制作色调丰富的图像，而且绘制出来的图形无法像位图那样精确地描绘各种绚丽的景象。

1.2 分辨率

分辨率是用于描述图像文件信息的术语。分辨率分为图像分辨率、屏幕分辨率和输出分辨率。下面分别进行介绍。

1.2.1 图像分辨率

在Photoshop CC中，图像中每单位长度上的像素数目称为图像的分辨率，其单位为像素/英寸或是像素/厘米。

在相同尺寸的两幅图像中，高分辨率的图像比低分辨率的图像所包含的像素多。例如，一幅尺寸为1英寸×1英寸的图像，其分辨率为72像素/英寸，这幅图像包含5184个像素（72×72＝5184）；而同样尺寸，分辨率为300像素/英寸的图像包含90000个像素。相同尺寸下，分辨率为72像素/英寸的图像效果如图1-5所示，分辨率为300像素/英寸的图像效果如图1-6所示。由此可见，在相同尺寸下，高分辨率的图像能更清晰地表现图像内容。

图1-5

图1-6

提示

如果一幅图像所包含的像素是固定的，那么增加图像尺寸，就会降低图像的分辨率。

1.2.2 屏幕分辨率

屏幕分辨率是显示器上每单位长度显示的像素数目。屏幕分辨率取决于显示器的大小及其像素设置。PC显示器的分辨率一般约为96像素/英寸，Mac显示器的分辨率一般约为72像素/英寸。在Photoshop CC中，图像像素被直接转换成显示器像素，当图像分辨率高于显示器分辨率时，屏幕中显示出的图像比实际尺寸大。

1.2.3 输出分辨率

输出分辨率是照排机或打印机等输出设备产生的每英寸的油墨点数（dpi）。打印机的分辨率在720dpi以上，可以使图像获得比较好的效果。

1.3 色彩模式

Photoshop和CorelDRAW提供了多种色彩模式，这些色彩模式正是作品能够在屏幕和印刷品上成功表现的重要保障。在这里重点介绍几种经常使用到的色彩模式，包括CMYK模式、RGB模式、灰度模式及Lab模式。每种色彩模式都有不同的色域，并且各个模式之间可以相互转换。

1.3.1 CMYK模式

CMYK代表了印刷上用的4种油墨色：C代表青色，M代表洋红色，Y代表黄色，K代表黑色。CMYK模式在印刷时应用了色彩学中的减法混合原理，即减色色彩模式，它是图片、插图和其他作品中最常用的一种印刷方式。这是因为在印刷中通常都要进行四色分色，出四色胶片，然后再进行印刷。

在Photoshop中，CMYK颜色控制面板如图1-7所示，可以在其中设置CMYK颜色。在CorelDRAW的均匀填充对话框中选择CMYK色彩模式，可以设置CMYK颜色，如图1-8所示。

图1-7

图1-8

提示

在使用Photoshop制作平面设计作品时，一般会把图像文件的色彩模式设置为CMYK模式。在使用CorelDRAW制作平面设计作品时，绘制的矢量图形和制作的文字都要使用CMYK颜色。

可以在建立一个新的Photoshop图像文件时就选择CMYK四色印刷模式，如图1-9所示。

图1-9

提示

在建立新的Photoshop文件时，就选择CMYK四色印刷模式。这种方式的优点是防止最后的颜色失真，因为在整个作品的制作过程中，所制作的图像都在可印刷的色域中。

在制作过程中，可以选择“图像>模式>CMYK颜色”命令，将图像转换成CMYK四色印刷模式。但是一定要注意，在图像转换为CMYK四色印刷模式后，就无法再变回原来图像的RGB色彩了，因为RGB的色彩模式在转换成CMYK色彩模式时，色域外的颜色会变暗，这样才能使整个色彩成为可以印刷的文件。因此，在将RGB模式转换成CMYK模式之前，可以选择“视图>校样设置>工作中的CMYK”命令，预览一下转换成CMYK色彩模式后的图像效果，如果不满意CMYK色彩模式的效果，还可以根据需要对图像进行调整。

1.3.2 RGB模式

RGB模式是一种加色模式，它通过红、绿、蓝3种色光相叠加而形成更多的颜色。RGB是色光的彩色模式，一幅24位色彩范围的RGB图像有3个色彩信息通道：红色（R）、绿色（G）和蓝色（B）。在Photoshop中，RGB颜色控制面板如图1-10所示。在CorelDRAW的均匀填充对话框中选择RGB色彩模式，可以设置RGB颜色，如图1-11所示。

图1-10

图1-11

每个通道都有8位的色彩信息——一个0～255的亮度值色域，也就是说，每一种色彩都有256个亮度水平级。3种色彩相叠加，可以有256×256×256≈1670万种可能的颜色，这1670万种颜色足以表现出绚丽多彩的世界。

在Photoshop CC中编辑图像时，RGB色彩模式应是最佳的选择，因为它可以提供全屏幕的多达24位的色彩范围，一些计算机领域的色彩专家称之为“True Color”真彩显示。

提示

一般在视频编辑和设计过程中，使用RGB模式来编辑和处理图像。

1.3.3 灰度模式

灰度模式下的灰度图又称为8比特深度图。每个像素用8个二进制数表示，能产生2的8次方，即256级灰色调。当一个彩色文件被转换为灰度模式文件时，所有的颜色信息都将从文件中丢失。尽管Photoshop允许将一个灰度文件转换为彩色模式文件，但不可能将原来的颜色完全还原。所以，当要转换灰度模式时，应先做好图像的备份。

像黑白照片一样，一个灰度模式的图像没有色相和饱和度这两种颜色信息，只有明暗值，0%代表白，100%代表黑，其中的K值用于衡量黑色油墨用量。在Photoshop中，颜色控制面板如图1-12所示。在CorelDRAW中的均匀填充对话框中选择灰度色彩模式，可以设置灰度颜色，如图1-13所示。

图1-12

图1-13

1.3.4 Lab模式

Lab是Photoshop中的一种国际色彩标准模式，它由3个通道组成：一个通道是透明度，即L；其他两个是色彩通道，即色相和饱和度，用a和b表示。a通道包括的颜色值从深绿到灰，再到亮粉红色；b通道是从亮蓝色到灰，再到焦黄色。这种色彩混合后将产生明亮的色彩。Lab颜色控制面板如图1-14所示。

图1-14

Lab模式在理论上包括了人眼可见的所有色彩，它弥补了CMYK模式和RGB模式的不足。在这种模式下，图像的处理速度比在CMYK模式下快数倍，与在RGB模式下的速度相仿。此外，在把Lab模式转换成CMYK模式的过程中，所有的色彩不会丢失或被替换。

提示

在Photoshop中将RGB模式转换成CMYK模式时，可以先将RGB模式转换成Lab模式，然后再从Lab模式转成CMYK模式。这样会减少图片的颜色损失。

1.4 文件格式

当平面设计作品制作完成后就要进行存储，这时，选择一种合适的文件格式就显得十分重要。在Photoshop和CorelDRAW中有20多种文件格式可供选择。在这些文件格式中，既有Photoshop和CorelDRAW的专用格式，也有用于应用程序交换的文件格式，还有一些比较特殊的格式。下面重点介绍几种平面设计中常用的文件存储格式。

1.4.1 TIF格式

TIF也称TIFF，是标签图像格式。TIF格式对于色彩通道图像来说具有很强的可移植性，它可以用于PC、Macintosh和UNIX工作站三大平台，是这三大平台上使用最广泛的绘图格式。

用TIF（TIFF）格式存储时应考虑到文件的大小，因为TIF格式的结构要比其他格式更大更复杂。但TIF格式支持24个通道，能存储多于4个通道的文件。TIF格式还允许使用Photoshop中的复杂工具和滤镜特效。

提示

TIF格式非常适合于印刷和输出。在Photoshop中编辑处理完成的图片文件一般都会存储为TIF格式，然后导入CorelDRAW的平面设计文件中再进行编辑处理。

1.4.2 CDR格式

CDR格式是CorelDRAW的专用图形文件格式。由于CorelDRAW是矢量图形绘制软件，因此CDR可以记录文件的属性、位置、分页等。但它在兼容度上比较差，在所有CorelDRAW应用程序中均能够使用，而其他图像编辑软件却无法打开此类文件。

1.4.3 PSD格式

PSD格式是Photoshop软件自身的专用文件格式。PSD格式能够保存图像数据的细小部分，如图层、蒙版、通道等Photoshop对图像进行特殊处理的信息。在没有最终决定图像的存储格式前，最好先以这种格式存储。另外，Photoshop打开和存储这种格式的文件较其他格式更快。

1.4.4 AI格式

AI是一种矢量图片格式，是Adobe公司的Illustrator软件的专用格式。它的兼容度比较高，可以在CorelDRAW中打开，也可以将CDR格式的文件导出为AI格式。

1.4.5 JPEG格式

JPEG是Joint Photographic Experts Group的首字母缩写，译为联合图片专家组，它既是Photoshop支持的一种文件格式，也是一种压缩方案。JPEG格式是Macintosh上常用的一种存储类型。JPEG格式是压缩格式中的“佼佼者”，与TIF文件格式采用的LIW无损失压缩相比，它的压缩比例更大。但它使用的有损失压缩会丢失部分数据。用户可以在存储前选择图像的最后质量，这样就能控制数据的损失程度。

在Photoshop中，可以选择低、中、高和最高4种图像压缩品质。以最高质量保存图像比其他质量的保存形式占用更大的磁盘空间。而选择低质量保存图像则会使损失的数据较多，但占用的磁盘空间较少。

1.5 页面设置

1.5.1 在Photoshop中设置页面

选择“文件>新建”命令，弹出“新建”对话框，如图1-15所示。在对话框中，“名称”选项后的文本框中可以输入新建图像的文件名，“预设”选项后的下拉列表用于自定义或选择其他固定格式文件的大小，在“宽度”和“高度”选项后的数值框中可以输入需要设置的宽度和高度的数值，在“分辨率”选项后的数值框中可以输入需要设置的分辨率。

图1-15

图像的宽度和高度可以设定为像素或厘米，单击“宽度”和“高度”选项下拉列表后面的黑色三角按钮，弹出计量单位下拉列表，可以选择计量单位。

“分辨率”选项可以设定每英寸的像素数或每厘米的像素数，一般在进行屏幕练习时，设定为72像素/英寸；在进行平面设计时，分辨率设定为输出设备的半调网屏频率的1.5～2倍，一般为300像素/英寸。单击“确定”按钮，新建页面。

提示

每英寸像素数越高，图像的效果越好，但图像的文件也越大。应根据需要设定合适的分辨率。

1.5.2 在CorelDRAW中设置页面

在实际工作中，往往要利用像CorelDRAW这样的优秀平面设计软件来完成印前的制作任务，随后才是出胶片、送印厂。这就要求我们在设计、制作前设置好作品的尺寸。为了方便广大用户使用，CorelDRAW X7预设了50多种页面样式供用户选择。

在新建的CorelDRAW文档窗口中，属性栏可以设置纸张的类型大小、纸张的高度和宽度、纸张的放置方向等，如图1-16所示。

图1-16

选择“布局>页面设置”命令，弹出“选项”对话框，如图1-17所示，在这里可以进行更多的设置。

图1-17

在页面“页面尺寸”的选项框中，除了可对版面纸张类型大小、放置方向等进行设置外，还可设置页面出血、分辨率等选项。

1.6 图片大小

在完成平面设计任务的过程中，为了更好地编辑图像或图形，经常需要调整图像或者图形的大小。下面介绍图像或图形大小的调整方法。

1.6.1 在Photoshop中调整图像大小

打开一幅图像，选择“图像>图像大小”命令，弹出“图像大小”对话框，如图1-18所示。“调整为”选项可选取需要调整的图像大小，如图1-19所示。

图1-18

图1-19

取消勾选“重新采样”复选框，此时，“宽度”“高度”和“分辨率”选项被关联在一起，如图1-20所示。在像素总量不变的情况下，将“宽度”和“高度”选项的值增大，则“分辨率”选项的值就相应地减小，如图1-21所示。勾选“重新采样”复选框，将“宽度”和“高度”选项的值减小，“分辨率”选项的值保持不变，像素总量将变小，如图1-22所示。在所有选项右侧的下拉列表中进行设置可改变选项数值的计量单位，如图1-23所示。

图1-20

图1-21

图1-22

图1-23

提示

在设计制作的过程中，位图的分辨率一般为300像素/英寸，编辑位图的尺寸可以从大尺寸图调整到小尺寸图，这样没有图像品质的损失。如果从小尺寸图调整到大尺寸图，就会造成图像品质的损失，如图片模糊等。

1.6.2 在CorelDRAW中调整图像大小

打开光盘中的“Ch01>素材>05”文件。使用“选择”工具选取要缩放的对象，对象的周围出现控制手柄，如图1-24所示。用鼠标拖曳控制手柄可以缩小或放大对象，如图1-25所示。

图1-24

图1-25

选择“选择”工具并选取要缩放的对象，对象的周围出现控制手柄，如图1-26所示，这时的属性栏如图1-27所示。在属性栏“对象的大小”选项中根据设计需要调整宽度和高度的数值，如图1-28所示，按Enter键确认，完成对象的缩放，效果如图1-29所示。

图1-26

图1-27

图1-28

图1-29

1.7 出血

印刷装订工艺要求接触到页面边缘的线条、图片或色块，须跨出页面边缘的成品裁切线3mm，称为出血。出血是防止裁刀裁切到成品尺寸里面的图文或出现白边。下面将以贵宾卡的制作为例，对如何在Photoshop或CorelDRAW中设置卡片的出血进行细致的介绍。

1.7.1 在Photoshop中设置出血

（1）要求制作的卡片的成品尺寸是90mm×55mm，如果卡片有底色或花纹，则需要将底色或花纹跨出页面边缘的成品裁切线3mm。因此，在Photoshop中，新建文件的页面尺寸需要设置为96mm×61mm。

（2）按Ctrl+N组合键，弹出“新建”对话框，选项的设置如图1-30所示；单击“确定”按钮，效果如图1-31所示。

图1-30

图1-31

（3）选择“视图>新建参考线”命令，弹出“新建参考线”对话框，设置如图1-32所示；单击“确定”按钮，效果如图1-33所示。用相同的方法，在58mm处新建一条水平参考线，效果如图1-34所示。

图1-32

图1-33

图1-34

（4）选择“视图>新建参考线”命令，弹出“新建参考线”对话框，设置如图1-35所示；单击“确定”按钮，效果如图1-36所示。用相同的方法，在93mm处新建一条垂直参考线，效果如图1-37所示。

图1-35

图1-36

图1-37

（5）将前景色设为浅黄色（其R、G、B值分别为94、3、16）。按Alt+Delete组合键，用前景色填充“背景”图层，效果如图1-38所示。按Ctrl+O组合键，打开光盘中的“Ch01>素材>06”文件，选择“移动”工具，将其拖曳到新建的未标题-1文件窗口中，如图1-39所示；在“图层”控制面板中生成新的图层“图层1”。

图1-38

图1-39

（6）按Ctrl+E组合键，合并可见图层。按Ctrl+S组合键，弹出“存储为”对话框，将其命名为“贵宾卡背景”，保存为TIFF格式。单击“保存”按钮，弹出“TIFF选项”对话框，再单击“确定”按钮将图像保存。

1.7.2 在CorelDRAW中设置出血

（1）要求制作卡片的成品尺寸是90mm×55mm，需要设置的出血是3mm。

（2）按Ctrl+N组合键，新建一个文档。选择“布局>页面设置”命令，弹出“选项”对话框，在“文档”设置区的“页面尺寸”选项框中，设置“宽度”选项的数值为90mm，设置“高度”选项的数值为55mm，设置出血选项的数值为3mm，在设置区中勾选“显示出血区域”复选框，如图1-40所示；单击“确定”按钮，页面效果如图1-41所示。

图1-40

图1-41

（3）在页面中，实线框为卡片的成品尺寸90mm×55mm，虚线框为出血尺寸，在虚线框和实线框四边之间的空白区域是3mm的出血设置，示意如图1-42所示。

图1-42

（4）按Ctrl+I组合键，弹出“导入”对话框，打开光盘中的“Ch01>效果>贵宾卡背景”文件，如图1-43所示，并单击“导入”按钮。在页面中单击导入图片，按P键，使图片与页面居中对齐，效果如图1-44所示。

图1-43

图1-44

提示

导入的图像是位图，所以导入图像之后，页边框被图像遮挡在下面，不能显示。

（5）按Ctrl+I组合键，弹出“导入”对话框，打开光盘中的“Ch01>素材>07”文件，单击“导入”按钮。在页面中单击导入图片，选择“选择”工具，将其拖曳到适当的位置，效果如图1-45所示。选择“文本”工具，在页面中分别输入需要的文字。选择“选择”工具，分别在属性栏中选择合适的字体并设置文字大小，分别填充适当的颜色，效果如图1-46所示。选择“视图>显示>出血”命令，将出血线隐藏。

图1-45

图1-46

（6）选择“文件>打印预览”命令，单击“启用分色”按钮，在窗口中可以观察到贵宾卡将来出胶片的效果，还有4个角上的裁切线、4个边中间的套准线和测控条。单击页面分色按钮，可以切换显示各分色的胶片效果，如图1-47所示。

图1-47

提示

最后完成的设计作品，都要送到专业的输出中心，在输出中心把作品输出成印刷用的胶片。一般我们使用CMYK四色模式制作的作品会出4张胶片，分别是青色、洋红色、黄色和黑色四色胶片。

（7）最后制作完成的设计作品效果如图1-48所示。按Ctrl+S组合键，弹出“保存图形”对话框，将其命名为“贵宾卡”，保存为CDR格式，单击“保存”按钮将图像保存。

图1-48

1.8 文字的转换

在Photoshop和CorelDRAW中输入文字时，都需要选择文字的字体。文字的字体安装在计算机、打印机或照排机的文件中。字体就是文字的外在形态，当设计师选择的字体与输出中心的字体不匹配时，或者根本就没有设计师选择的字体时，出来的胶片上的文字就不是设计师选择的字体，也可能出现乱码。下面讲解如何在Photoshop和CorelDRAW中进行文字转换来避免出现这样的问题。

1.8.1 在Photoshop中转换文字

打开光盘中的“Ch01>素材>08”文件，在“图层”控制面板中选中需要的文字图层，单击鼠标右键，在弹出的菜单中选择“栅格化文字”命令，如图1-49所示。将文字图层转换为普通图层，就是将文字转换为图像，如图1-50所示。在图像窗口中的文字效果如图1-51所示。转换为普通图层后，出片文件将不会出现字体的匹配问题。