Photoshop+Illustrator平面设计创作实例教程-1-平面设计的基本知识.ppt

《Photoshop+Illustrator平面设计创作实例教程-1-平面设计的基本知识.ppt》由会员分享，可在线阅读，更多相关《Photoshop+Illustrator平面设计创作实例教程-1-平面设计的基本知识.ppt（33页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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

2、开始平面设计学习和实践。计学习和实践。第1章平面设计的基本知识 本章简介：第1章平面设计的基本知识课堂学习目标位图和矢量图位图和矢量图分辨率分辨率色彩模式色彩模式文件格式文件格式页面设置页面设置图片大小图片大小出血出血文字转换文字转换印前检查印前检查小样小样课堂学习目标位图和矢量图位图位图矢量图矢量图1.1位图和矢量图位图1.1位图和矢量图 位位图图图图像像也也称称为为点点阵阵图图像像，它它是是由由许许多多单单独独的的小小方方块块组组成成的的，这这些些小小方方块块又又称称为为像像素素点点，每每个个像像素素点点都都有有特特定定的的位位置置和和颜颜色色值值，位位图图图图像像的的显显示示效效果果与与

3、像像素素点点是是紧紧密密联联系系在在一一起起的的，不不同同排排列列和和着着色色的的像像素素点点在在一一起起组组成成了了一一幅幅色色彩彩丰丰富富的的图图像像。像像素素点点越越多多，图图像像的分辨率越高，相应地，图像的文件量也会越大。的分辨率越高，相应地，图像的文件量也会越大。原图 放大后的效果1.1.1 位图 位图图像也称为点阵图像，它是由许多单独的小方块组成 矢量图也称为向量图，它是一种基于图形的几何特性来描述矢量图也称为向量图，它是一种基于图形的几何特性来描述的图像。矢量图中的各种图形元素称为对象，每一个对象都是独的图像。矢量图中的各种图形元素称为对象，每一个对象都是独立的个体，都具有大小、

4、颜色、形状、轮廓等特性。立的个体，都具有大小、颜色、形状、轮廓等特性。原图 放大后的效果1.1.2 矢 量 图 矢量图也称为向量图，它是一种基于图图像分辨率图像分辨率屏幕分辨率屏幕分辨率输出分辨率输出分辨率1.2分辨率图像分辨率1.2分辨率1.2.1图像分辨率 在在Photoshop CS3中，图像中每单位长度上的像素数目，中，图像中每单位长度上的像素数目，称为图像的分辨率，其单位为像素称为图像的分辨率，其单位为像素/英寸或是像素英寸或是像素/厘米。在厘米。在相同尺寸的两幅图像中，高分辨率的图像包含的像素比低分相同尺寸的两幅图像中，高分辨率的图像包含的像素比低分辨率的图像包含的像素多。辨率的图

5、像包含的像素多。300像素/英寸 72像素/英寸 1.2.1图像分辨率 在Phot1.2.2屏幕分辨率 屏幕分辨率是显示器上每单位长度显示屏幕分辨率是显示器上每单位长度显示的像素数目。屏幕分辨率取决于显示器大小的像素数目。屏幕分辨率取决于显示器大小加上其像素设置。加上其像素设置。PC显示器的分辨率一般约显示器的分辨率一般约为为96像素像素/英寸，英寸，Mac显示器的分辨率一般约显示器的分辨率一般约为为72像素像素/英寸。在英寸。在Photoshop CS3中，图像中，图像像素被直接转换成显示器像素，当图像分辨像素被直接转换成显示器像素，当图像分辨率高于显示器分辨率时，屏幕中显示出的图率高于显示

6、器分辨率时，屏幕中显示出的图像比实际尺寸大。像比实际尺寸大。1.2.2屏幕分辨率 屏幕分辨率1.2.3输出分辨率 输出分辨率是照排机或打印机等输出设备产输出分辨率是照排机或打印机等输出设备产生的每英寸的油墨点数（生的每英寸的油墨点数（dpi）。打印机的分辨）。打印机的分辨率在率在720 dpi以上的，可以使图像获得比较好的以上的，可以使图像获得比较好的效果。效果。1.2.3输出分辨率 输出分辨率CMYK模式模式 RGB模式模式灰度模式灰度模式 Lab模式模式 1.3色彩模式CMYK模式 1.3色彩模式1.3.1CMYK模式 CMYK代表了印刷上用的代表了印刷上用的4种油墨色：种油墨色：C代表青

7、色，代表青色，M代代表洋红色，表洋红色，Y代表黄色，代表黄色，K代表黑色。代表黑色。CMYK模式在印刷时应模式在印刷时应用了色彩学中的减法混合原理，即减色色彩模式，它是图片、用了色彩学中的减法混合原理，即减色色彩模式，它是图片、插图和其他作品中最常用的一种印刷方式。插图和其他作品中最常用的一种印刷方式。Photoshop中的CMYK颜色控制面板 Illustrator中的CMYK颜色控制面板 1.3.1CMYK模式 CMYK代1.3.2RGB模式 RGB模式是一种加色模式，它通过红、绿、蓝模式是一种加色模式，它通过红、绿、蓝3种色光相种色光相叠加而形成更多的颜色。叠加而形成更多的颜色。RGB是

