PhotshopIllustrator平面设计创作实例教程 1 平面设计的基本知识

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

2、页面设置页面设置图片大小图片大小出血出血文字转换文字转换印前检查印前检查小样小样位图位图矢量图矢量图1.1位图和矢量图 位图图像也称为点阵图像，它是由许多单独的小方块组成的，位图图像也称为点阵图像，它是由许多单独的小方块组成的，这些小方块又称为像素点，每个像素点都有特定的位置和颜色值，这些小方块又称为像素点，每个像素点都有特定的位置和颜色值，位图图像的显示效果与像素点是紧密联系在一起的，不同排列和着位图图像的显示效果与像素点是紧密联系在一起的，不同排列和着色的像素点在一起组成了一幅色彩丰富的图像。像素点越多，图像色的像素点在一起组成了一幅色彩丰富的图像。像素点越多，图像的分辨率越高，相应地，图

3、像的文件量也会越大。的分辨率越高，相应地，图像的文件量也会越大。 原图 放大后的效果1.1.1 位图 矢量图也称为向量图，它是一种基于图形的几何特性来描述矢量图也称为向量图，它是一种基于图形的几何特性来描述的图像。矢量图中的各种图形元素称为对象，每一个对象都是独的图像。矢量图中的各种图形元素称为对象，每一个对象都是独立的个体，都具有大小、颜色、形状、轮廓等特性。立的个体，都具有大小、颜色、形状、轮廓等特性。 原图 放大后的效果1.1.2 矢 量 图图像分辨率图像分辨率屏幕分辨率屏幕分辨率输出分辨率输出分辨率1.2分辨率1.2.1图像分辨率 在在photoshop cs3中，图像中每单位长度上的

4、像素数目，中，图像中每单位长度上的像素数目，称为图像的分辨率，其单位为像素称为图像的分辨率，其单位为像素/英寸或是像素英寸或是像素/厘米。在相厘米。在相同尺寸的两幅图像中，高分辨率的图像包含的像素比低分辨同尺寸的两幅图像中，高分辨率的图像包含的像素比低分辨率的图像包含的像素多。率的图像包含的像素多。 300像素/英寸 72像素/英寸 1.2.2屏幕分辨率 屏幕分辨率是显示器上每单位长度显示屏幕分辨率是显示器上每单位长度显示的像素数目。屏幕分辨率取决于显示器大小的像素数目。屏幕分辨率取决于显示器大小加上其像素设置。加上其像素设置。pc显示器的分辨率一般约显示器的分辨率一般约为为96像素像素/英寸

5、，英寸，mac显示器的分辨率一般约显示器的分辨率一般约为为72像素像素/英寸。在英寸。在photoshop cs3中，图像中，图像像素被直接转换成显示器像素，当图像分辨像素被直接转换成显示器像素，当图像分辨率高于显示器分辨率时，屏幕中显示出的图率高于显示器分辨率时，屏幕中显示出的图像比实际尺寸大。像比实际尺寸大。 1.2.3输出分辨率 输出分辨率是照排机或打印机等输出设备输出分辨率是照排机或打印机等输出设备产生的每英寸的油墨点数（产生的每英寸的油墨点数（dpi）。打印机的分）。打印机的分辨率在辨率在720 dpi以上的，可以使图像获得比较好以上的，可以使图像获得比较好的效果。的效果。 cmyk

6、模式模式 rgb模式模式灰度模式灰度模式 lab模式模式 1.3色彩模式1.3.1cmyk模式 cmyk代表了印刷上用的代表了印刷上用的4种油墨色：种油墨色：c代表青色，代表青色，m代代表洋红色，表洋红色，y代表黄色，代表黄色，k代表黑色。代表黑色。cmyk模式在印刷时模式在印刷时应用了色彩学中的减法混合原理，即减色色彩模式，它是图应用了色彩学中的减法混合原理，即减色色彩模式，它是图片、插图和其他作品中最常用的一种印刷方式。片、插图和其他作品中最常用的一种印刷方式。 photoshop中的cmyk颜色控制面板 illustrator中的cmyk颜色控制面板 1.3.2rgb模式 rgb模式是一

