ps图像处理案件教程剖析.ppt

《ps图像处理案件教程剖析.ppt》由会员分享，可在线阅读，更多相关《ps图像处理案件教程剖析.ppt（51页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Photoshop CS3平面设计案例教程穆尚峰 田伟娜 主编中国水利水电出版社第第第第1 1 1 1章章章章 PhotoshopCS3PhotoshopCS3PhotoshopCS3PhotoshopCS3基本知识基本知识基本知识基本知识第第1 1章章 PhotoshopCS3PhotoshopCS3基本知识基本知识1.1 1.1 本章目的及任务本章目的及任务本章目的及任务本章目的及任务1.21.2任务一任务一任务一任务一 Photoshop CS3Photoshop CS3的启动与退出的启动与退出的启动与退出的启动与退出1.3 1.3 任务二任务二任务二任务二 人物半调图像的制作人物半调图

2、像的制作人物半调图像的制作人物半调图像的制作1.4 1.4 本章小结本章小结本章小结本章小结1.5 1.5 思考与练习思考与练习思考与练习思考与练习退出退出退出退出1.1 1.1 本章目的及任务本章目的及任务1.1.1本章目的本章目的l理解理解Photoshop CS3的功能优势的功能优势l理解矢量图形与位图图像的区别理解矢量图形与位图图像的区别l理解计算机中的色彩模式理解计算机中的色彩模式l理解计算机中图像的文件格式理解计算机中图像的文件格式l掌握掌握Photoshop CS3的窗口结构的窗口结构l掌握掌握Photoshop CS3的启动与退出的方法的启动与退出的方法1.1.2 本章任务本章

3、任务l本章包含如下任务：本章包含如下任务：l任务一：参考线、网格的设置。任务一：参考线、网格的设置。l任务二：文件操作。任务二：文件操作。l任务三：颜色的设置。任务三：颜色的设置。1.2 1.2 任务一任务一 Photoshop CS3Photoshop CS3的启的启动与退出动与退出 Photoshop是Adobe公司推出的一款图形图像编辑软件，它是目前PC机上公认的最好用的图形图像处理软件，目前的最新版本为Photoshop CS3。它的功能完善、性能稳定、使用方便，因此在所有平面图形处理的工作中，Photoshop都是首选的工具软件。其主要应用领域包括照片处理、广告制作、图书出版、办公、

4、网页制作等。1.2.1 相关知识相关知识Adobe公司于2007年3月27日正式公布了Creative Suite3新版本，这是Adobe公司史上最大规模的一次软件更新行动。CS3分为6种不同版本，其中最闪亮的产品莫过于Photoshop CS3了，它不仅仅能完美兼容Vista，更重要的是它具有的几十个激动人心的全新特性，诸如支持宽屏显示器的新式版面、集20多个窗口于一身的dock、占用面积更小的工具栏、多张照片自动生成全景、灵活的黑白转换、更易调节的选择工具、智能的滤镜、改进的消失点特性、更好的32位HDR图像支持等。Photoshop CS3作为专业的图形图像软件，可以帮助用户创造高质量的

5、图像，提高工作效率。Photoshop CS3的新增功能让用户使用起来更加得心应手。1、Photoshop CS3Photoshop CS3简介简介（1）用户界面的改善界面的操作更富有人性化，可以自定存储个人风格（2）Camera Raw可以直接打开单反的Raw图片格式，进行色温、曝光值等参数的调整。在Camera Raw中打开一个文档，就能够看到Camera Raw中的很多新特性，包括曝光、修复、补光、转换到灰阶、新的色调曲线、分裂色调以及保存预设的功能。此外，还有一项非常令人吃惊的变化，那就是可以在Camera Raw中打开TIFF和JPEG文件。（3）智能化的滤镜 可以将图片转换为智能化

