设计软件基础知识

1、 本章简介本章简介： 本章主要介绍了设计软件的本章主要介绍了设计软件的基础知识，其中包括位图和矢量基础知识，其中包括位图和矢量图、分辨率、图像的色彩模式和图、分辨率、图像的色彩模式和文件格式、页面设置和图片大小、文件格式、页面设置和图片大小、出血、文字转换、印前检查和小出血、文字转换、印前检查和小样等内容。通过本章的学习，可样等内容。通过本章的学习，可以快速掌握设计软件的基础知识以快速掌握设计软件的基础知识和操作技巧，有助于更好地帮助和操作技巧，有助于更好地帮助读者完成平面设计作品的创意设读者完成平面设计作品的创意设计与制作。计与制作。第2章设计软件的基础知识课堂学习目标位图和矢量图位图和矢量

2、图分辨率分辨率图像的色彩模式图像的色彩模式常用的图像文件格式常用的图像文件格式页面设置页面设置图片大小图片大小出血的位置出血的位置文字转换的方法文字转换的方法印前检查印前检查客户看小样客户看小样2.1位图和矢量图位图位图矢量图矢量图2.1.1位图 位图图像也称为点阵图像，它是由许多单独的小方块组成的，这位图图像也称为点阵图像，它是由许多单独的小方块组成的，这些小方块又称为像素点，每个像素点都有特定的位置和颜色值，位图些小方块又称为像素点，每个像素点都有特定的位置和颜色值，位图图像的显示效果与像素点是紧密联系在一起的，不同排列和着色的像图像的显示效果与像素点是紧密联系在一起的，不同排列和着色的像

3、素点在一起组成了一幅色彩丰富的图像。像素点越多，图像的分辨率素点在一起组成了一幅色彩丰富的图像。像素点越多，图像的分辨率越高，相应地，图像的文件量也会随之增大。越高，相应地，图像的文件量也会随之增大。效果图2.1.2矢量图 矢量图也称为向量图，它是一种基于图形的几何特性来描述的图矢量图也称为向量图，它是一种基于图形的几何特性来描述的图像。矢量图中的各种图形元素称之为对象，每一个对象都是独立的个像。矢量图中的各种图形元素称之为对象，每一个对象都是独立的个体，都具有大小、颜色、形状、轮廓等特性。体，都具有大小、颜色、形状、轮廓等特性。 矢量图与分辨率无关，可以将它缩放到任意大小，其清晰度不变，矢量

4、图与分辨率无关，可以将它缩放到任意大小，其清晰度不变，也不会出现锯齿状的边缘。在任何分辨率下显示或打印矢量图，都不也不会出现锯齿状的边缘。在任何分辨率下显示或打印矢量图，都不会损失细节。会损失细节。效果图2.2分辨率图像分辨率图像分辨率屏幕分辨率屏幕分辨率输出分辨率输出分辨率2.2.1图像分辨率 在在Photoshop CS5Photoshop CS5中，图像中每单位长度上的像素数目，称为图像的分辨中，图像中每单位长度上的像素数目，称为图像的分辨率，其单位为像素率，其单位为像素/ /英寸或是像素英寸或是像素/ /厘米。厘米。 在相同尺寸的两幅图像中，高分辨率的图像包含的像素比低分辨率的图像在相

5、同尺寸的两幅图像中，高分辨率的图像包含的像素比低分辨率的图像包含的像素多。例如，一幅尺寸为包含的像素多。例如，一幅尺寸为1 11 1英寸的图像，其分辨率为英寸的图像，其分辨率为7272像素像素/ /英寸，英寸，这幅图像包含这幅图像包含5 1845 184个像素（个像素（727272725 1845 184）。同样尺寸，分辨率为）。同样尺寸，分辨率为300300像素像素/ /英寸的图像，图像包含英寸的图像，图像包含90 00090 000个像素。相同尺寸下，分辨率为个像素。相同尺寸下，分辨率为7272像素像素/ /英寸的图英寸的图像效果如图像效果如图2-52-5所示，分辨率为所示，分辨率为200

