第15章用Photoshop处理图像.ppt

《第15章用Photoshop处理图像.ppt》由会员分享，可在线阅读，更多相关《第15章用Photoshop处理图像.ppt（76页珍藏版）》请在三一文库上搜索。

1、第15章 用Photoshop处理图像,1,第15章 用Photoshop处理图像,第15章 用Photoshop处理图像,2,Photoshop是由美国Adobe公司开发的图像处理软件，主要应用于图像处理、广告设计等领域。Photoshop也是网页制作的得力助手，它不仅可以对已有的图片、照片等素材进行修饰合成，还可以制作按钮、菜单条、图标、网页背景和特效字等图像来美化网页。 Photoshop最初的程序是由Mchigan大学的研究生Thomas创建，后经Knoll兄弟以及Adobe公司程序员的努力，Photoshop产生了巨大的转变，一举成为优秀的平面设计编辑软件，它的诞生可以说掀起了图像出

2、版业的革命。,15.1 Photoshop简介,第15章 用Photoshop处理图像,3,1Photoshop的基本功能, 支持大量的图像格式，并可在各种图像格式之间进行转换，如TIF、JEPG、BMP、GIF和PNG等。 能够按不同要求调整各种图像的尺寸和分辨率，并能对图像进行剪裁。 支持多种颜色模式并能灵活地进行相互转换，包括黑白、灰度、RGB和CMYK等模式。 通过Photoshop提供的工具绘制各种图形，并可以在图像中输入文本内容。,第15章 用Photoshop处理图像,4,1Photoshop的基本功能, 支持多图层工作，可以在图层中进行选择、变换、应用图层样式等编辑工作，还可以

3、对不同的图层进行混合、合并、翻转、复制和移动等操作。 提供多种选取工具，可以进行不同形状区域的选取操作。还可以对选区进行修改和编辑工作，如移动、收缩、羽化、变形等。 修复画笔工具可以消除图片中的尘埃、划痕、污点和褶皱，并能保留图像中的阴影、光照和纹理等效果。,第15章 用Photoshop处理图像,5,1Photoshop的基本功能, 可以随意调整图像的色彩和色调，如饱和度、对比度、亮度和色相等。 提供14类100多种滤镜，可以生成丰富多彩的图像效果。 支持TWAIN_32接口，可以与扫描仪和数码相机等多种图像输入设备相连接。,第15章 用Photoshop处理图像,6,2Photoshop中

4、的基本概念,在进行图像处理之前，需对Photoshop中有关图像的像素与分辨率、文件格式、色彩模式及图层等基本概念进行了解，这是学习Photoshop的必备基础。,第15章 用Photoshop处理图像,7,(1) 位图与矢量图,位图也称为点阵图，是由许多像小方块一样的像素组成的图形。由像素的位置与颜色值表示，能表现出颜色阴影的变化。位图就是以无数的色彩点组成的图案，当无限放大时会看到一块一块的像素色块，效果会失真。常用于照片品质的图像处理，象常用的照片扫描，数码照片等。 矢量图也称为向量图，在数学上定义为一系列由线连接的点。矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体，它具有

5、颜色、形状、轮廓、大小和屏幕位置等属性。每个对象都可以在维持它原有清晰度和弯曲度的同时，多次移动和改变它的属性，而不会影响图例中的其它对象。矢量图以几何图形居多，图形可以无限放大，不变色、不模糊。常用于图案、标志、VI、文字等设计。,第15章 用Photoshop处理图像,8,(2) 像素和分辨率,像素是位图图像的基本单位，在位图中每个像素都有不同的颜色值。因此，位图图像的大小和质量主要取决于图像中像素点的多少。 分辨率是指单位长度内包含的像素数目，它又有图像分辨率、打印分辨率和显示器分辨率之分。 图像分辨率：指一个图像文件中包含的细节和信息的大小。操作位图时，分辨率既会影响最后输出的质量也会

6、影响文件的大小。 打印分辨率：指打印机等输出设备在输出图像时每英寸所产生的油墨点数。 显示器分辨率：指显示器屏幕上显示的像素点数目，包括水平行的像素点数和垂直列的像素点数两部分。,第15章 用Photoshop处理图像,9,(3) 常用的文件格式,Photoshop支持20多种文件格式，除了Photoshop专用的PSD文件格式外，还包括JPEG、TIFF、BMP等常用文件格式。 PSD：Photoshop的专用文件格式，也是唯一可以存取所有Photoshop特有文件信息以及所有色彩模式的格式。如果文件中要包含图层或通道信息时，就必须以PSD格式存储，以便于修改和制作各种特效。 BMP：采用位