6、的格式，整合多个不同的滤镜，使图片更有创意。Photoshop中最不灵活的一项功能就是使用滤镜，因为一旦滤镜被应用，文档就会被保存，没有任何方法回头，现在多亏有了智能滤镜，使得滤镜也能够成为调节层和层遮罩操作时最为灵活的工作方式。在将一个层转换为一个智能对象之后，任何应用的滤镜都会出现在层选项板之上。任何时候，甚至在保存了之后，都可以在滤镜上双击来编辑它的设置，也可以隐藏滤镜或删除它。甚至还有个遮罩应用于已经应用了的滤镜。（4）快速选择工具 智能化的快速选取功能可以让图片更快捷地调整，并且在发丝、羽毛等细微处做更精确的处理。Photoshop CS3中引入了两项新功能用来进行选取，在选择选区这

7、个操作上，这两项重要的改进上一花费了很长的时间的。第一个新工具名叫快速选择工具，只需要选择一个笔刷的大小，接着拖动到想选择的区域即可，它的效果非常好，比起使用魔棒工具要花费的精力则又少了很多，因为使用魔棒工具还需要修改所选区域中存在的一些误差。另外，关于这个新工具要提到的一点是，所有选择工具都在选项栏上添加了非常重要的一个功能：优化边缘。在一次选择完毕之后，单击按钮就能够打开一个对话框，通过该对话框就能对选区进行微调，从改变它的大小到它的羽化效果，所有的这些都有一个实时的预览。甚至可以以快速遮罩的形式来查看选区，可以在白色的背景下，也可以在黑色的背景下，或是一个灰阶的遮罩。毫无疑问，这将为我们

8、节约大量的时间，又能让我们更为精确地进行选区选取。（5）黑白照片的调整图层 Photoshop CS3中提供了一个新的黑白调整图层，通过丰富的设定，可以创造高反差的黑白图片、红外线模拟图片及复古色调等，极富有新意。在Photoshop CS3中，新的“黑与白”命令是一个替换通道混合的好选择，部分原因在于它看起来似乎更难将照片破坏掉。【黑与白】对话框是一个非常容易使用的对话框，并且只需要通过“图像”“调整”菜单将其打开，或是添加一个调整层，接着就能够通过拖动滑动条来获得自己想要的效果。你还可以选择一些内置的预设，或是将自己的设置进行保存。（6）自动对齐 可以自动对齐两个图层，抹掉不需要的部分，并

9、且可以很平滑地处理，不再需要进行复杂的选取，这样就能够很轻易地将一组照片混合在一起。（7）高动态范围32bit HDR 可以将多张32bit的图像整合成一张最大动态范围的图像，并且能够兼顾亮部的层次以及暗部的细节。（8）视点功能 通过画面的消失点概念进行设定，可以将原本是平面的图像变为立体的画面。当Photoshop CS2中引入消失点工具时引起了广泛的关注，但之后有很多问题都被提出来，都是关于哪些普通的用户实际上经常能够利用这个功能呢？这个过滤器中存在一些小问题总是会让人不去使用它，而这些问题在Photoshop CS3中则得到了解决。其中最为重大的改变之一就是它能够改变平面的角度，而在过去

10、则会完全受限于消失点工具所决定用户应该使用的角度。现在只需要按下【Alt】键，就可以任意拖动到所需要的角度了。2 2矢量图形与位图图像矢量图形与位图图像矢量图形又称向量图形，是计算机按照数字模式描述的图形。在平面设计方面，还有其他的矢量绘图软件，如：Illustrator、PageMaker、Freehand等。矢量图形特点如下：（1）文件小。由于图像中保存的是线条和图像的信息，因此矢量图形文件的大小及分辨率与图像大小无关，只与图像的复杂程度有关，简单图像所占用的存储空间小。（2）图形的大小可以无级缩放。在对图形进行缩放、旋转或变形等操作时，图形仍具有很高的显示和印刷质量，图形线条边缘均为光滑

