《图像处理及网页制作》课件第5章.ppt
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《《图像处理及网页制作》课件第5章.ppt》由用户(momomo)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 图像处理及网页制作 图像 处理 网页 制作 课件
- 资源描述:
-
1、1 1第5章 图像的控制5.1 图像的大小与裁切控制图像的大小与裁切控制5.2 图像画布的控制图像画布的控制5.3 图像色彩模式转换图像色彩模式转换5.4 图像文件格式的转换图像文件格式的转换5.5 图像的色彩控制图像的色彩控制本章小结本章小结2 2对图像的控制是Photoshop图像处理中比较复杂和较难掌握的学习内容之一,它涉及到对色彩和构图等和美学相关的知识。在Photoshop中对图像的控制主要包括对图像大小、裁剪、裁切的控制;对画布大小、旋转的控制;图像的不同色彩模式之间的转换以及对图像的色彩的控制。3 31.图像大小控制准备打印输出图像时,用打印尺寸和图像分辨率来指定图像的大小是非常
2、有效的。打印尺寸和图像分辨率决定了图像像素总数,也就决定了图像的文件大小。对图像大小的调整具体操作步骤如下:(1)打开一个图像文件。(2)执行“图像图像大小”菜单命令(如图5-1所示),打开“图像大小”对话框(如图5-2所示),设置相应的选项。5.1 图像的大小与裁切控制图像的大小与裁切控制4 4 图5-1 “图像”菜单5 5 图5-2 “图像大小”对话框6 6“像素大小”栏中可得到原图像文件的大小和宽度、高度值。“文档大小”栏中可分别输入指定的宽度、高度值和图像分辨率,同时可以选择相应的度量单位,如百分比、英寸、厘米、点等。“缩放样式”选项:调整图像时按比例进行缩放。“约束比例”选项:改变图
3、像尺寸时保持图像当前的宽和高的比例不变。选择此项后“像素大小”和“文档大小”栏的右侧会显示出链接标志,表示当更改高度时,会自动更新图像宽度。7 7“重定图像像素”选项:当更改打印尺寸或分辨率时,按比例更改图像中的像素总数,使图像达到平滑缩放的目的。选中该项后,可以在其下拉列表中选择如下一种方式:“邻近”是最快但最不精确的方式。这种方式会在图像中成造锯齿效果,在对图像进行扭曲、缩放或在选区上执行多项操作时,这种效果会变得更明显。“两次线性”是中等品质的方式。“两次立方”是最慢但最精确的方式,结果得到最平滑的色调渐变。(3)单击“确定”按钮,确认改变图像大小。8 8注意:要恢复“图像大小”对话框中
4、原始图像的数值,可按住Alt键,原“取消”按钮变为“复位”按钮,鼠标单击此按钮即可。一般来讲图像分辨率在建立图像文件时就已确定,轻易不要改动,更改图像分辨率可能造成原图像失真。图像大小调整是真正意义上对图像的缩放,而在编辑中使用“放大镜”工具或其它缩放方法只是临时缩放图像,图像的实际大小并未变化。9 92.图像的裁剪、裁切控制1)图像裁剪图像裁剪处理的目的是移去部分图像以突出或加强构图的效果。图像裁剪可使用裁剪工具 或“裁剪”命令来实现。(1)用裁剪工具裁剪图像。用鼠标单击工具箱上的裁剪工具,并在工具选项栏中分别设置宽度、高度和分辨率(如图5-3所示);也可以直接在图像中按住鼠标拖动确定裁剪的
5、范围,并双击鼠标确认裁剪操作(如图5-4所示)。鼠标拖动形成的裁减框可用鼠标调整其大小。10 10提示:利用裁剪工具选项栏上的“透视”选项,可变换图像透视角度,裁剪出具有透视效果的图像,如图5-5所示。图5-3 裁剪工具选项栏11 11图5-4 用裁剪工具裁剪图像12 12图5-5 “透视”裁剪效果13 13(2)用“裁剪”命令裁剪图像。先用选框类工具或裁剪工具在原图像上作一个选区,然后选择“图像裁剪”菜单命令,即可完成裁剪。2)图像裁切“裁切”处理目的是对原图像进行修齐。要对图像裁切,可使用“裁切”命令,具体操作方法如下:(1)执行“图像裁切”菜单命令,打开“裁切”对话框,如图5-6所示。1
6、4 14图5-6 “裁切”对话框和裁切图像15 15(2)在“裁切”对话框中:“透明像素”表示修整掉图像边缘的透明区域,留下包含非透明像素的最小图像。“左上角像素颜色”表示从图像中移去左上角像素颜色的区域。“右下角像素颜色”表示从图像中移去右下角像素颜色的区域。选择一个或多个要修整的图像区域,如“顶”、“底”、“左”或“右”。(3)单击“确定”按钮,完成图像的裁切,如图5-6所示。16 161.图像画布大小的调整对图像大小的调整是连同画布一起进行的,如果原来图像占满一页B5纸,放大后可能占满一页A4纸,而且不会在纸上留出空白。有时在图像处理中,并不需要缩放图像本身,只是想将图像按原大小放置到一
7、张更大或较小的纸上,这时就需要对画布的大小进行调整,在Photoshop中可使用“图像画布尺寸”命令。具体操作步骤如下:5.2 图像画布的控制图像画布的控制17 17(1)打开一个图像文件,如图5-7所示。(2)执行“图像画布大小”菜单命令,打开“画布尺寸”对话框,如图5-8所示。(3)在“当前大小”栏中显示的是原图尺寸,宽度为17.64厘米,高度为19.26厘米。(4)在“新建大小”栏中,可分别在宽度、高度文本框中输入修改值,例如:宽度改为27.64厘米,高度改为19.26厘米。18 18 图5-7 原图像19 19 图5-8 “画布尺寸”对话框2020(5)在“新建大小”栏中,通过“定位”
8、器可选择画布缩放的方向,若选择中间表示沿四周方向缩放画布,若选择左上角按钮表示以左上角为中心进行缩放。图5-9所示是图像向右加宽后的效果,图5-10所示是图像向左加宽后的效果。注意:如果新尺寸比原尺寸大,则为扩大画布;反之,则为缩小画布。当缩小后的画布容纳不下原图像时,显示不下的部分会被剪裁掉。所以,缩小画布时,系统会弹出一个警告对话框(见图5-11),以确认是否继续操作。若按“继续”按钮,则会裁剪掉部分图像;选择“取消”则会返回到原图像状态。图5-12所示是缩小画布后的效果。21 21图5-9 向右加宽后的效果图2222图5-10 向左加宽后的效果图2323图5-11 缩小画布尺寸警告对话框
9、2424图5-12 缩小画布尺寸效果图25252.旋转画布使用“旋转画布”命令可以实现对整个图像的旋转或翻转。与前面介绍的“变换选区”、“自由变换”、“变换”命令以及“变换路径”命令不同,此命令不适用于选区、路径、单个图层或图层中的一部分。“旋转画布”命令的具体操作步骤如下:(1)打开一个图像文件,如图5-7所示。(2)执行“图像旋转画布”菜单命令,并从子菜单中选取以下命令之一:180度,表示将图像旋转半圈。2626 90 度(顺时针),表示将图像顺时针旋转四分之一圈,如图5-13(a)所示。90 度(逆时针),表示将图像逆时针旋转四分之一圈,如图5-13(b)所示。2727 (a)(b)图5
10、-13 顺时针和逆时针旋转画布效果图2828 选择任意角度,按指定的角度旋转图像。如果选取此选项,会打开一个“旋转画布”对话框(如图5-14所示),在对话框中的“角度”文本框中输入一个介于-359.99和359.99度之间的角度,然后单击“确定”按钮。水平翻转,表示画布沿垂直轴水平翻转。垂直翻转,表示画布沿水平轴垂直翻转。2929图5-14 “旋转画布”对话框3030将图像从一种色彩模式转换为另一种色彩模式可能导致图像颜色的永久性改变。例如,将RGB图像转换为CMYK模式时,CMYK色域之外的RGB颜色值被调整到CMYK色域之内。因此,转换图像之前,最好执行以下操作:5.3 图像色彩模式转换图
11、像色彩模式转换31 31 可以在图像原来模式下进行的编辑工作尽可能多地在原模式下进行。在转换之前保存原图像备份。为了能在转换之后继续编辑原来的图像,一定要保存包含所有图层的图像备份,如以.PSD或.PDD方式保存。在转换之前拼合所有图层。当模式更改时,图层混合模式之间的颜色相互作用也会将改变。3232在Photoshop中,RGB模式和灰度模式是默认的两种色彩模式。对彩色图像而言,在RGB模式下可调用Photoshop中的所有特效滤镜和其它常用功能;对黑白图像而言,在灰度模式下可调用Photoshop中的大部分特效滤镜和大多数常用功能。因此,在编辑处理彩色图像时尽量使用RGB模式,在编辑处理黑
12、白图像时尽量使用灰度模式。而在输出图像时,根据需要可改变图像的色彩模式。改变图像的色彩模式时,执行“图像模式”菜单命令,从其下一级子菜单中选择要转换的色彩模式,如图5-15所示。3333图5-15 “图像模式”菜单34345.3.1 “16位/通道”模式与“8位/通道”模式的转换位模式一般指表示一个像素数所用的位数,16位模式表示一个像素(图像中的一个点)要用16位的二进制数表示。表示一个像素所用的位数越多,能表示的色彩就越丰富。但位数越多,图像占用的磁盘空间也就越大。由于RGB、灰度和CMYK图像的每个颜色通道都包含8位二进制数据,因此对于RGB图像中的三个通道,一个像素就有24位(8位3通
13、道),灰度模式有8位(8位1通道),CMYK模式有32位(8位4通道)。Photoshop中也能够读取和输入48位RGB、64位CMYK和16位灰度图像(每个颜色通道16位数据)。3535在“16位/通道”的图像中,Photoshop支持的操作是有限的,一般仅支持选框、套索、裁切、度量、缩放、抓手、钢笔、吸管、颜色取样器和橡皮图章等工具,以及复制、羽化、修改、色阶、自动色阶、曲线、直方图、色相/饱和度、亮度/对比度、色彩平衡、色调均化、反相、通道混合器、图像大小、变换选区和旋转画布等命令。因此,要充分利用Photoshop的功能,一般要将“16位/通道”图像转换为“8位/通道”图像,图像编辑完
14、毕,如果需要,再从“8位/通道”模式转换为“16位/通道”模式。要将“16位/通道”模式转换为“8位/通道”模式,只需执行“图像模式8位/通道”命令即可,反之亦然。36365.3.2 RGB颜色模式与索引颜色模式的转换索引颜色模式简称索引色模式,是一种8位图像模式。转换为索引颜色可将图像中的颜色数目减少到最多256种。索引色模式是GIF和PNG-8等图像格式以及许多多媒体应用程序支持的标准颜色模式。在转换成索引色模式时,图像中的颜色信息会被大量删除。另外,要转换为索引颜色模式,原图像必须是“8位/通道”的灰度或RGB模式的图像。因此,如果原图像是16位RGB模式的,必须首先选转换成8位的图像。
15、具体操作步骤如下:(1)打开一幅16位的RGB模式的图像文件,如图5-16右侧所示。3737图5-16 16位/通道模式转换为8位/通道模式3838(2)执行“图像模式8位/通道”命令,选将该图像转换为8位/通道模式。(3)执行“图像模式索引颜色”命令,打开“索引颜色”对话框,如图5-17所示。“索引颜色”对话框中有许多选项。单击“调板”文本框右侧箭头,可打开一组选项,其中:局部(可选择):用于创建一个颜色表,此表与“可感知”颜色表类似,对大范围的颜色区域和保留 Web 颜色有利。该选项通常用于生成具有最大颜色组合的图像。3939图5-17 “索引颜色”对话框4040 局部(随样性):通过从色
16、谱中取样确定在图像中显示最多的颜色并创建相应的调色板。例如,只有绿色和蓝色的RGB图像生成的调色板也主要由绿色和蓝色组成。大多数图像的颜色都集中在色谱的特定区域。若要更精确地控制调色板,先选择图像中包含的要强调的颜色部分,Photoshop会增强对这些颜色的转换。在“强制”文本框中,有以下选项:“黑白”表示强制将纯黑色和纯白色添加到颜色表中。“三原色”表示强制添加红色、绿色、蓝色、青色、洋红、黄色、黑色和白色。“Web”表示强制添加216种Web安全色。41 41“自定”表示允许定义要添加的颜色。在“仿色”文本框中,有以下选项:“无”表示不仿色,而使用调色板中最接近原图像颜色的颜色。这往往会导
17、致图像中颜色之间的突然转换,造成色调分离的效果。“扩散”表示使用误差扩散方法仿色。若要防止图像中包含在颜色表项目的颜色被仿色,应选择“保留实际颜色”。这对存储Web图像的精细线条和文本很有用。“图案”表示按所选图案进行仿色。“杂色”有助于减少图像切片边缘的接缝。如果计划切分拟放置在HTML表中的图像,应选取该选项。4242(4)设置完毕,单击“确定”按钮,即可将16位的RGB模式图像文件转换为8位的索引色模式图像文件。注意:RGB模式转换为索引色模式前需先拼合图层,若没有合并就转换,会出现是否合并层的提示对话框,选择“好”后,执行合并并转换。但一旦转换,则无法再恢复以前的层(除非使用“历史记录
18、”调板)。因此,建议在进行模式转换前先对原图像进行备份。43435.3.3 RGB颜色模式与CMYK颜色模式的转换RGB和CMYK模式间的转换非常简单:执行“图像模式RGB模式”命令,完成RGB模式的转换;执行“图像模式CYMK模式”命令,完成CYMK模式的转换。4444在计算机中,图像是以不同的格式存放的,各种图像文件格式有其特殊的结构,并适用不同的范围,如Windows的“画图”工具通常使用BMP文件格式,Internet上通常使用JPEG或GIF文件格式,Photoshop通常采用PSD、PPD文件格式等。在图像处理中经常需要进行文件格式的转换。5.4 图像文件格式的转换图像文件格式的转
19、换4545Photoshop可以实现多种图像文件格式间的转换,其转换方法非常简单,只需执行“文件存储为”命令,再选择一种文件格式进行保存即可。例如,将一个位图文件cat.bmp转换为JPEG格式,具体操作如下:(1)打开cat.bmp文件。(2)选择“文件存储为”菜单命令,打开“存储为”对话框,如图5-18所示。(3)在“文件名”文本框中输入要保存文件的路径名和文件名,在“存储为”下拉列表中选择JPEG(*.JPG,*.JPEG,*.JPE)格式。(4)单击“保存”按钮,此时打开“JPEG选项”对话框,如图5-19所示、4646图5-18 “存储为”对话框4747图5-19 “JPEG选项”对
20、话框4848(5)“图像选项”栏中的“品质”文本框中可输入反映质量级别的数值(110),所选数值越大,图像质量越好,但所占存储空间也越大;也可从其后的下拉列表中选择“低、中、高、最佳”,或拖曳滑块来确定预想的品质。一般选择5,即中等级别即可。(6)单击“确定”按钮,完成转换与存储。注意:保存文件或转换文件格式时,一般除Photoshop的PSD格式外,其他格式都需先作拼合图像处理。4949要创作丰富多彩的图像,颜色的运用极为重要。所谓对图像的色彩控制就是调整图像中的色调、色相、饱和度、对比度和亮度等。Photoshop提供了众多色彩控制命令,这些命令大多集中在“图像调整”命令子菜单中,如图5-
21、20所示。5.5 图像的色彩控制图像的色彩控制5050图5-20 “调整”命令子菜单51 515.5.1 图像的色调调整调整图像的色调就是调整图像中各颜色的明暗程度。调整色调可通过“色阶”、“自动色阶”、“自动对比度”、“曲线”、“色彩平衡”和“亮度/对比度”命令来进行。1.“色阶”和“自动色阶”命令“色阶”命令通过改变图像的色阶来修整图像中偏亮或者偏暗的部分。对于色调过暗的图像,可以将高光部分设置为一个较高的数值,增加图像内较亮的像素的数量,同时仍保持低光区域的细节。5252对于色调过亮的图像,可以将阴影部分设置为一个较高的数值,增加图像较暗部分像素的数值,同时仍保持高光区域的细节。通过对“
22、色阶”对话框中的阴影、中间调和高光的强度级别进行调整,可实现校正图像的色调和色彩平衡。其中的“色阶”直方图主要用作调整图像基本色调的直观参考。调整“色阶”的具体操作步骤如下:(1)打开一个图像文件。(2)执行“图像调整色阶”菜单命令,或按Ctrl+L组合键,打开“色阶”对话框,如图5-21所示。5353图5-21 “色阶”对话框5454“输入色阶”选项用于调整图像中的色彩明暗关系,包括左、中、右三个文本框,分别对应直方图下方的三个滑块。左侧文本框:对应黑色滑块,取值范围在0253之间,用于设置图像中黑场(阴影)的亮度值,其值表示图像中低于该亮度所有像素将变为黑色(对应亮度值为0)。右侧文本框:
23、对应白色滑块,取值范围在2255之间,用于设置图像中白场(高光)的亮度值,其值表示图像中高于该亮度所有像素将变为白色(对应亮度值为255)。中间文本框:对应灰色滑块,取值范围在0.19.99之间,用于设置图像亮度的灰点(中间调),当其值大于1时,将降低图像亮度,小于1时,则增强图像的亮度。5555注意:若直接拖动滑块进行调整,可直观地从图像中看到色彩明暗关系的变化,对应文本框中的数值也会随之改变。例如,如果将黑色滑块移到色阶152处,则Photoshop会将位于或低于色阶152的所有像素都映射到色阶0(即变为黑色),如图5-22所示;同样,如果白色滑块移到色阶60处,则Photoshop会将位
24、于或高于色阶60的所有像素都映射到色阶255,如图5-23所示。这种映射会影响每个通道中最暗和最亮的像素,其他通道中的相应像素也会按比例调整以避免改变图像的色彩平衡。5656图5-22 调整黑色滑块示意图5757图5-23 调整白色滑块示意图5858又例如,如果要调整图像的中间调,可使用灰色滑块来调整灰度系数。若向左移动灰色滑块可使整个图像变亮,若向右移动灰色滑块会产生相反的效果,使图像变暗(如图5-24所示)。5959图5-24 调整灰色滑块示意图6060“输出色阶”选项可以控制图像的亮度范围,包括左、右两个文本框,分别对应下方亮度条两侧的滑块。默认情况下,这两个文本框的值分别为0和255。
25、左侧文本框:用于设置图像中最暗像素的显示亮度,该值越大,图像越亮。左侧文本框:用于设置图像中最亮像素的显示亮度,该值越小,图像越暗。61 61“自动”按钮:以0.5%的比例来自动修整图像的色阶。该命令自动将最亮的像素变成白色,最暗的像素变成黑色,从而使得图像的亮度分布更加均匀,如图5-25所示。(3)单击“确定”按钮,完成对原图像“色阶”的调整。单击“取消”按钮,可取消所有调整,关闭“色阶”对话框。注意:在调整过程中,若效果不满意,想重新调整,只需按住Alt键,“色阶”对话框中的“取消”按钮将变成“恢复”按钮,单击“恢复”按钮,可重新进行调整。在很多调整对话框中都可以用此方法将“取消”按钮变为
展开阅读全文