7、映射存储格式，除了图像深度可选以外，不采用其他任何压缩，因此，BMP文件所占用的空间很大。BMP文件的图像深度可选1bit、4bit、8bit和24bit。,第15章 用Photoshop处理图像,10,(3) 常用的文件格式, GIF：是一种在Web上应用广泛的图像格式。它的特点是文件短小、下载速度快、可用许多具有同样大小的图像文件组成动画。此外，GIF图像格式还具有渐显方式，也就是说，在图像传输过程中，用户可以先看到图像的大致轮廓，然后随着传输过程的继续而逐步看清图像中的细节部分，从而适应了用户的“从朦胧到清楚”的观赏心理。GIF的缺点是不能存储超过256色的图像。 EPS：一种应用非常广

8、泛的PostScript格式，常用于绘图或排版软件。用EPS格式存档时可通过对话框设定存储的各种参数。,第15章 用Photoshop处理图像,11,(3) 常用的文件格式, JPEG/JPG：是另一种在Web上应用广泛的图像格式。该格式采用有损压缩方式去除冗余的图像和彩色数据，获得极高的压缩率的同时能展现十分丰富生动的图像。同时JPEG具有调节图像质量的功能，允许用不同的压缩比例对文件进行压缩，使用时要根据需要在图像质量和文件尺寸之间找到恰当的平衡点。 TIFF：是一种应用非常广泛的格式，它可以在许多不同的平台和应用软件间交换信息，同时也可以使用LZW方式压缩。在Photoshop中以TIF

9、F格式存储时，可以选择PC或Mac格式，以及是否进行LZW压缩。,第15章 用Photoshop处理图像,12,(3) 常用的文件格式, PNG：是一种新兴的网络图像格式。其特点如下： PNG是目前保证最不失真的格式，它汲取了GIF和JPG二者的优点，存贮形式丰富； 能把图像文件压缩到极限以利于网络传输，但又能保留所有与图像品质有关的信息，因为PNG是采用无损压缩方式来减少文件的大小； 显示速度很快，只需下载1/64的图像信息就可以显示出低分辨率的预览图像； 支持透明图像的制作。 PNG的缺点是不支持动画应用效果。,第15章 用Photoshop处理图像,13,(4) 图像的色彩模式,色彩模式

10、决定显示和打印图像的色彩模型，即一副图像用什么样的方式在计算机中显示或打印输出。常见的色彩模式包括RGB、CMYK等，它们含义如下： RGB模式：是工作中最常用的模式。RGB图像有三个位通道(红色、绿色和蓝色通道)，每种颜色都有256个亮度级，所以3种色彩的叠加就形成了1670万种颜色，即通常所说的真彩色。 CMYK模式：彩色印刷时使用的一种颜色模式，由Cyan(青)、Magenta(洋红)、Yellow(黄)和Black(黑)4种色彩组成。在出彩片(四色片)或在平面美术中，经常用到CMYK模式。,第15章 用Photoshop处理图像,14,(4) 图像的色彩模式, HSB模式：以人类对颜色

11、的感觉为基础，描述了颜色的3种基本特性。其中H表示Hue(色相)，S表示Saturation(饱和度)，B表示Brightness(亮度)。 Lab模式：国际照明委员会发布的一种色彩模式，由RGB 3基色转换而来，是RGB模式转换为HSB模式和CMYK模式的桥梁。 灰度模式：该模式中只存在灰度，最多可达256级灰度。当一个彩色文件被转换为灰度模式时，Photoshop会自动将图像中的色相及饱和度等有关色彩的所有信息删除，只留下亮度。,第15章 用Photoshop处理图像,15,(4) 图像的色彩模式, 索引颜色模式：该模式只能存储一个8位色彩深度的图像，最多只有256种颜色，而且这些颜色都是