11、显示。图1-1所示为矢量图形的原始尺寸与放大后的效果比较。（3）可采取高分辨率印刷。矢量图形文件可以在任何输出设备上以输出设备的最高分辨率输出。矢量图形原图 放大后的矢量图图1-1 矢量图原图和放大后的对比效果 位图图像又称光栅图或点阵图，是由计算机中最小显示单位的点（通常被称为像素）排列组成的图像，而每一个像素点只能显示一种颜色。Photoshop主要是用来处理位图图像的，但仍然包含矢量信息，如路径。位图图像特点如下：（1）文件所占的空间大。由于位图图像存储的是像素点信息，因此分辨率高或色彩丰富的位图图像就需要更大的存储空间。（2）位图放大到一定的倍数后会产生锯齿。由于一幅点阵图的像素总数是

12、一定的，放大位图其实就是放大像素点显示，所以图像便会变的模糊并产生锯齿。图1-2所示为位图图像的原始尺寸与放大后的效果比较。（3）位图图像在表现色彩和色调方面比矢量图形更加优越，尤其是在表现图像的阴影和色调的细微变化方面效果更佳。位图图像原图 放大后的位图图1-2 原图与放大后的位图图像对比效果提示：通常情况下，决定位图质量好坏的关键因素是图像分辨率的大小，分辨率越高，图像越清晰。当图像放大到分辨率决定的最大显示比例范围之后，图像将出现马赛克似的独立点阵效果，放大的倍数越大，点阵效果越明显。像素是构成位图的基本单位，位图图像在高度和宽度方向上的像素总量称为图像的像素大小，当位图图像放大到一定程

13、度的时候，所看到的一个一个的马赛克就是像素。分辨率是指单位长度上像素的数目，其单位为像素/英寸（Pixels/inch）或像素/厘米（Pixels/cm）,包括显示器分辨率、图像分辨率和印刷分辨率等。3像素与分辨率像素与分辨率（）显示器分辨率显示器分辨率取决于显示器的大小及其像素设置。例如，一幅大图像（尺寸为800600像素）在15英寸显示器上显示时几乎会占满整个屏幕；而同样还是这幅图像，在更大的显示器上所占的屏幕空间就会比较小，每个像素看起来则会比较大。注意：彩色印刷品的分辨率一般设定为300像素/英寸，报纸图像的分辨率一般设定为96像素/英寸，网页图像的分辨率则为72像素/英寸。（2）图像

14、分辨率图像分辨率由打印在纸上的每英寸像素（像素/英寸）的数量决定。在Photoshop中，可以更改图像的分辨率。打印时，高分辨率的图像比低分辨率的图像包含的像素更多，因此，像素点更小。与低分辨率的图像相比，高分辨率的图像可以重现更多的细节和更细微的颜色过渡，因为高分辨率图像中的像素密度更高。无论打印尺寸多大，高品质的图像通常看起来都不错。按不同尺寸打印同一幅低分辨率图像的效果不同。提示：视频文件只能以72ppi的分辨率显示。即使图像的分辨率高于72ppi，在视频编辑应用程序中显示图像时，图像品质看起来也不一定非常好。（3）印刷分辨率印刷分辨率是单位长度上的线数，单位为线/英寸（lpi），在实际

15、工作中，150线/英寸的分辨率即可满足印刷的需要。文件格式是图形信息在磁盘上存储时的组织格式，用扩展名来表示。当给文件命名时，应用程序会自动为文件附加上相应的扩展名。扩展名通常为3个字符，例如.psd、.bmp、.tif和.eps等。文件扩展名可以帮助用户区别不同格式的文件。下面就来介绍平面设计软件中常用的几种图形、图像文件格式。（1）CDR格式此格式是CorelDRAW 专用的矢量图格式，它将图片定义为图形（矩形、直线、文本、弧线和椭圆等）的列表，并以逐点的形式映射到页面上，因此在缩小或增大矢量图形的大小时，原始图像不会变形。4 4图像的文件格式图像的文件格式（2）BMP格式此格式是微软公司