7、种加色模式，它通过红、绿、蓝模式是一种加色模式，它通过红、绿、蓝3种色光相种色光相叠加而形成更多的颜色。叠加而形成更多的颜色。rgb是色光的彩色模式，一幅是色光的彩色模式，一幅24bit的的rgb图像有图像有3个色彩信息的通道：红色（个色彩信息的通道：红色（r）、绿色（）、绿色（g）和蓝色（和蓝色（b）。）。 photoshop中的rgb颜色控制面板 illustrator中的rgb颜色控制面板 1.3.3灰度模式 灰度模式（灰度图）又称为灰度模式（灰度图）又称为8比特深度图。每个像素用比特深度图。每个像素用8个个二进制位表示，能产生二进制位表示，能产生28即即256级灰色调。当一个彩色文件被

8、级灰色调。当一个彩色文件被转换为灰度模式文件时，所有的颜色信息都将从文件中丢失。转换为灰度模式文件时，所有的颜色信息都将从文件中丢失。尽管尽管photoshop允许将一个灰度文件转换为彩色模式文件，但允许将一个灰度文件转换为彩色模式文件，但不可能将原来的颜色完全还原。不可能将原来的颜色完全还原。 photoshop中的灰度颜色控制面板 illustrator中的灰度颜色控制面板 1.3.4lab模式 lab是是photoshop中的一种国际色彩标准模式，它由中的一种国际色彩标准模式，它由3个通个通道组成：一个通道是透明度，即道组成：一个通道是透明度，即l；其他两个是色彩通道，即；其他两个是色彩

9、通道，即色相和饱和度，用色相和饱和度，用a和和b表示。表示。a通道包括的颜色值从深绿到灰，通道包括的颜色值从深绿到灰，再到亮粉红色；再到亮粉红色；b通道是从亮蓝色到灰，再到焦黄色。这种色彩通道是从亮蓝色到灰，再到焦黄色。这种色彩混合后将产生明亮的色彩。混合后将产生明亮的色彩。 photoshop中的lab颜色控制面板1.4文件格式tif是标签图像格式。是标签图像格式。tif格式对于色彩通道图像来说具有很强的格式对于色彩通道图像来说具有很强的可移植性，它可以用于可移植性，它可以用于pc、macintosh及及unix工作站三大平台，工作站三大平台，是这三大平台上使用最广泛的绘图格式。是这三大平台

10、上使用最广泛的绘图格式。psd格式是格式是photoshop软件自身的专用文件格式，软件自身的专用文件格式，psd格式能够保格式能够保存图像数据的细小部分，如图层、蒙版、通道等，存图像数据的细小部分，如图层、蒙版、通道等，photoshop对图对图像进行特殊处理的信息。像进行特殊处理的信息。ai格式是格式是illustrator软件的专用格式。它的兼容度比较高，可以在软件的专用格式。它的兼容度比较高，可以在coreldraw中打开，也可以将中打开，也可以将cdr格式的文件导出为格式的文件导出为ai格式。格式。jpeg是是joint photographic experts group的缩写词，

11、译为联合图的缩写词，译为联合图片专家组。片专家组。jpeg格式既是格式既是photoshop支持的一种文件格式，也是一支持的一种文件格式，也是一种压缩方案。它是种压缩方案。它是macintosh上常用的一种存储类型。上常用的一种存储类型。eps格式为压缩的格式为压缩的postscript格式，是为格式，是为postscript打印机上输出图打印机上输出图像开发的格式。其最大优点是在排版软件中可以以低分辨率预览，像开发的格式。其最大优点是在排版软件中可以以低分辨率预览，而在打印时以高分辨率输出。它不支持而在打印时以高分辨率输出。它不支持alpha通道，但可以支持裁通道，但可以支持裁切路径。切路径