8、色光的彩色模式，一幅是色光的彩色模式，一幅24bit的的RGB图像有图像有3个色彩信息的通道：红色（个色彩信息的通道：红色（R）、绿色（）、绿色（G）和）和蓝色（蓝色（B）。）。Photoshop中的RGB颜色控制面板 Illustrator中的RGB颜色控制面板 1.3.2RGB模式 RGB模式1.3.3灰度模式 灰度模式（灰度图）又称为灰度模式（灰度图）又称为8比特深度图。每个像素用比特深度图。每个像素用8个个二进制位表示，能产生二进制位表示，能产生28即即256级灰色调。当一个彩色文件被转级灰色调。当一个彩色文件被转换为灰度模式文件时，所有的颜色信息都将从文件中丢失。尽换为灰度模式文件时

9、，所有的颜色信息都将从文件中丢失。尽管管Photoshop允许将一个灰度文件转换为彩色模式文件，但不可允许将一个灰度文件转换为彩色模式文件，但不可能将原来的颜色完全还原。能将原来的颜色完全还原。Photoshop中的灰度颜色控制面板 Illustrator中的灰度颜色控制面板 1.3.3灰度模式 灰度模式（灰1.3.4Lab模式 Lab是是Photoshop中的一种国际色彩标准模式，它由中的一种国际色彩标准模式，它由3个通道个通道组成：一个通道是透明度，即组成：一个通道是透明度，即L；其他两个是色彩通道，即色相；其他两个是色彩通道，即色相和饱和度，用和饱和度，用a和和b表示。表示。a通道包括的

10、颜色值从深绿到灰，再到通道包括的颜色值从深绿到灰，再到亮粉红色；亮粉红色；b通道是从亮蓝色到灰，再到焦黄色。这种色彩混合通道是从亮蓝色到灰，再到焦黄色。这种色彩混合后将产生明亮的色彩。后将产生明亮的色彩。Photoshop中的Lab颜色控制面板1.3.4Lab模式 Lab是P1.4文件格式TIF是标签图像格式。是标签图像格式。TIF格式对于色彩通道图像来说具有很强的可格式对于色彩通道图像来说具有很强的可移植性，它可以用于移植性，它可以用于PC、Macintosh及及UNIX工作站三大平台，是这工作站三大平台，是这三大平台上使用最广泛的绘图格式。三大平台上使用最广泛的绘图格式。PSD格式是格式是

11、Photoshop软件自身的专用文件格式，软件自身的专用文件格式，PSD格式能够保存格式能够保存图像数据的细小部分，如图层、蒙版、通道等，图像数据的细小部分，如图层、蒙版、通道等，Photoshop对图像对图像进行特殊处理的信息。进行特殊处理的信息。AI格式是格式是Illustrator软件的专用格式。它的兼容度比较高，可以在软件的专用格式。它的兼容度比较高，可以在CorelDRAW中打开，也可以将中打开，也可以将CDR格式的文件导出为格式的文件导出为AI格式。格式。JPEG是是Joint Photographic Experts Group的缩写词，译为联合图的缩写词，译为联合图片专家组。片

12、专家组。JPEG格式既是格式既是Photoshop支持的一种文件格式，也是一支持的一种文件格式，也是一种压缩方案。它是种压缩方案。它是Macintosh上常用的一种存储类型。上常用的一种存储类型。EPS格式为压缩的格式为压缩的PostScript格式，是为格式，是为PostScript打印机上输出图打印机上输出图像开发的格式。其最大优点是在排版软件中可以以低分辨率预览，像开发的格式。其最大优点是在排版软件中可以以低分辨率预览，而在打印时以高分辨率输出。它不支持而在打印时以高分辨率输出。它不支持Alpha通道，但可以支持裁通道，但可以支持裁切路径。切路径。1.4文件格式TIF是标签图像格式。TI

13、F格式对于色彩通道在在Photoshop中设置页面中设置页面在在Illustrator中设置页面中设置页面1.5页面设置在Photoshop中设置页面1.5页面设置1.5.1在Photoshop中设置页面 选择选择“文件文件 新建新建”命令，弹出命令，弹出“新建新建”对话对话框，设置需要的选项，单击框，设置需要的选项，单击“确定确定”按钮，新建页面。按钮，新建页面。“新建”对话框 1.5.1在Photoshop中设置页面 1.5.2在Illustrator中设置页面 选择选择“文件文件 新建新建”命令，弹出命令，弹出“新建新建”对话框，设置需要对话框，设置需要的选项，单击的选项，单击“新建新建