6、200像素像素/ /英寸的图像效果如图英寸的图像效果如图2-62-6所示。由此可所示。由此可见，在相同尺寸下，高分辨率的图像将能更清晰地表现图像内容。见，在相同尺寸下，高分辨率的图像将能更清晰地表现图像内容。效果图2.2.2屏幕分辨率 屏幕分辨率是显示器上每单位长度显示的像素数目。屏幕分辨屏幕分辨率是显示器上每单位长度显示的像素数目。屏幕分辨率取决于显示器大小加上其像素设置。率取决于显示器大小加上其像素设置。PCPC显示器的分辨率一般约为显示器的分辨率一般约为9696像素像素/ /英寸，英寸，MacMac显示器的分辨率一般约为显示器的分辨率一般约为7272像素像素/ /英寸。在英寸。在Phot

7、oshop CS5Photoshop CS5中，图像像素被直接转换成显示器像素，当图像分辨中，图像像素被直接转换成显示器像素，当图像分辨率高于显示器分辨率时，屏幕中显示出的图像比实际尺寸大。率高于显示器分辨率时，屏幕中显示出的图像比实际尺寸大。2.2.3输出分辨率 输出分辨率是照排机或打印机等输出设备产生的每英寸的油墨输出分辨率是照排机或打印机等输出设备产生的每英寸的油墨点数（点数（dpidpi）。打印机的分辨率在）。打印机的分辨率在720 dpi720 dpi以上的，可以使图像获得以上的，可以使图像获得比较好的效果。比较好的效果。2.3色彩模式CMYKCMYK模式模式RGBRGB模式模式灰度

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

9、制面板2.3.2RGB模式 RGB RGB模式是一种加色模式，它通过红、绿、蓝模式是一种加色模式，它通过红、绿、蓝3 3种色光相叠加而形成种色光相叠加而形成更多的颜色。更多的颜色。RGBRGB是色光的彩色模式，一幅是色光的彩色模式，一幅2424位色彩范围的位色彩范围的RGBRGB图像有图像有3 3个色彩信息通道：红色（个色彩信息通道：红色（R R）、绿色（）、绿色（G G）和蓝色（）和蓝色（B B）。）。 每个通道都有每个通道都有8 8位的色彩信息，即一个位的色彩信息，即一个0 0255255的亮度值色域。也就的亮度值色域。也就是说，每一种色彩都有是说，每一种色彩都有256256个亮度水平级。

10、个亮度水平级。3 3种色彩相叠加，可以有种色彩相叠加，可以有256256256256256=1 670256=1 670万种可能的颜色。这万种可能的颜色。这1 6701 670万种颜色足以表现出绚万种颜色足以表现出绚丽多彩的世界。丽多彩的世界。 在在Photoshop CS5Photoshop CS5中编辑图像时，中编辑图像时，RGBRGB色彩模式应是最佳的选择。因色彩模式应是最佳的选择。因为它可以提供全屏幕的多达为它可以提供全屏幕的多达2424位的色彩范围，一些计算机领域的色彩专位的色彩范围，一些计算机领域的色彩专家称之为家称之为“True Color”True Color”真彩显示。真彩显

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

12、，当要转换灰度模式时，应先做好图像的备份。 控制面板2.3.4 Lab模式 Lab Lab模式是模式是PhotoshopPhotoshop中的一种国际色彩标准模式，它由中的一种国际色彩标准模式，它由3 3个通道组个通道组成：一个通道是透明度，即成：一个通道是透明度，即L L；其他两个是色彩通道，即色相和饱和度，；其他两个是色彩通道，即色相和饱和度，用用a a和和b b表示。表示。a a通道包括的颜色值从深绿到灰，再到亮粉红色；通道包括的颜色值从深绿到灰，再到亮粉红色；b b通道是通道是从亮蓝色到灰，再到焦黄色。这种色彩混合后将产生明亮的色彩。从亮蓝色到灰，再到焦黄色。这种色彩混合后将产生明亮的

13、色彩。LabLab颜色控制面板如图颜色控制面板如图2-182-18所示。所示。 LabLab模式在理论上包括了人眼可见的所有模式在理论上包括了人眼可见的所有色彩，它弥补了色彩，它弥补了CMYKCMYK模式和模式和RGBRGB模式的不足。在这种模式下，图像的处模式的不足。在这种模式下，图像的处理速度比在理速度比在CMYKCMYK模式下快数倍，与模式下快数倍，与RGBRGB模式的速度相仿。在把模式的速度相仿。在把LabLab模式转模式转换成换成CMYKCMYK模式的过程中，所有的色彩不会丢失或被替换。模式的过程中，所有的色彩不会丢失或被替换。 控制面板2.4文件格式PSDPSD格式格式AIAI格式