16、软件的专用格式，也是Photoshop最常用的位图格式之一，支持RGB、索引颜色、灰度和位图颜色模式的图像，但不支持Alpha通道。（3）PSD格式此格式是Photoshop的专用格式。它能保存图像数据的每一个细节，包括图像的层、通道等信息，确保各层之间相互独立，便于以后进行修改。PSD格式还可以保存为RGB或CMYK等色彩模式的文件，唯一的缺点是保存的文件比较大。（4）JPEG格式此格式是较常用的图像格式，支持真彩色、CMYK、RGB和灰度颜色模式，但不支持Alpha通道。JPEG格式可用于Windows和Mac平台，是所有压缩格式中最卓越的。虽然它是一种有损失的压缩格式，但在文件压缩前，可

17、以在弹出的对话框中设置压缩的大小，这样就可以有效地控制压缩时损失的数据量。JPEG格式也是目前网络可以支持的图像文件格式之一。（5）TIFF格式此格式是一种灵活的位图图像格式。TIFF在Photoshop中可支持24个通道，是除了Photoshop自身格式外唯一能存储多个通道的文件格式。（6）EPS格式此格式是一种跨平台的通用格式，可以说几乎所有的图形图像和页面排版软件都支持该文件格式。它可以保存路径信息，并在各软件之间相互转换。另外，这种格式在保存时可选用JPEG编码方式压缩，不过这种压缩会破坏图像的外观质量。（7）AI格式此格式是一种矢量图格式，在Illustrator中经常用到。在Pho

18、toshop中可以将保存了路径的图像文件输出为“*.AI”格式，然后在Illustrator和CorelDRAW中可直接打开它并进行修改处理。（8）GIF格式它是由CompuServe公司制定的，能存储背景透明化的图像格式，但只能处理256种色彩。常用于网络传输，其传输速度要比传输其他格式的文件快很多，并且可以将多张图像存成一个文件而形成动画效果。（9）PNG格式此格式是Adobe公司针对网络图像开发的文件格式。这种格式可以使用无损压缩方式压缩图像文件，并利用Alpha通道制作透明背景，是功能非常强大的网络文件格式，但较早版本的Web浏览器可能不支持。【任务说明】Photoshop CS3要求

19、计算机使用的Windows操作系统为Windows 2000、Windows NT或Windows XP，推荐使用Pentium 4 CPU，512MB或更高内存，1024768或更高分辨率、32位彩色或更高级视频显卡，不低于1GB的可用硬盘空间。目前大部分PC机的系统配置基本能够满足Photoshop CS3的最低要求。下面以在Windows XP中为例，介绍Photoshop CS3启动和退出的方法。1.2.2 任务实现任务实现【操作过程】启动Photoshop CS3有以下3种常用方法。（1）命令方式：通过“开始”菜单，单击“开始程序AdobeAdobe Photoshop CS3”命令

20、进入。（2）文件方式：对于已经存在的任意一个PSD格式的Photoshop图像文件，直接双击文件名，即可进入。（3）快捷方式：双击桌面上的Adobe Photoshop CS3快捷方式图标，直接进入。退出Photoshop CS3的常用方法有以下4种。（1）命令：单击Photoshop CS3菜单中的“文件退出”命令。（2）图标：单击标题栏左侧的程序图标，在弹出的下拉菜单中选择“关闭”选项。（3）按钮：单击Photoshop CS3界面右上角的“关闭”按钮。（4）快捷键：按【Ctrl+Q】组合键或【Alt+F4】组合键。1.3 任务二任务二 人物半调图像的制作人物半调图像的制作颜色模式是指同一

21、属性下的不同颜色的集合。Photoshop CS3支持的色彩模式有10多种，常用的模式包括RGB模式、CMYK模式、Lab模式、索引模式、位图模式、灰度模式和双色调等。选择“图像”“模式”命令，可以看到如图1-3所示的颜色模式菜单选项。1.3.1 相关知识相关知识图1-3 Photoshop CS3中可以设置的色彩模式（1）位图模式 位图模式使用两种颜色值（黑、白）来表示图像中的像素。位图模式的图像也叫做黑白图像，它的每一个像素都是用1bit的位分辨率来记录的，所需的磁盘空间最小。当图像要转换成位图模式时，必须要将图像转换成灰度模式后，才能转换成位图模式。（2）灰度模式灰度模式的图像中只存在灰