12、预先定义好的。当将其他彩色模式的文件转换为索引颜色模式时，Photoshop将构建一个颜色查找表，用以存放并索引图像中的颜色。如果原图像中的某种颜色没有出现在该表中，则程序将选取现有颜色中最接近的一种，或使用现有颜色模拟该颜色。 位图模式：位图图像由黑色与白色像素组成，经常由扫描和输入线条产品而生成。,第15章 用Photoshop处理图像,16,(5) 图像文件大小,在不采用压缩技术的情况下，同一模式的图像文件大小是由图像的宽度、高度和分辨率决定的。图像的宽度、高度和分辨率数值越大，文件也就越大。,第15章 用Photoshop处理图像,17,15.2 Photoshop主界面,启动Phot

13、oshop CS后，打开其工作界面。它的工作界面主要由标题栏、菜单栏、工具属性栏、工具箱、图像窗口、状态栏以及面板组等组成。,第15章 用Photoshop处理图像,18,15.2 Photoshop主界面,状态栏,图像窗口,工具箱,选项栏,菜单栏,控制面板,第15章 用Photoshop处理图像,19,(1) 菜单栏,菜单栏位于标题栏之下，由“文件”、“编辑”、“图像”、“图层”、“选择”、“滤镜”、“视图”、“窗口”和“帮助”9组菜单组成，每组菜单又可向下拉出许多菜单命令，使用这些命令可以完成图像的建立、编辑和修改等操作。,第15章 用Photoshop处理图像,20,(2) 工具箱,工具

14、箱包括50多种常用工具，利用这些工具可以完成图像选取、图形绘制、文本输入等编辑操作。 要选择工具箱上的某个工具，可以将鼠标指针移到要选用的工具上单击，该工具即被选用。工具箱中有些工具按钮右下角带有，表示该按钮中包含了一个工具组。将鼠标指针移到此按钮上按下左键不放，隐藏的工具即会自动显示出来。若要查看某按钮的名称，可将鼠标指针移到按钮上并停留片刻，该按钮的名称就会显示出来。,第15章 用Photoshop处理图像,21,(3) 选项栏,在工具箱中选择了一个工具后，工具选项栏就会显示出相应的工具选项，通过它可以对当前所选工具的参数进行设置。因此，它的外观和内容会随着选取工具的改变而改变。,第15章

15、 用Photoshop处理图像,22,(4) 图像窗口,图像窗口是对图像进行浏览和编辑操作的主要场所，图像的处理以及图形的绘制都在该区域内完成。,第15章 用Photoshop处理图像,23,(5) 状态栏,状态栏(如图15.4所示)位于用户界面的最底部，它能实时地提供当前图像需要多少内存和硬盘空间等重要信息。此外，当你在工具箱中选用某种工具时，它还能显示该工具的功能介绍。,图15.4,第15章 用Photoshop处理图像,24,(6) 控制面板组,面板组是在Photoshop CS中进行选择颜色、编辑图层、新建通道、编辑路径和撤销编辑等操作的主要功能面板，也是工作界面中非常重要的一个组成部

16、分。 默认状态下Photoshop CS将显示4组面板，每组由23个面板组成。,第15章 用Photoshop处理图像,25,(6) 控制面板组, 导航器以一个小的窗口显示图像缩略图，使用户能够看到图像的全貌，下边的滑块和按钮可用来改变图像视图的显示比例。 信息面板显示鼠标所在位置的颜色值信息，以及相关的测量信息。 样式面板中提供了许多现成的图层样式，用户只要单击需要的样式，就可以为当前图层的内容设置不同的样式。,第15章 用Photoshop处理图像,26,(6) 控制面板组, 颜色面板通过移动面板中的滑块来选择前景色和背景色，也可以在右边的小方框内输入精确的颜色值。 色板面板中提供了许多现

17、成的色块，用户只要单击需要的色块，就可以设置不同的前景色和背景色，色板面板和颜色面板的功能是相同的，只是它操作比较快捷，但设置的颜色数量没有颜色面板多。 图层面板上有图层的不透明度、图层效果选项、图层名称及图层缩略图等信息。,第15章 用Photoshop处理图像,27,(6) 控制面板组, 通道保存的是图像中的各种颜色的数据，每一种颜色数据就称为一个通道。这样，RGB图像就有红色通道、绿色通道、蓝色通道和RGB复合通道。 路径可用工具箱中路径工具来创建和修改，设置好的路径可以保存在文件之中。 动作调板可以播放、编辑和删除动作序列，还可以存储、载入和替换动作序列。 历史记录调板将用户对图像的每