12、。 在在photoshop中设置页面中设置页面在在illustrator中设置页面中设置页面1.5页面设置1.5.1在photoshop中设置页面 选择选择“文件文件 新建新建”命令，弹出命令，弹出“新建新建”对话对话框，设置需要的选项，单击框，设置需要的选项，单击“确定确定”按钮，新建页按钮，新建页面。面。 “新建”对话框 1.5.2在illustrator中设置页面 选择选择“文件文件 新建新建”命令，弹出命令，弹出“新建新建”对话框，设置需要对话框，设置需要的选项，单击的选项，单击“新建新建”，可新建一个文件。，可新建一个文件。 “新建”对话框在在photoshop中调整图像大小中调整图

13、像大小在在illustrator中调整图像大小中调整图像大小1.6图片大小1.6.1在photoshop中调整图像大小 打开需要的图像，选择打开需要的图像，选择“图像图像 图像大小图像大小”命令，弹出命令，弹出“图像大小图像大小”对话框，设置需要的选项，单击对话框，设置需要的选项，单击“确定确定”按钮，按钮，可调整图像大小。可调整图像大小。 “图像大小”对话框1.6.2在illustrator中调整图像大小 选取要缩放的对象，对象的周围出现控选取要缩放的对象，对象的周围出现控制手柄。用鼠标拖曳控制手柄可以手动缩小制手柄。用鼠标拖曳控制手柄可以手动缩小或放大对象。选择或放大对象。选择“窗口窗口

14、变换变换”命令，弹命令，弹出出“变换变换”控制面板。根据需要调整控制面板。根据需要调整“w”和和“h”选项中好宽度和高度值，可调整图选项中好宽度和高度值，可调整图像大小。像大小。 1.7出血 在在photoshop中设置出血中设置出血在在illustrator中设置出血中设置出血1.7.1在photoshop中设置出血 要求制作的名片的成品尺寸是要求制作的名片的成品尺寸是90mm55mm，如果名，如果名片有底色或花纹，则需要将底色或花纹跨出页面边缘的成品片有底色或花纹，则需要将底色或花纹跨出页面边缘的成品裁切线裁切线3mm。在。在photoshop中新建的文件页面尺寸需要设置中新建的文件页面尺

15、寸需要设置为为96 mm61mm。使用选择。使用选择“视图视图 新建参考线新建参考线”命令，命令，弹出弹出“新建参考线新建参考线”对话框，可新建参考线显示对话框，可新建参考线显示3毫米出血。毫米出血。 “新建参考线”对话框 名片底图 1.7.2在illustrator中设置出血 要求制作名片的成品尺寸是要求制作名片的成品尺寸是90mm55mm，需要设，需要设置的出血是置的出血是3mm。选择。选择“对象对象 裁剪区域裁剪区域 建立建立”命令，命令，页面中显示有页面中显示有3mm出血的裁切区域。出血的裁切区域。 名片效果 1.8文字转换 在在photoshop中转换文字中转换文字在在illustr

16、ator中转换文字中转换文字1.8.1在photoshop中转换文字 在在“图层图层”控制面板中选中需要的文字图层，单击鼠控制面板中选中需要的文字图层，单击鼠标右键，并在弹出的下拉列表中选择标右键，并在弹出的下拉列表中选择“栅格化文字栅格化文字”命令，命令，将文字图层转换为普通图层。将文字图层转换为普通图层。 “栅格化文字”命令 转换后的文字层 1.8.2在illustrator中转换文字 单击输入的文字将其同时选取。选择单击输入的文字将其同时选取。选择“文字文字 创建创建轮廓轮廓”命令，将文字转换为轮廓。命令，将文字转换为轮廓。 输入的文字 转换后的文字 1.9印前检查 在在illustrator中，打中，打开需要的文件，选择开需要的文件，选择“窗口窗口 文档信息文档信息”命命令，弹出令，弹出“文档信息文档信息”面板，单击右上方的图面板，单击右上方的图标，在弹出的下拉菜单标，在弹出的下拉菜单中可查看各个项目。中可查看各个项目。 “文档信息”面板