22、度，而没有色度、饱和度等彩色信息。灰度模式共有256个灰度级。灰度模式的应用十分广泛，在成本相对低廉的黑白印刷中，许多图像都采用了灰度模式，如图1-4所示。原图 灰度模式 位图模式图1-4 色彩模式比较提示：通道可以把图像从任何一种颜色模式转换为灰度模式，也可以把灰度模式转换为任何一种彩色模式。当然，如果把一种彩色模式的图像转换成灰度模式后，再转换成原来的彩色模式时，图像质量会受到很大的损害。（3）双色调模式双色调模式使用24种自定油墨，来创建双色调（两种颜色）、三色调（3种颜色）和四色调（4种颜色）的灰度图像。要转换成双色调模式，必须先转换成灰度模式，然后执行“图像”“模式”“双色调”命令后

23、，在打开的对话框中选择好色调类型，接着再设置好需要的颜色，如图1-5所示。图1-5 双色调设置效果（4）索引颜色模式索引颜色模式又叫做映射色彩模式，该模式的像素只有8位，即图像只支持256种颜色。这些颜色是预先定义好的并且安排在一张颜色表中，当用户从RGB模式转换到索引颜色模式时，RGB模式中的所有颜色将映射到这256种颜色中。索引颜色模式虽然会使图像颜色信息丢失，但该模式下的图像文件的信息量比较小，因此它广泛应用于Web领域。（5）RGB模式RGB模式是最基本也是使用最广泛的颜色模式。它源于有色光的三原色原理，其中R（Red）代表红色，G(Green)代表绿色，B（Blue）代表蓝色。每种颜

24、色都有256种不同的亮度值，因此RGB模式从理论上讲有256256256种颜色。彩色显示器就是利用RGB模式，它通过发出3种不同强度的红、绿、蓝光束，使荧光屏上的荧光材料产生不同颜色的亮点。（6）CMYK模式CMYK模式是一种减色模式，C（Cyan）代表青色，M（Magenta）代表品红色，Y（Yellow）代表黄色，K（Black）代表黑色。C、M、Y分别是红、绿、蓝的互补色。由于这3种颜色混合在一起只能得到暗棕色，而得不到真正的黑色，所以另外引入了黑色。由于Blank中的B代表Blue（蓝色），所以为了避免歧义，黑色用K代表。在印刷过程中，使用这4种颜色的印刷板来产生各种不同的颜色效果。（

25、7）Lab模式Lab模式是Photoshop在不同颜色模式之间转换时使用的内部颜色模式。它能毫无偏差地在不同系统和平台之间进行转换。它有3个颜色通道，一个代表亮度（Luminance）,另外两个代表颜色范围，分别用a、b来表示。A通道包含的颜色从深绿（低亮度值）到灰（中亮度值）到亮粉红色（高亮度值），b通道包括的颜色从亮蓝（低亮度值）到灰（中亮度值）再到焦黄色（高亮度值）。【任务说明】本例将创建如图1-6所示的人物半调图，通过本例的练习，读者可以了解并掌握对图像模式的转换方法以及在特殊模式下如何对图像进行调整。1.3.2 任务实现任务实现图1-6 人物半调图【操作过程】（1）选择“文件”“打开

26、”菜单命令，打开如图1-7所示的素材图片。图1-7 素材图片（2）选择“图像”“模式”“灰度”菜单命令，在出现的询问对话框中单击“扔掉”按钮，将图像转换为“灰度”模式。（3）选择“图像”“调整”“亮度对比度”菜单命令，将弹出的“亮度对比度”对话框设置为如图1-8所示，单击“确定”按钮，效果如图1-9所示。图1-8“亮度对比度”对话框 图1-9 图片设置“亮度对比度”（4）在“图层”调板上双击背景层，在弹出的“新建图层”对话框中确认其名字为“图层0”，将背景层转化为普通层。“新建图层”对话框如图1-10所示。图1-10“新建图层”对话框（5）按住“图层0”将其拖动到“创建新图层”按钮上，将“图层