18、一步操作都自动记录下来，以便用户在发现其中某一步操作错误时，来撤消该步操作。,第15章 用Photoshop处理图像,28,15.3 基本工具的使用,工具箱默认出现在屏幕左侧。可通过拖动工具箱的标题栏来移动它。 通过选择主菜单【窗口】|【工具】，也可以显示或隐藏工具箱。 如果工具图标右下角带有标记，表示该工具是一个工具组。,第15章 用Photoshop处理图像,29,15.3.1 选取工具,在编辑、处理图像时，很多情况下是对图像的局部进行编辑、处理。选区是一个临时选择的图像区域，通过工具箱中的选择类工具可以建立各种选区。这样在图像中的各种操作将只对这些选区有效，而不会影响到图像的其它部分。选

19、区内的图像可以进行移动、拷贝、剪切和填充等各种操作，选区的边界用黑白相间的闪耀点线表示。,第15章 用Photoshop处理图像,30,1选框工具,用于选定图像特定区域，包含4个工具： 矩形选框工具适合创建矩形或正方形的选区。 椭圆选框工具适合创建椭圆形或圆形的选区。 单行选取工具设置一行 (一个像素高)为一个选区。 单列选取工具设置一列 (一个像素宽)为一个选区。,选框工具,第15章 用Photoshop处理图像,31,2套索工具,套索工具可以来创建任意形状的选择区域。 (徒手)套索工具 适合设置任意形状的选区。 多边形套索工具 适合对一些多边形几何图形制作选区。 磁性套索工具 适合对一些轮

20、廓较为清晰的图形制作选区。,第15章 用Photoshop处理图像,32,3魔棒工具,魔棒工具适合对一些有颜色相同或相似色块的图形制作选区。单击工具箱中的 ，将鼠标指针移动到图像上，单击要选择的区域，与单击点颜色误差值在一定范围内的点均被设置到选区中。,第15章 用Photoshop处理图像,33,4裁剪工具,裁剪工具 用于定义一个裁剪框。单击工具箱中裁剪工具，将鼠标指针移动到图像上，按住鼠标左键不放并拖动，在适当位置释放鼠标，即可创建一个矩形裁剪框，拖动裁剪框周围的控点可修改裁剪框，双击鼠标即可对图像进行裁剪。,第15章 用Photoshop处理图像,34,5钢笔工具,对于较复杂的图形，要想

21、设定 一个精确的选区，用前面介绍 的选取工具都很难实现，使用 钢笔工具就可以通过创建路径 比较简单地将选区轮廓描绘出 来，然后再将路径所包围的区 域变成一个选区。,钢笔工具,第15章 用Photoshop处理图像,35,钢笔工具制作选区,(1) 绘制路径 打开需要绘制路径的图像，在工具箱中选择“钢笔”工具。在要建立选区的图像边缘单击，绘制起始点，然后再分别单击图像轮廓的一些转折点，建立路径的大概轮廓。一些比较细微地地方，可以将视图放大，修改各处路径，直到路径和图像轮廓相一致。 (2) 路径转换成选区 沿着要创建选区的图像绘制好一个路径并打开“路径”面板。用鼠标将“路径”面板中要转换为选区的路径

22、选中，使之成蓝色。单击“路径”面板上的“将路径作为选区载入”按钮，系统将沿路径边沿创建一个选区。,第15章 用Photoshop处理图像,36,15.3.2 填充工具,填充工具组包括油漆桶工具和渐变色填充工具，是填色的基本工具。 要填充选区，也可执行“编辑”“填充”命令。Photoshop CS提供了使用前景色、背景色、颜色、图案、黑色、50%灰色和白色等填充方式。,填充工具组,第15章 用Photoshop处理图像,37,1油漆桶工具,油漆桶工具，用于在图像或选区中填充颜色或图案。油漆桶工具在填充图像前会对鼠标单击位置的颜色进行取样，然后只填充颜色相同或相近的图像区域。因此油漆桶工具具有魔棒