14、格式CDRCDR格式格式InddIndd和和IndbIndb格式格式TIFTIF（TIFFTIFF）格式）格式JPEGJPEG格式格式2.4.1 PSD格式 PSD PSD格式是格式是PhotoshopPhotoshop软件自身的专用文件格式，软件自身的专用文件格式，PSDPSD格式能够保存格式能够保存图像数据的细小部分，如图层、蒙版、通道等图像数据的细小部分，如图层、蒙版、通道等PhotoshopPhotoshop对图像进行特对图像进行特殊处理的信息。在没有最终决定图像的存储格式前，最好先以这种格式殊处理的信息。在没有最终决定图像的存储格式前，最好先以这种格式存储。另外，存储。另外，Phot

15、oshopPhotoshop打开和存储这种格式的文件较其他格式更快。打开和存储这种格式的文件较其他格式更快。 2.4.2 AI格式 AI AI是一种矢量图片格式，是是一种矢量图片格式，是AdobeAdobe公司的公司的IllustratorIllustrator软件的专用格软件的专用格式。它的兼容度比较高，可以在式。它的兼容度比较高，可以在CorelDRAWCorelDRAW中打开，也可以将中打开，也可以将CDRCDR格式的格式的文件导出为文件导出为AIAI格式。格式。 2.4.3 CDR格式 CDR CDR格式是格式是CorelDRAWCorelDRAW的专用图形文件格式。由于的专用图形文件

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

17、，所以InddIndd格式可以记录排版文件的版面编排、文字处理等内容。格式可以记录排版文件的版面编排、文字处理等内容。但它在兼容性上比较差，一般不为其它软件所用。但它在兼容性上比较差，一般不为其它软件所用。IndbIndb格式是格式是InDesignInDesign的书籍格式，它只是一个容器，把多个的书籍格式，它只是一个容器，把多个InddIndd文件通过这个容器集合在一文件通过这个容器集合在一起。起。 2.4.5 TIF（TIFF）格式 TIF TIF也称也称TIFFTIFF，是标签图像格式。，是标签图像格式。TIFTIF格式对于色彩通道图像来说具格式对于色彩通道图像来说具有很强的可移植性，

18、它可以用于有很强的可移植性，它可以用于PCPC、MacintoshMacintosh和和UNIXUNIX工作站三大平台，工作站三大平台，是这三大平台上使用最广泛的绘图格式。是这三大平台上使用最广泛的绘图格式。 用用TIFTIF格式存储时应考虑到文件的大小，因为格式存储时应考虑到文件的大小，因为TIFTIF格式的结构要比其格式的结构要比其他格式更大更复杂。但他格式更大更复杂。但TIFTIF格式支持格式支持2424个通道，能存储多于个通道，能存储多于4 4个通道的文个通道的文件。件。TIFTIF格式还允许使用格式还允许使用PhotoshopPhotoshop中的复杂工具和滤镜特效。中的复杂工具和滤

19、镜特效。 2.4.6 JPEG格式 JPEGJPEG是是Joint Photographic Experts GroupJoint Photographic Experts Group的首字母缩写，译为的首字母缩写，译为联合图片专家组。联合图片专家组。JPEGJPEG格式既是格式既是PhotoshopPhotoshop支持的一种文件格式，也是支持的一种文件格式，也是一种压缩方案。它是一种压缩方案。它是MacintoshMacintosh上常用的一种存储类型。上常用的一种存储类型。JPEGJPEG格式是压格式是压缩格式中的缩格式中的“佼佼者佼佼者”，与，与TIFTIF文件格式采用的文件格式采用的

20、LIWLIW无损失压缩相比，它无损失压缩相比，它的压缩比例更大。但它使用的有损失压缩会丢失部分数据。用户可以在的压缩比例更大。但它使用的有损失压缩会丢失部分数据。用户可以在存储前选择图像的最后质量，这就能控制数据的损失程度。存储前选择图像的最后质量，这就能控制数据的损失程度。 在在PhotoshopPhotoshop中，可以选择低、中、高和最高中，可以选择低、中、高和最高4 4种图像压缩品质。以种图像压缩品质。以高质量保存图像比其他质量的保存形式占用更大的磁盘空间，而选择低高质量保存图像比其他质量的保存形式占用更大的磁盘空间，而选择低质量保存图像则损失的数据较多，但占用的磁盘空间较少。质量保存