27、0”复制成“图层0副本”。（6）单击“图层0”前面的眼睛图标，使其变为不可见，确定“图层0副本”为当前工作图层。（7）选择“滤镜”“艺术效果”“木刻”菜单命令，将弹出的“木刻”对话框中的参数设置成如图1-11所示，然后单击“确定”按钮，将图像转化为木刻效果图像。图1-11“木刻”对话框（8）选择“图层0”为当前工作层，使“图层0副本”为不可见，在工具箱中选取矩形选择工具，将人像的右半部分选取，如图1-12所示。图1-12 选取人像右半部分（9）选择“编辑”“拷贝”菜单命令，将选择区域复制到剪贴板上，然后按【Delete】键将选区部分删除，效果如图1-13所示。图1-13 删除部分选区（10）选

28、择“选择”“取消选择”菜单命令，或者按【Ctrl+D】快捷键取消选择。（11）打开“图层”调板，使“图层0复制”为当前工作层，图层0为不可见。然后选择“选择”“色彩范围”菜单命令，在弹出的颜色范围对话框中设置“颜色容差”为0，并用鼠标在图像的白色部分单击，将图像中的白色部分全部选出来。(12)保持选区不变，改变当前工作层为图层0，“图层0副本”为不可见，按【Delete】键将选区部分删除，按【Ctrl+D】快捷键取消选择，效果如图1-14所示。图1-14 再删除部分选区(13)选择“图像”“模式”“位图”菜单命令，系统将自动提示合并图层并丢弃隐含，单击“确定”按钮即可。(14)在弹出的如图1-

29、15所示的“位图”对话框中设置位图的参数，单击“确定”按钮好，弹出“半点网屏”对话框，参数设置如图1-15所示。图1-14 “位图”对话框 图1-15 “半调网屏”对话框(15)单击“确定”按钮后效果如图1-16所示。图1-16 “半调网屏”效果(16)选择“图像”“模式”“灰度”菜单命令，在弹出的灰度对话框中单击“确定”按钮，将图像转化为灰度图像。(17)选择“图像”“模式”“双色调”菜单命令，在弹出的如图1-17所示“双色调选项”对话框中，将图像转换为双色调模式，并选择类型为单色调，颜色设置数值如图1-17所示。设置完成后单击“好”按钮。图1-17“双色调”对话框(18)选择“图像”“模式

30、”“RGB颜色”菜单命令，将图像恢复为RGB模式。(19)选择“编辑”“粘贴”菜单命令，将剪贴板上的图片粘贴到文件中，调整好大小、位置，效果如图1-18所示。(20)确认粘贴图像图层为当前工作图层，选择“滤镜”“像素化”“彩色半调”菜单命令，将“彩色半调”图对话框设置为如图1-19所示，得到最终效果如图1-6所示。图1-18 粘贴效果 图1-19“彩色半调”对话框1.4 1.4 本章小结本章小结本章小结本章小结 在本章的学习中，主要介绍了关于Photoshop CS3的一些图像基础知识，以及启动和退出Photoshop CS3软件，读者需要从本章中认真理解并牢固掌握的知识内容主要包括以下几个方

31、面：(1)图像的像素、分辨率的概念和原理的简述，以及它们之间的相互关系。(2)矢量图、位图的概念，以及影响位图画面品质的主要因素。(3)了解图像的RGB、CMYK、灰度、位图等不同色彩模式的概念，以及它们之间的区别1.5思考与练习思考与练习一、填空题1在Photoshop中，像素是构成位图的基本单位，位图图像在高度和宽度方向上的像素总量称为 。2 是指单位长度上像素的数目，其单位为像素/英寸（Pixels/inch）或像素/厘米（Pixels/cm）,包括 、图像分辨率和印刷分辨率等。3 放大到一定的倍数后会产生锯齿。二、简答题1简述位图与矢量图的区别。2简述图像的分辨率与图像显示效果之间的关系。三、操作题1熟练Photoshop CS3的启动与退出。