23、工具的特性。 填充前 图案填充,第15章 用Photoshop处理图像,38,2渐变工具,是指在整个图像区域或图像选择区域填充一种多种颜色间的渐变混合色。包括5种渐变，分别是线性渐变、径向渐变、角度渐变、对称渐变和菱形渐变。 线性渐变 径向渐变 菱形渐变,第15章 用Photoshop处理图像,39,15.3.3 移动工具,移动工具可以将图层或选区内的图像移动到同一幅图或另一幅图中所需要的位置。 按住Alt键移动，可复制选区范围内的图像。 直接移动 按住Alt键移动,第15章 用Photoshop处理图像,40,15.4 文字工具的使用,文字工具将输入的文本放置到图像中。包括四个工具，功能分别

24、如下： 横排文字工具 ：在图像上添加水平方向的文字； 直排文字工具 ：在图像上添加竖直方向的文字； 横排文字蒙版工具 ：在图像上添加水平方向的文字选区； 直排文字蒙版工具 ：在图像上添加竖直方向的文字选区。,第15章 用Photoshop处理图像,41,15.4 文字工具的使用,文字工具选项栏如下图所示。各选项功能如下： 文字方向按钮 ：改变文字的横、竖方向。 字体下拉列表框 ：选择字体。 字号下拉列表框 ：设置字体大小。 平滑下拉列表框 ：设置消除锯齿的方法。 颜色块 ：选择文字的颜色。 变形文字按钮 ：创建变形文字。,第15章 用Photoshop处理图像,42,15.5 图层的使用,在P

25、hotoshop中打开的每个文件或图像都包含一个或多个图层。当新建图像文件时，可以选择建立含有一个空白背景图层的图像，或者建立含有一个透明背景图层的图像。每一个图层好像是一张透明纸，如果图层上没有图像，就可以一直看到底下的图层。,第15章 用Photoshop处理图像,43,15.5 图层的使用,图层合成示意图,第15章 用Photoshop处理图像,44,1图层的基本操作,(1) 新建图层 单击“图层” 面板上的“新建图层”按钮，在选择的图层之上即插入一个空的图层。 (2) 设置当前图层 在“图层”控制面板中用鼠标单击要选定的图层。 (3) 图层的删除 单击“图层” 面板的“删除图层”按钮。

26、 (4) 图层的移动 选择“移动工具”，将鼠标指针移到图像上拖曳，即可将所选图层的图像移到想要的位置。,第15章 用Photoshop处理图像,45,1图层的基本操作,(5) 调整图层顺序 将鼠标移动到要调整顺序的图层上，鼠标变成手形时拖曳，即实现图层顺序的调整。 (6) 显示与隐藏图层 在图层控制面板，单击一个图层前的图标 ，可以使其隐藏，用鼠标再单击图标 ，则重新显示该图层。 (7) 链接图层 选择一个图层，作为当前层。单击要和当前层链接的图层缩略图前面的图标 ，使其变成 状，即实现了所选图层与当前图层的链接。,第15章 用Photoshop处理图像,46,1图层的基本操作,(8) 调整图

27、层透明度 选择要改变透明度的图层为当前层，直接在“不透明度”后的文本框内输入百分比值或拖动滑块。 (9) 拼合图层 执行【图层】|【拼合图层】，将合并所有的图层。 (10) 转变背景层 双击背景层，在“建立图层”对话框中。输入新建图层名称，单击“好”按钮即可将背景层转化为一般图层。,第15章 用Photoshop处理图像,47,2设置图层样式,所谓图层样式，就是由投影、内发光、外发光、斜面与浮雕、光泽、和描边等图层效果组成的集合。使用图层样式，可以非常容易地得到各种精彩的图像效果。 选择主菜单【图层】|【图层样式】|【斜面和浮雕】（具体为所应用样式），弹出“图层样式”对话框，在对话框中可调整样

28、式的参数 。,第15章 用Photoshop处理图像,48,3图层混合,所谓图层混合模式就是指一个层与其下图层的色彩叠加方式，控制着图层之间像素颜色的相互作用。 除了正常模式以外，还有“溶解”、“正片叠底”、“颜色加深”、“变亮”等混合模式。,第15章 用Photoshop处理图像,49,15.6 通 道,在Photoshop中，通道的主要功能是保存图像的颜色数据，同时也可以用来保存、编辑选区和蒙版。通道的功能强大，在轮廓呈现、组合图像、颜色校正、制作特效等方面应用广泛。 通道可以分为三类：颜色通道、Alpha通道和专色通道，,第15章 用Photoshop处理图像,50,(1) 颜色通道,颜