14、”，可新建一个文件。，可新建一个文件。“新建”对话框1.5.2在Illustrator中设置页面 在在Photoshop中调整图像大小中调整图像大小在在Illustrator中调整图像大小中调整图像大小1.6图片大小在Photoshop中调整图像大小1.6图片大小1.6.1在Photoshop中调整图像大小 打开需要的图像，选择打开需要的图像，选择“图像图像 图像大小图像大小”命令，弹出命令，弹出“图像大小图像大小”对话框，设置需要的选项，单击对话框，设置需要的选项，单击“确定确定”按钮，按钮，可调整图像大小。可调整图像大小。“图像大小”对话框1.6.1在Photoshop中调整图像大小 1.

15、6.2在Illustrator中调整图像大小 选取要缩放的对象，对象的周围出现控选取要缩放的对象，对象的周围出现控制手柄。用鼠标拖曳控制手柄可以手动缩小制手柄。用鼠标拖曳控制手柄可以手动缩小或放大对象。选择或放大对象。选择“窗口窗口 变换变换”命令，弹命令，弹出出“变换变换”控制面板。根据需要调整控制面板。根据需要调整“W”和和“H”选项中好宽度和高度值，可调整图选项中好宽度和高度值，可调整图像大小。像大小。1.6.2在Illustrator中调整图像大小 1.7出血 在在Photoshop中设置出血中设置出血在在Illustrator中设置出血中设置出血1.7出血 在Photoshop中设置

16、出血1.7.1在Photoshop中设置出血 要求制作的名片的成品尺寸是要求制作的名片的成品尺寸是90mm55mm，如果名片，如果名片有底色或花纹，则需要将底色或花纹跨出页面边缘的成品裁有底色或花纹，则需要将底色或花纹跨出页面边缘的成品裁切线切线3mm。在。在Photoshop中新建的文件页面尺寸需要设置为中新建的文件页面尺寸需要设置为96 mm61mm。使用选择。使用选择“视图视图 新建参考线新建参考线”命令，弹出命令，弹出“新建参考线新建参考线”对话框，可新建参考线显示对话框，可新建参考线显示3毫米出血。毫米出血。“新建参考线”对话框 名片底图 1.7.1在Photoshop中设置出血 1

17、.7.2在Illustrator中设置出血 要求制作名片的成品尺寸是要求制作名片的成品尺寸是90mm55mm，需要设置，需要设置的出血是的出血是3mm。选择。选择“对象对象 裁剪区域裁剪区域 建立建立”命令，命令，页面中显示有页面中显示有3mm出血的裁切区域。出血的裁切区域。名片效果 1.7.2在Illustrator中设置出血 1.8文字转换 在在Photoshop中转换文字中转换文字在在Illustrator中转换文字中转换文字1.8文字转换 在Photoshop中转换文字1.8.1在Photoshop中转换文字 在在“图层图层”控制面板中选中需要的文字图层，单击鼠控制面板中选中需要的文字

18、图层，单击鼠标右键，并在弹出的下拉列表中选择标右键，并在弹出的下拉列表中选择“栅格化文字栅格化文字”命令，命令，将文字图层转换为普通图层。将文字图层转换为普通图层。“栅格化文字”命令 转换后的文字层 1.8.1在Photoshop中转换文字 1.8.2在Illustrator中转换文字 单击输入的文字将其同时选取。选择单击输入的文字将其同时选取。选择“文字文字 创建创建轮廓轮廓”命令，将文字转换为轮廓。命令，将文字转换为轮廓。输入的文字 转换后的文字 1.8.2在Illustrator中转换文字 1.9印前检查 在在Illustrator中，打中，打开需要的文件，选择开需要的文件，选择“窗窗口

19、口 文档信息文档信息”命令，命令，弹出弹出“文档信息文档信息”面板，面板，单击右上方的图标，在弹单击右上方的图标，在弹出的下拉菜单中可查看各出的下拉菜单中可查看各个项目。个项目。“文档信息”面板 1.9印前检查 在Illustr1.10小样 带出血的小样带出血的小样成品尺寸的小样成品尺寸的小样1.10小样 带出血的小样1.10.1带出血的小样 选择选择“文件文件 导出导出”命令，弹出命令，弹出“导出导出”对话框，单击对话框，单击“保存保存”按钮。弹出按钮。弹出“JPEG选项选项”对话框，设置需要的选项，对话框，设置需要的选项，单击单击“确定确定”按钮，导出图形。按钮，导出图形。“导出”对话框 “JPEG选项”对话框 1.10.1带出血的小样 选择“1.10.2成品尺寸的小样 通过剪切蒙版制作成品尺寸的图形。再通过剪切蒙版制作成品尺寸的图形。再选择选择“导出导出”命令导出图形。命令导出图形。1.10.2成品尺寸的小样 通过感谢聆听