21、图像则损失的数据较多，但占用的磁盘空间较少。 2.5页面设置在在PhotoshopPhotoshop中设置页面中设置页面在在IllustratorIllustrator中设置页面中设置页面在在CorelDRAWCorelDRAW中设置页面中设置页面在在InDesignInDesign中设置页面中设置页面2.5.1在Photoshop中设置页面 选择选择“文件文件 新建新建”命令，弹出命令，弹出“新建新建”对话框，如图对话框，如图2-19所示。所示。在对话框中，在对话框中，“名称名称”选项后的文本框中可以输入新建图像的文件名；选项后的文本框中可以输入新建图像的文件名；“预设预设”选项后的下拉列表

22、用于自定义或选择其他固定格式文件的大小；选项后的下拉列表用于自定义或选择其他固定格式文件的大小；在在“宽度宽度”和和“高度高度”选项后的数值框中可以输入需要设置的宽度和高选项后的数值框中可以输入需要设置的宽度和高度的数值；在度的数值；在“分辨率分辨率”选项后的数值框中可以输入需要设置的分辨率。选项后的数值框中可以输入需要设置的分辨率。新建2.5.2在Illustrator中设置页面选择选择“文件文件 新建新建”命令（组合键为命令（组合键为Ctrl+NCtrl+N），弹出），弹出“新建文档新建文档”对话框。设置相应的选项后，单击对话框。设置相应的选项后，单击“确定确定”按钮，即可建立一个新的文按

23、钮，即可建立一个新的文档档。新建文档2.5.3在CorelDRAW中设置页面 在实际工作中，往往要利用像在实际工作中，往往要利用像CorelDRAWCorelDRAW这样的优秀平面设计软件这样的优秀平面设计软件来完成印前的制作任务，随后才是出胶片、送印厂。因此，这就要求我来完成印前的制作任务，随后才是出胶片、送印厂。因此，这就要求我们在设计制作前，设置好作品的尺寸。为了方便广大用户使用，们在设计制作前，设置好作品的尺寸。为了方便广大用户使用，CorelDRAW X5CorelDRAW X5预设了预设了5050多种页面样式供用户选择。多种页面样式供用户选择。 在新建的在新建的CorelDRAWC

24、orelDRAW文档窗口中，属性栏可以设置纸张的类型大小、文档窗口中，属性栏可以设置纸张的类型大小、纸张的高度和宽度、纸张的放置方向等纸张的高度和宽度、纸张的放置方向等。属性栏2.5.4在InDesign中设置页面选择选择“文件文件 新建新建 文档文档”命令，弹出命令，弹出“新建文档新建文档”对话框对话框。新建文档2.6图片大小在在PhotoshopPhotoshop中调整图像大小中调整图像大小在在IllustratorIllustrator中调整图形大小中调整图形大小在在CorelDRAWCorelDRAW中调整图形大小中调整图形大小在在InDesignInDesign中调整图形大小中调整图

25、形大小2.6.1在Photoshop中调整图像大小 选择选择“图像图像 图像大小图像大小”命令，弹出命令，弹出“图像大小图像大小”对话框对话框。图像大小2.6.2在Illustrator中调整图形大小 在在Illustrator CS5Illustrator CS5中可以快速而精确地按比例缩放对象，使设计中可以快速而精确地按比例缩放对象，使设计工作变得更轻松。下面就介绍对象的按比例缩放方法工作变得更轻松。下面就介绍对象的按比例缩放方法。图像大小 2.6.3在CorelDRAW中调整图形大小 选择选择“选择选择”工具工具 ，选取要缩放的对象，对象的周围出现控制手，选取要缩放的对象，对象的周围出现

26、控制手柄柄, ,用鼠标拖曳控制手柄可以缩小或放大对象用鼠标拖曳控制手柄可以缩小或放大对象。图像大小 2.6.4在InDesign中调整图形大小选择选择“选择选择”工具工具 ，选取要缩放的对象，对象的周围出现限位框，选取要缩放的对象，对象的周围出现限位框，选择选择“自由变换自由变换”工具工具 ，拖曳对象右上角的控制手柄，松开鼠标，拖曳对象右上角的控制手柄，松开鼠标, ,对对对对象进行缩放象进行缩放。图像大小 2.7出血在在PhotoshopPhotoshop中设置出血中设置出血在在IllustratorIllustrator中设置出血中设置出血在在CorelDRAWCorelDRAW中设置出血中