29、色通道用于保存图像的颜色信息。打开一幅图像，在屏幕上看到的是由各个独立颜色通道合成的图像。每副图像有一个或多个通道，一种基本色为一个通道，颜色通道的数量取决于图像的颜色模式，而非其图层的数量。 例如，RGB颜色模式图像有4个默认通道：红色、绿色和蓝色各有一个通道，以及一个用于编辑图像的复合通道。CMYK颜色模式图像拥有青色、品红色、黄色、黑色四个单色通道和CMYK复合通道。,第15章 用Photoshop处理图像,51,(2) Alpha通道,Alpha通道用于保存选区和蒙版。当用户制作了一个选区，并从“选择”菜单中选择了“保存选区”选项之后，选区就会保存到一个Alpha通道中。当察看Alph

30、a通道时，选区显示为白色，而图像上未被选择的部分显示为黑色。在需要时可以将保存到Alpha通道中的选区载入图像继续使用。一幅图像最多可有56个通道。所有的通道都是8位灰度图像，可使用绘画和编辑工具编辑Alpha通道中的选区和蒙版。,第15章 用Photoshop处理图像,52,(3) 专色通道,专色通道主要应用于印刷领域。当需要在印刷物上加上一种特殊的颜色(如金色、银色等)，就可以创建专色通道，以存放专色油墨的浓度等信息。,第15章 用Photoshop处理图像,53,2“通道”面板,选择主菜单【窗口】|【通道】，可调出通道面板。复合通道总是首先显示出来，后面跟着其它单独的通道。左边的一列 图

31、标，指明是可见通道。如果单击 图标，就可把通道临时隐藏起来。 在底部有四个快捷按钮，用以执行常规任务：加载选择区、保存选择区、生成新的通道、删除通道。单击通道面板的按钮，调出面板菜单选项。通过它可以新建、删除、分割或合成通道。,第15章 用Photoshop处理图像,54,3通道的应用,在进行图像编辑时，单独创建的新通道称之为Alpha通道，在Alpha通道中，存储的并不是图像的色彩，而是用于存储和修改选定的区域。利用Alpha通道，可以做出许多特殊的效果。 【例15.2】通道填充效果的制作。,通道填充效果图,第15章 用Photoshop处理图像,55,15.7 蒙 板,传统的蒙版技术是指使

32、用一块带有红色塑料涂层的醋酸织物，覆盖在被保护区域上，使其不可见，只有不受保护的区域才能显示出来。 在Photoshop中当要改变图像某个区域的颜色，或者要对该区域应用滤镜或其他效果时，蒙版可以隔离并保护图像的其他部分。在此，蒙版相当于保护层，用来保护被蒙区域，使其不受任何编辑操作的影响。 蒙版与选区功能相同并且可以相互转换，但又有本质区别。选区是一条虚线框，不能使用绘图工具编辑，而蒙版是实实在在的灰度图像，因而更易编辑和修改。创建蒙版的方式有图层蒙版和快速蒙版两种。,第15章 用Photoshop处理图像,56,1图层蒙版,图层蒙版用于控制图层或图层组中的不同区域如何隐藏和显示。在创建蒙版过

33、程中，并不实际修改图层上的图像，只有在应用蒙版后，才按蒙版设计的效果更改图像。 一般图层蒙版是灰度图像，与分辨率相关，由绘画或选择工具创建。通常用黑色绘制的内容将会隐藏，用白色绘制的内容将会显示，而用灰色色调绘制的内容将以各级透明度显示。 【例15.3】利用图层蒙版合成图像。,第15章 用Photoshop处理图像,57,2快速蒙版,快速蒙版主要用于编辑选区，具体操作方法：创建任意选区，点击工具栏下的“以快速蒙版模式编辑”按钮，即可用画笔、橡皮擦等工具进行选区的修改。做复杂选区时，经常要在原有选区的基础上生成快速蒙版，利用蒙版技术修正选区。 【例15.4】利用快速蒙版编辑选区,第15章 用Ph

