《图像处理及网页制作》课件第2章.ppt
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《《图像处理及网页制作》课件第2章.ppt》由用户(momomo)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 图像处理及网页制作 图像 处理 网页 制作 课件
- 资源描述:
-
1、1 1第2章 Photoshop CS2基本操作2.1 打开、新建和还原图像打开、新建和还原图像2.2 保存图像文件保存图像文件2.3 选区与图像的选取选区与图像的选取2.4 图像的移动、复制与粘贴、变换、裁剪图像的移动、复制与粘贴、变换、裁剪本章小结本章小结2 2Photoshop CS2的基本操作包括打开、新建和还原图像文件,保存图像文件,运用不同的选取工具对图像进行选取,以及建立选区、变形选区等。3 3在对图像进行处理之前,首先要打开已存的图像文件或新建图像文件。Photoshop CS2提供了多种打开文件的方法和新建文件的方法,以及快速还原图像的操作方法。1.打开一个或多个图像文件(1
2、)执行“文件打开”命令,打开“打开”对话框(如图2-1所示),或双击Photoshop CS2界面中空白部分也可以打开“打开”对话框。2.1 打开、新建和还原图像打开、新建和还原图像4 4图2-1“打开”对话框5 5在“打开”对话框的“文件名”文本框中输入正确的文件名,或通过“查找范围”选择路径和文件,都可以打开已有的图像文件。当图像文件很多时,可在“文件类型”下拉列表中选择欲打开的文件类型,使满足条件的文件显示出来。若要快速打开多个图像文件,可在文件选择栏中用鼠标拖曳的方式同时选中多个文件后,单击“打开”按钮,则这些被选中的文件将按顺序依次在Photoshop CS2中打开。这种方式只用于打
3、开带有正确后缀名的图像文件,如以JPEG、BMP等为后缀的文件。6 6(2)执行“文件打开为”命令,打开“打开为”对话框,该方法主要用于打开没有带后缀名的文件,在不确定它是何种格式的图像文件时,可以假定它是某种格式的文件而试着按该格式打开它。7 72.新建图像文件执行“文件新建”命令,打开“新建”对话框,如图2-2所示。8 8图2-2 “新建”文件窗口9 9在“新建”对话框中,可以设定文件名称、图像的宽度和高度、图像的分辨率、颜色模式、背景内容等。其中:(1)“名称”:设置新建文件的名称。(2)“预设”:设置文件的大小。在其下拉列表中有各种既定的大小格式以供选择。例如,设置文件为信函大小,可选
4、择“Letter”;设置文件的宽高比为4比6,就选择“46”;也可根据屏幕大小分别选择640480、800600、1024768;如果想自己设置文件大小,可以选择“自定”选项;如果想创建与剪贴板上的文件一样大小的图像文件,可选择“剪贴板”。1010(3)“宽度”:设置页面的宽度,可从文本框后面的下拉列表中选择相应的单位。(4)“高度”:设置页面的高度,可从文本框后面的下拉列表中选择相应的单位。注意,宽度和高度必须选择相同的单位。(5)“分辨率”:设置文件所需要的分辨率,通常使用“像素/英寸”和“像素/厘米”作为单位。一般设为72 ppi(ppi表示每英寸上的像素数)。1111(6)“颜色模式”
5、:设置文件的色彩模式。Photoshop默认的颜色模式为RGB-8位和灰度-8位。(7)“背景内容”:设置文件的背景色,有“白色”(即背景颜色为白色)、“背景色”(即以工具箱上的背景色作为背景的颜色)和“透明”(即透明背景)三个选项,通常Photoshop默认的背景色为“白色”。一般讲Photoshop主要用于处理图像,因此较少用于建立新文件,仅在新创作一幅图像时用到。12123.恢复撤消操作和历史记录调板在处理图像的时候,经常会发现图像修改后的效果不如以前的好,希望恢复到修改前的状态。Photoshop可在关闭或保存图像前恢复到以前任何一步操作前的效果,这是利用“恢复/撤消”操作命令或历史记
6、录调板来实现的。1)恢复/撤消操作使用“编辑”菜单下的“还原状态更改”、“向前”、“返回”命令实现恢复/撤消操作,如图2-3所示。其中:(1)执行“编辑还原状态更改”命令或按Ctrl+Z键,还原到最后一步操作。1313(2)执行“编辑返回”命令或按Alt+Ctrl+Z键,返回上一步操作。(3)执行“编辑向前”命令或按Shift+Ctrl+Z键,返回下一步操作。1414图2-3 恢复/撤消操作15152)使用历史记录调板图像处理过程中的每一步操作都会被添加到“历史记录”调板中,利用“历史记录”调板,可以将某些已进行过的操作取消,使图像恢复到这些操作进行前的状态。可执行“窗口历史记录”命令(如图2
7、-4所示),打开“历史记录”调板,如图2-5所示。若要关闭“历史记录”调板,只需再次单击“窗口”菜单下的“历史记录”,使“历史记录”前的消失。1616图2-4 打开“历史记录”调板1717图2-5 “历史记录”调板1818“历史记录”调板由两部分组成,上半部分显示的是快照的内容,下半部分按先后顺序从上到下列出了编辑图像的所有操作步骤。“快照”实际上是图像某一状态的临时拷贝,由于受显示空间的限制,经过一段连续的操作,前面的操作有可能被后续操作所覆盖,因此,有必要在创建或应用某操作之前建立“快照”,用于迅速还原以前的操作。一旦建立新的快照,该快照就会被添加到“历史记录”调板上部的快照列表中。若选择
8、某一“快照”,即可从该“快照”图像状态重新开始工作。1919建立快照方法如下:(1)选择“历史记录”调板中的某一个状态。(2)单击“历史记录”调板右上角的小三角形,从弹出的调板菜单中选取“新快照”命令(如图2-6所示),打开“新快照”对话框,如图2-7所示。2020 图2-6“历史记录”调板菜单2121 图2-7 “新快照”对话框2222(3)在“新快照”对话框的“名称”文本框中输入新快照的名称,默认名为“快照1”、“快照2”等。(4)在“自”的下拉列表中选择快照内容,如“全文档”表示建立该状态下图像中所有图层的快照,“合并的图层”表示合并该状态下图像中所有图层并建立快照,“当前图层”表示只建
9、立该状态下当前图层的快照。(5)单击“好”,即建立了“快照1”,如图2-8所示。提示:可以建立多个快照。缺省状态下打开或新建文件时,系统会自动建立一个初始状态快照。2323图2-8 建立新快照后的“历史记录”调板2424选择快照的方法是:单击快照名称,使之以蓝底显示,此时图像窗口立刻显示该快照记录的图像状态。删除快照的方法是:选择快照,然后从调板菜单中选取“删除”(如图2-6所示);或者选择某快照,然后点按“删除当前记录”图标;或者将某快照拖移到“删除当前记录”图标。注意:(1)由于对控制面板、色彩设置、动作和预置的更改不是针对某个图像的,因而不会被添加到“历史记录”的操作步骤区中。2525(
10、2)默认情况下,“历史记录”调板会列出最近20步操作,以前的操作会被自动删除,以便为Photoshop释放更多内存空间。如果内存比较大,可以增加历史记录的步数,方法为单击“编辑”菜单下的“预置常规”命令,打开“预置”对话框,如图2-9所示,在其中的“历史记录状态”文本框中输入适当的值,单击“好”按钮。2626图2-9 “预置”对话框2727(3)关闭并重新打开文件后,上一工作阶段中的所有操作步骤和快照会从历史记录中清除。(4)默认情况下,文件初始状态快照显示在历史记录的顶部。(5)操作是从顶部向下添加的。也就是说,最早的操作位于操作步骤列表的顶部,最近的操作位于底部。(6)列出的每一个操作步骤
11、都带有更改图像时使用的工具或命令名。2828(7)默认情况下,选择一个操作会使它下面的操作变暗。如果从所选操作继续工作,就可以容易地看到哪些操作将被扔掉。(8)默认情况下,删除一个操作会删除该操作以及它之后的所有操作。(9)快照不随图像存储,关闭图像会清除所有快照,除非选择了“允许非线性历史记录”选项。选择快照并更改图像会删除历史记录调板当前列出的所有操作。2929下面举例说明“历史记录”调板的具体操作如下:(1)新建一新的图像文件。(2)执行“窗口历史记录”命令,打开“历史记录”调板。(3)执行以下操作:用矩形工具作一个矩形,用椭圆工具作一个椭圆形,新建一个图层,用多边形工具作一个五边形,单
12、击“历史记录”调板右侧的小三角形,打开“调板”菜单,选择“新快照”命令;用移动工具调整五边形的位置;创建三个新图层,分别添加各种装饰图案,如小鸟、蜗牛和草等。3030(4)在“历史记录”调板操作步骤区任一步操作上单击,即可恢复到该操作步骤以前的状态,如若单击第6步“移动”,可以恢复到仅创建了三个几何形状时的状态(如图2-10所示)。如若单击“快照1”,同样可恢复到创建“新快照”的三个几何形状时的状态。3131图2-10 恢复到“移动”命令后的图像3232Photoshop CS提供了常用的三种存储模式,它们分别为“存储”、“存储为”和“存储为Web所用格式”,如图2-11所示。2.2 保存图像
13、文件保存图像文件3333图2-11 存储模式34341.存储为一般当储存一个新文件或需要改变原文件的存储位置、格式、名称时,应该使用“存储为”命令,因为“存储为”命令可选择不同的存储位置、不同的存储格式和不同的文件名来存储图像。具体操作如下:(1)选择“文件”菜单下的“存储为”命令,打开“存储为”对话框,如图2-12所示。点击“保存在”右侧三角按钮,在下拉列表中选择存放该文件的位置。3535图2-12“存储为”对话框3636(2)在“文件名”文本框中键入文件名。文件名可以是中文、英文或数字,但不能是一些特殊符号。(3)在“格式”文本框中选取文件的存储格式。一般情况下,Photoshop默认的存
14、储格式为.PSD。(4)单击“保存”按钮或按回车键,完成保存操作。在“存储为”对话框的下部还有一些选项,其功能如下:“作为副本”:当选择此复选框时,会对原文件进行备份,但不会影响原文件,即以副本方式保存图像,同时用户仍然可以编辑原文件。3737“Alpha通道”:当文件中存在某通道时,可以选择是否保存该通道。“图层”:当文件中存在多个图层时,选择该复选框,文件将以合并后的单个图层形式进行保存。“ICC配置文件”:以sRGB IEC61966-2.1标准使图像在不同显示器中所显示的颜色一致。38382.存储对于已经保存过的文件,在编辑后进行再次存储时,可选择“存储”命令,用于存储对当前文件所做的
15、更改。在用Photoshop进行图像处理时,尽量养成随时保存文件的习惯,以防止突然死机或断电带来的文件丢失现象。39393.存储为Web所用格式如果图像用Photoshop加工处理后将直接应用于Web页,则可使用“存储为Web所用格式”命令,用该命令方式保存的图像文件可用IE浏览器直接打开。具体操作步骤如下:(1)选择“文件”菜单下的“存储为Web所用格式”命令,打开如图2-13所示对话框。4040图2-13“存储为Web所用格式”对话框4141(2)点击“存储”命令按钮,打开如图2-14所示“将优化结果存储为”对话框。(3)在“将优化结果存储为”对话框中,在“文件名”文本框中输入文件名。(4
16、)在“保存类型”文本框中选择“HTML和图像”文件格式。(5)单击“保存”按钮或按回车键,完成保存操作。4242其中,在“保存类型”下拉列表中各选项的功能如下:“HTML和图像”:生成将图片用作Web页所需的所有文件,这包括一个HTML文件和一个对应于图片中每个切片的图像文件。HTML文件包括文档中任何链接、图像映射和其他效果的代码。“仅限图像”:以指定的优化设置存储图片。如果图片包含多个切片,则每个切片将存储为一个单独的文件。“仅限HTML”:生成HTML文件但不存储任何图像文件。另外,“切片”下拉列表中各选项的功能如下:“所有切片”:存储图像中的所有切片。4343图2-14 “将优化结果存
17、储为”对话框4444“选中的切片”:只存储选中的切片。如果同时选取了“HTML和图像”选项则ImageReady或Photoshop将基于所选切片最外面的边界生成HTML代码,并根据需要生成自动切片以创建完整的HTML表。“所有用户切片”:只存储属于用户切片的切片。“存储为Web所用格式”命令是由挂接在Photoshop中的ImageReady提供支持的,在该对话框中提供了四种显示方法:原稿、优化、双联和四联,如图2-13所示。其中:原稿:保存当前图像。4545 优化:保存通过优化后的图像。所谓“优化”,就是根据“存储为Web所用格式”对话框右侧“预设”中的参数对图像进行调整以及对“颜色表”及
18、“图像大小”进行再调整。双联:显示当前图像和优化后图像的对比效果,选择其一进行保存。四联:显示当前图像和不同优化结果下的图像的对比效果,选择其一进行保存。4646在Photoshop对图像进行处理时,首先应对图像的全部或局部建立选区,然后才能根据需要执行相应的命令或操作。2.3 选区与图像的选取选区与图像的选取4747所谓选区,就是图像中需要进行处理的区域。选区是一个任何形状的封闭的区域,不存在开放的选区。选区一旦建立,大部分的操作就只对选区有效。如果要对全图操作,必须先取消选区。在Photoshop中可以根据对象的大小、形状或颜色,利用基本选取类工具来构造选区。在Photoshop图像窗口中
19、,选区是可移动的虚线所圈定的区域,如图2-15(a)所示。图2-15(b)所示是对选区进行了处理后的效果。利用选区对图形图像的特定部分进行操作的最大好处是:编辑和修改的结果只会对当前选区产生影响,其它没被选中的区域不会发生任何变化。4848 (a)(b)图2-15 “选区”和对“选区”进行处理4949图2-16 “选择”菜单505051512.3.1 全选、取消选择、重新选择、反选在Photoshop中,“全选”、“取消选择”、“重新选择”和“反选”命令是“选择”菜单中与选区有关的一组操作,如图2-16所示。(1)“全选”命令用来选取整个画布中的图像,因为Photoshop中的画布是矩形的,因
20、而全选命令构造出来的选区也是矩形的。在需要复制整个图像时,这是最快的选择方法。(2)“取消选择”命令用来取消刚才定义的选区。(3)“重新选择”命令用来重新选择被取消的选区。5252(4)“反选”命令的作用是选择当前选区以外的所有部分。在“选择”菜单各命令项右侧标有组合键,例如按Ctrl+A组合键可完成“全选”操作,按Ctrl+D组合键可完成“取消选择”操作,按Shift+Ctrl+D组合键可完成“重新选择”操作,按Shift+Ctrl+I组合键可完成“反选”操作。53532.3.2 有规则的形状选取工具5454图2-17 选框类工具55551.矩形和椭圆选框工具矩形选框工具和椭圆选框工具常用于
21、在被编辑的图像中(或从单独的层中)选择各种正方形、矩形区域和圆形、椭圆形区域。单击这两项工具时将调出各自对应的工具选项栏,如图2-18所示。5656图2-18 椭圆和矩形选框工具选项栏5757在矩形选框工具(或椭圆选框工具)选项栏中,从左至右各选项功能说明如下:表示当前使用的是矩形选框工具或椭圆选框工具。中各图标分别表示“新选区”、“添加到选区”、“从选区减去”和“与选区交叉”。这是选区工具的几种运算方式。所谓选区的运算,就是指选区的添加、减去、交集等操作。按住鼠标左键从左上角到右下角拖移,可产生一带虚线的“新选区”,如图2-19所示。5858 (a)(b)图2-19 “新选区”示意图5959
22、 若图像中已存在一个选区,再选择“添加到选区”按钮,在添加状态下,光标变为,拖动鼠标将添加一新选区,如图2-20(a)所示;如果新旧选区存在叠加的部分,则自动合成一个选区,如图2-20(b)所示。6060(a)(b)图2-20 “添加到选区”示意图6161 若图像中已存在一个选区,再选择“从选区减去”按钮,在减去状态下,光标变为,拖动鼠标将添加一新选区,如果新选区和原选区之间存在叠加的区域,则叠加的区域将从原选区中删除,如图2-21(a)、(b)所示;如果没有叠加的区域,则该操作无效,如图2-21(c)、(d)所示。6262 图2-21 “从选区减去”示意图6363 若图像中已经存在一个或多个
23、选区,再选择“与选区交叉”按钮并拖动鼠标(交叉选区也称为选区交集,光标为),这时,如果新选区和原选区之间存在叠加的区域,则将选择交集的区域,即新的选区与原选区相交区域成为最终的选区,如图2-22所示。6464 图2-22 “与选区交叉”示意图6565注意:以上4种选区运算对于所有的选取工具都是共用的,任何选取工具都具有这4种运算方式。而且可将不规则选取工具和规则选取工具结合起来使用,例如用套索工具减去魔棒工具创建的选区,也可以用矩形选框工具创建的选区加上用椭圆选框工具创建的选区。“羽化”项和“消除锯齿”项。“羽化”项可以设定选区边界的羽化宽度,设定的数值越大,羽化的范围越大,如图2-23所示。
24、“消除锯齿”项用于去除选区边界的锯齿状边缘。6666图2-23 不同“羽化”值下的效果图6767 为“样式”选项区。点击“样式”选项右侧向下箭头,有三种绘制选区类型,如图2-24所示。其中,“正常”项为标准的绘制选区,即鼠标在图像上拖动产生的方框范围将成为选区;“固定长宽比”项为强制按比例绘制选区,即可以按照自定义的宽度和高度的比例来建立选区;“固定大小”项为按固定尺寸绘制选区,即建立选区的尺寸由后面的“宽度”和“高度”值确定。6868图2-24 不同“样式”下的选区示意图6969在使用椭圆或矩形选框工具时,配合使用某些功能键,可取得一些特殊的效果。(1)使用椭圆选框工具时,按住Shift键在
25、图像中拖动鼠标,将得到一个圆形的选区,如图2-25(a)所示,相当于选择了“固定长宽比”样式,且将宽、高比设置为11。同理,使用矩形选框工具时按下Shift键并拖动鼠标将得到一个正方形的选区。7070 (a)按Shift键 (b)按Alt键 (c)按Shift+Alt键图2-25 椭圆选框工具加组合键配合使用后的效果7171(2)使用椭圆选框工具时,按住Alt键在图像中拖动鼠标,将以拖动的开始点为中心点作一个椭圆形选区,如图2-25(b)所示。同理,若用矩形选框工具+Alt键将以拖动的开始点作为中心点选择一个矩形选区。(3)使用椭圆选框工具时,按住Shift键和Alt键在图像中拖动鼠标,将以拖
展开阅读全文