27、设置出血在在InDesignInDesign中设置出血中设置出血2.7.1在Photoshop中设置出血选择选择“视图视图 新建参考线新建参考线”命令，弹出命令，弹出“新建参考线新建参考线”对话框，对话框， 新建参考线，制作出血新建参考线，制作出血。图像大小2.7.2在Illustrator中设置出血 按按Ctrl+NCtrl+N组合键，弹出组合键，弹出“新建新建”对话框，将对话框，将“高度高度”选项设为选项设为90mm90mm，“宽度宽度”选项设为选项设为55mm55mm，“出血出血”选项设为选项设为3mm3mm，单击，单击“确定确定”按钮。按钮。在页面中，实线框为宣传卡的成品尺寸在页面中，

28、实线框为宣传卡的成品尺寸90mm90mm55mm55mm，红色框为出血尺寸，红色框为出血尺寸，在红色框和实线框四边之间的空白区域是在红色框和实线框四边之间的空白区域是3mm3mm的出血设置的出血设置。图像大小2.7.3在CorelDRAW中设置出血 按按Ctrl+NCtrl+N组合键，新建一个文档。选择组合键，新建一个文档。选择“布局布局 页面设置页面设置”命令，命令，弹出弹出“选项选项”对话框，在对话框，在“文档文档”设置区的设置区的“页面尺寸页面尺寸”选项框中，设选项框中，设置置“宽度宽度”选项的数值为选项的数值为90mm90mm，设置，设置“高度高度”选项的数值为选项的数值为55mm55

29、mm，设置，设置出血选项的数值为出血选项的数值为3mm3mm，在设置区中勾选，在设置区中勾选“显示出血区域显示出血区域”复选框，单复选框，单击击“确定确定”按钮。在页面中，实线框为宣传卡的成品尺寸按钮。在页面中，实线框为宣传卡的成品尺寸90mm90mm55mm55mm，虚线框为出血尺寸，在虚线框和实线框四边之间的空白区域是虚线框为出血尺寸，在虚线框和实线框四边之间的空白区域是3mm3mm的出的出血设置血设置。图像大小2.7.4在InDesign中设置出血按按Ctrl+NCtrl+N组合键，弹出组合键，弹出“新建文档新建文档”对话框，单击对话框，单击“更对选项更对选项”按按钮，将钮，将“宽度宽度

30、”选项设为选项设为90mm90mm，“高度高度”选项设为选项设为55mm55mm，“出血出血”选项选项设为设为3mm3mm。单击。单击“边距和分栏边距和分栏”按钮，弹出按钮，弹出“新建边距和分栏新建边距和分栏”对话框，对话框，单击单击“确定确定”按钮，新建页面。在页面中，实线框为宣传卡的成品尺寸按钮，新建页面。在页面中，实线框为宣传卡的成品尺寸90mm90mm55mm55mm，红线框为出血尺寸，在红线框和实线框四边之间的空白区，红线框为出血尺寸，在红线框和实线框四边之间的空白区域是域是3mm3mm的出血设置。选择的出血设置。选择“视图视图 其他其他 隐藏框架边缘隐藏框架边缘”命令，将命令，将所

31、绘制图形的框架边缘隐藏所绘制图形的框架边缘隐藏。图像大小2.8文字转换在在PhotoshopPhotoshop中转换文字中转换文字在在IllustratorIllustrator中转换文字中转换文字在在CorelDRAWCorelDRAW中转换文字中转换文字在在InDesignInDesign中转换文字中转换文字2.8.1在Photoshop中转换文字 选中需要的文字图层，单击鼠标右键，在弹出的菜单中选择选中需要的文字图层，单击鼠标右键，在弹出的菜单中选择“栅格栅格化文字化文字”命令。将文字图层转换为普通图层，就是将文字转换为图像。命令。将文字图层转换为普通图层，就是将文字转换为图像。转换为普通图层后，出片文件将不会出现字体的匹配问题转换为普通图层后，出片文件将不会出现字体的匹配问题。转换文字2.8.2在Illustrator中转换文字 选中需要的文本。选择选中需要的文本。选择“文字文字 创建轮廓创建轮廓”命令（组合键为命令（组合键为Shift Shift +Ctrl+ O+Ctrl+ O），创建文本轮廓。文本转化为轮廓后，可以对文本进行渐变），创建文本轮廓。文本转化为轮廓后，可以对文本进行渐变填充，还可以对文本应用效果填充，还可以对文本应用效果。转换文字 2.8.3在CorelDRAW中转换文字 选择选择“选择选择”工具工具 ，选取需要的文字。选择，选取需要