34、otoshop处理图像,58,15.8 滤镜的使用,滤镜是PhotoShop中功能最丰富、效果最奇特的工具之一。它通过不同的方式改变像素数据，以达到对图像进行抽象、艺术化的特殊处理效果。利用Photoshop提供的各种滤镜，可以制作出各种精彩奇特的图像效果。滤镜主要有3个方面的作用：优化图像、提供创意效果和提高工作效率。,第15章 用Photoshop处理图像,59,15.8 滤镜的使用,Photoshop滤镜功能强大，共有扭曲、艺术效果、模糊、纹理和渲染等14组，100多种滤镜，可以完成纹理化、杂色、扭曲、模糊和画笔描边等多种操作。 Adobe公司还公布了滤镜开发的接口技术，使第三方软件商能

35、够提供大量的外挂滤镜。比较著名的有KPT和Eye Candy等。当然，用户还可以用Photoshop Filter SDK来开发自己设计的滤镜。 有些滤镜可在网上免费下载，使用时只需将其复制或安装至Photoshop的滤镜文件夹(Photoshop安装目录下的“增效工具滤镜”文件夹)中，重新启动Photoshop后，外挂的滤镜就会显示在滤镜菜单下。,第15章 用Photoshop处理图像,60,15.8 滤镜的使用,【例15.5】溶洞效果的制作。 【例15.6】木制相框效果的制作。 溶洞效果 木制相框效果,第15章 用Photoshop处理图像,61,15.9 Web图像的制作,Photosh

36、op不仅可以对已有的图像进行加工处理，还经常用于制作一些按钮、底纹及文字的特殊效果等图像。把这些图片应用到网页中，可以丰富网页的表达能力，增强网页的美感。本节首先介绍Photoshop针对Web图像的处理功能，然后介绍几个制作图片的实例。,第15章 用Photoshop处理图像,62,1Web图像优化,为了节约网络的带宽资源，对网页中使用的图像文件大小提出了严格要求，用户必须在图像质量和大小之间做出恰当的平衡，在保证图像质量能够容忍的前提下，尽量提高图像的压缩比率，减小文件的大小，这就是Web图像的优化问题。 在Photoshop中，可对图像进行两种方式的优化，即基本优化和精确优化。如果只满足

37、于能将图像应用于网页，可选择【文件】|【存储为】命令，将图像文件按GIF或JPG格式进行保存即可。运用【文件】|【存储为Web所用格式】命令可将图像精确优化为所需格式和质量。,第15章 用Photoshop处理图像,63,(1) 存储为JPEG文件格式,对色彩丰富的图像，一般应存储为JPEG格式，以最大幅度地减小图像文件的大小。当选择“存储为”JPEG格式时，会弹出JPEG选项对话框。在此对话框中，通过调整“品质”可以控制图像压缩的程度。如在“格式选项”中选择了“连续”，则在浏览器装入图像时会以图像由模糊到清楚的渐变方式来显示。 当用户所做的是一个线稿或装饰图案时，最好不要用JPEG格式压缩，

38、因为压缩后，图像的边缘容易失真。,第15章 用Photoshop处理图像,64,(2) 存储为GIF文件格式,对于色彩单调的图像，可以选择“存储为”GIF格式。当选择GIF格式时，会弹出弹出“索引颜色”对话框，在对话框中可以对“调板”、“颜色”和“透明”等参数进行设定，单击“好”按钮后，又会弹出“GIF选项”对话框。在对话框中，选择“交错”，可以在装入浏览器时让图像以渐变方式显示。,第15章 用Photoshop处理图像,65,(3) 存储为Web所用格式,执行【文件】|【存储为Web所用格式】命令，会弹出【存储为Web所用格式】对话框。在对话框中，单击上方的视图标签，可以在“原稿”、“优化”

39、、“二联”、“四联”四种视图之间切换。 在图像视图中选中一种“图像预览”，在“预设”下拉列表中可选择输出图像的文件类型，对图像进行优化。每进行一次设置，被选中的“图像预览”的显示效果就会发生变化，其输出的文件大小也会改变。可以按需要反复调整，在显示效果满意的情况下，使文件大小尽量地小。调整完成后，单击“存储”可将图像按当前设置格式保存。,第15章 用Photoshop处理图像,66,2切片,对于一个较大的图片，为了减少下载过程中用户的等待时间，常常将其进行切片分成若干个小图像，到用户端再拼合成一个大图像。在此基础上，还可为图像切片设置链接属性，单击不同的切片即可转至不同的网页。在Photosh

40、op中，提供了切片功能，并能方便地输出切片和包括切片的html文件。,第15章 用Photoshop处理图像,67,(1) 切片的概念,切片是在图像中割出的一个矩形区域，每一个切片可以被存储为一个图像文件，拥有它们自己的设置、色板、链接、动态按钮和动画效果。,第15章 用Photoshop处理图像,68,(2) 切片的种类,用切割功具切出的切片称为使用者切片，利用图层转化的切片称为图层切片。当创建使用者切片或图层切片时，在图像中未定义切片的其余部分会自动生成一些矩形的区域，称为自动切片。,第15章 用Photoshop处理图像,69,(3) 创建使用者切片,创建使用者切片可用切片工具 ，使用切

41、片工具切割时，与矩形选区的生成一样。在分割过程中，如果觉得不合适，可以用切片选择工具 进行调整。如果要进行均匀分割，可以选取切片工具后，在图像上右击，选择快捷菜单中的【划分切片】进行切割。,第15章 用Photoshop处理图像,70,(4) 创建图层切片,创建图层切片只须在图层面板中选取图层，然后选取【图层】|【新建基于图层的切片】命令即可。由图层创建一个切片时，该切片包含了图层中所有的像素。图层切片的区域会随着图层内容的修改而自动调整。,第15章 用Photoshop处理图像,71,(5) 自动切片和图层切片转为使用者切片,使用者切片可以复制、移动、合并、分割、重定大小、删除、排列、对齐和

42、均布。也可使用不同的优化设置。与之相反，所有的自动切片是互相连结的并使用同一优化设置，是不可编辑的；图层切片与图层内容紧密相连，只有在修改图层时才能改变图层切片。把它们转换为使用者切片后，才可以进行编辑处理。 选择自动切片或图层切片，然后在工具条上单击“提升到用户切片”按钮，即可将其转换为使用者切片。,第15章 用Photoshop处理图像,72,(6) 切片选项,选择切片，然后在工具条上单击“切片选项”按钮，弹出“切片选项”对话框。在此对话框中，可以对切片的名称、链接选项等进行设置。,“切片选项”对话框,第15章 用Photoshop处理图像,73,(7) 网页输出,分割工作完成后，可以执行

43、【文件】|【存储为Web所用格式】命令，在弹出的【存储为Web所用格式】对话框中，单击左边工具条中的切片选择工具，在任一选定的预览视图中选中切片，此时被选中的切片变色，表示已经选中。可以对每一副切片单独进行优化设置。 所有切片设置完成后，单击“存储”按钮，在弹出的“将优化结果存储为”对话框的“保存类型”下拉列表中选择“html和图像”，将文件保存的路径选择为网站文件夹，便可将包括html文件和对应的切片图像文件，都保存到网站文件夹中。默认状态下，切片存放在“images”文件夹里。生成的页面可以继续在Dreamweaver等网页编辑工具中编辑。,第15章 用Photoshop处理图像,74,1

44、5.9.2 制作按钮,按钮是网页中常见的元素。在网页中利用按钮不仅可以用来实现一些交互功能，有时为了突出某些特别重要的链接，往往将其设计成类似按钮的样子，使得这些链接更为突出，引导用户点击。而系统标准按钮样式过于呆板，使用它很难与网页的背景及其它元素相配合。运用Photoshop来制作按钮十分方便，并可以制作出与整个页面的设计主旨相一致的按钮，使整个页面看上去更和谐。 【例15.7】制作一个立体按钮。 【例15.8】制作一个凸起的长圆按钮,第15章 用Photoshop处理图像,75,15.9.3 制作底纹,进行网页设计时，一般采用固定的颜色作背景，或指定一幅图像作为背景底纹，使做出来的网页相比之下更为生动。使用底纹图像有时还能起到提高网页观赏性、突出设计主旨的作用。Photoshop提供了各种制作底纹的命令，因此，在Photoshop中制作底纹十分简便易行。 【例15.9】像素风格纹理图案底纹。 【例15.10】木纹效果的制作。,第15章 用Photoshop处理图像,76,15.9.4 特殊字体效果制作,使用变换、图层样式和滤镜效果相结合，可以制作很多文字效果。 【例15.11】阴影字的制作 【例15.12】火焰字的制作 【例15.13】金属字的制作 【例15.14】水晶字的制作,