《图形图像处理技术》 课件 张秀杰 项目1 图像处理基础知识的认知

项目1

图像处理基础知识的认知任务1.1学习图像的基础知识图形图像处理技术主要内容01学习图像的基础知识02文件格式03图像的颜色模式重点难点12341.能够认识并区分位图、矢量图。2.熟练创建、保存、关闭和打开图像文件3.培养学生自主学习、合作学习的能力。.4.培养学生专注、细致的工作态度及职业素养。知识目标素质目标教学目标技能目标能力目标任务情境

【任务场景】利用Photoshop处理图像，首先要掌握图像的基本知识，熟悉Photoshop的操作界面，熟悉菜单和工具的功能，熟练使用菜单和工具对图像进行编辑编辑。为后续课程的学习奠定基础。

【任务布置】学习图像的基本知识，能够区分位图图像和矢量图像，分别放大位图和矢量图；能够明确不同格式图像的特点；能够了解图像颜色模式的区别，并对给出的图像颜色模式进行调整；完成图像文件的新建、保存、关闭；调整图像的像素、分辨率和尺寸；调整画布的颜色和尺寸。。1.1.1位图与矢量图位图图像（bitmap），又称为点阵图像，是由许多单独的小方块组成的，这些小方块就是像素点。如图1-1所示。当放大位图时，可以看见构成整个图像的每一个方块显示一种颜色，也就是说，每个像素点都有特定的位置和颜色值，对位图图像编辑，就是对像素进行编辑。位图图像中包含的像素数目是一定的，如果在屏幕上以较大的尺寸显示图像，会将单个像素增大，导致图像失真，边缘出现锯齿并丢失图像细节。如图1-2所示。知识准备1.位图图1-1位图图像图1-2位图局部放大矢量图又称向量图，它是一种基于图形的几何特性来描述的图像。构成这些几何图形的元素是一些点、线、矩形等，这些图形元素又称为对象。构成图像的每一个对象都是独立的个体，都具有大小、颜色、形状、轮廓等特性。如图1-3所示。矢量图与分辨率无关，图形可以无限放大，不变色、不模糊，不会丢失细节。可以将它缩放到任意大小，其清晰度不变，也不会出现锯齿状的边缘。如图1-4所示。知识准备2.矢量图1.1.1位图与矢量图图1-3矢量图图像图1-4矢量图局部放大1.1.2文件格式知识准备PSD格式是Photoshop中新建文件时默认的文件存储格式，是Photoshop软件自身的专用文件格式，也是唯一可以存取所有Photoshop特有的文件信息以及所有彩色模式的格式。 1．PSD（*.psd）格式2．BMP（*.bmp）格式BMP（Bitmap）图像文件是一种DOS和Windows平台上常用的标准位图图像文件格式，它支持可用的颜色模式有RGB、索引色、灰度和位图模式，但不支持Alpha通道。1.1.2文件格式知识准备TIFF（TaggedImageFileFormat）图像文件是一种较为通用的位图文件格式,具有图形格式复杂、存贮信息多的特点。几乎所有的绘画、图像编辑和页面版式应用程序均支持这种文件格式。TIFF格式与PSD格式相似，支持使用Photoshop中的复杂工具，也能够保存通道、图层和路径信息。 3．TIFF格式（*.tif或*.tiff）1.1.2文件格式知识准备GIF格式是网页上的通用格式，几乎所有相关软件都支持它,公共领域有大量的软件在使用GIF图像文件。GIF格式只支持256种颜色，支持透明，不支持Alpha通道，不能用于存储真彩色的图像文件。在一个GIF文件中可以存多幅彩色图像，如果把这些图像数据逐幅显示到屏幕上，就可以产生简单的动画效果。4．GIF（*.gif）格式1.1.2文件格式知识准备JPEG文件是目前网络上最流行的图像格式，是一种高效的有损压缩图像格式。JPEG格式的图像通常用于图像预览和超文本文档中，因为进行高倍率的压缩，JPEG格式的文件尺寸较小，所以下载速度快，在注重文件大小的领域应用广泛，如网页制作过程中的图像和光盘读物。5．JPEG格式（“．jpg”或“．jpeg”）1.1.2文件格式知识准备PDF格式是一种便携式文档格式，是用于文件交换所发展出的文件格式，它能保留文件原有格式，是印刷行业的印前标准，能在印刷时保证精确的颜色和准确的打印效果。它能将文本、字型、格式、颜色和图形图像全部镶嵌在文档中，可以可靠地呈现和交换文档，是网络下载经常使用的件格式。6．PDF（*.pdf）格式1.1.2文件格式知识准备PNG格式是一种无压缩的网页格式。可以用于网络图像的传输，它结合GIF和JPEG格式的优点，不仅无损压缩、体积更小，它支持灰度、位图、索引色和RGB色彩模式，而且在RGB和灰度模式下还支持支持透明和Alpha通道。7．PNG（*.png）格式1.1.3图像的颜色模式知识准备RGB模式被称为真彩色是一种常用颜色模式，是Photoshop中默认使用的颜色。RGB图像由红(Red)、绿(Green)、蓝Blue)3个颜色通道组成，每颜色通道色各分为256阶亮度，取值范围是0~255。通过三个颜色通道的变化以及三种色光叠加形成多种不同颜色，表现出绚丽多彩的世界。1．RGB颜色模式1.1.3图像的颜色模式知识准备CMYK颜色模式下的图像是由青(CCyan))、洋红(MMagenta)、黄(YYellow)和黑(Black)4种颜色组成的，每种颜色的取值范围是0%-100%。是印刷时最常用的一种颜色模式。CMYK模式是减色色彩模式，它模拟的是颜料、油墨的调色原理，在Photoshop中，因为很多滤镜不支持这种模式的图像，所以多采用RGB模式进行图像编辑。2．CMYK颜色模式1.1.3图像的颜色模式知识准备HSB颜色模式是基于人对颜色的心理感受的一种颜色模式，种颜色模式比较符合人的视觉感受，让人觉得更加直观。HSB颜色模式有“色相(Hue)”、“饱和度(Saturation)”和“亮度(Brightness)”三个要素。为将自然颜色转换为计算机创建的色彩提供了一种直接方法。在进行图像色彩校正时,经常都会用到“色度/饱和度”命令。3．HSB颜色模式1.1.3图像的颜色模式知识准备Lab模式是Photoshop在不同颜色模式之间转换时使用的内部颜色模式。因为该色彩模式是独立于设备的色彩模式，通过它可以将各种颜色模式在不同系统或者平台之间进行转换，。Lab模式由3个通道组成：一个通道是“透明度”，用L表示；其他两个是色彩通道，即“色相”与“饱和度”，用a和b表示。Lab模式的图像是由RGB三原色转换而来的，是RGB模式转换为CMYK模式的桥梁，在转换的过程中，色彩不会被替换或丢失。4．Lab颜色模式1.1.3图像的颜色模式知识准备灰度模式(Grayscale)一般只用于灰色和黑白色图像中，图像只有灰度，没有其他颜色。灰度(Grayscale)模式只有“亮度”是惟一能够影响灰度图像的因素，没有“色相”与“饱和度“信息。灰度模式图像中的每一个像素用8位的数据表示，因此具有0-256个亮度级，能表示出256种不同浓度的色调，当灰度值为0时，生成的颜色是黑色；当灰度值为255时，生成的颜色是白色。灰度模式可以表现出丰富的色调，黑白图像表现得更完美但是也只能表现黑白图像。5．灰度颜色模式1.1.3图像的颜色模式知识准备索引模式是根据图像中的像素来统计颜色的，它将统计的颜色定义成一个“颜色表”(CLUT，ColorLook-upTable)，用以存放并索引图像中的颜色。利用Photoshop软件处理图像时，彩色图像转换为索引颜色的图像后包含近256种颜色，如果原图像中颜色不能用256色表现，程序将会选取现有颜色中最接近的一种，或使用现有这些颜色模拟产生颜色。6．索引颜色模式1.1.3图像的颜色模式知识准备位图模式的图像也叫做黑白图像，该模式用黑、白两种颜色值来表示图像中的像素，仅由黑和白两种颜色组成。位图模式的图像只包含黑、白两种像素，信息少，图像小，占用的磁盘存储空间也较小。Photoshop中，因为只有灰度颜色模式可以转换为位图颜色模式,所以当一幅彩色图像要转换成黑白模式时，必须先将图像转换为灰度颜色模式然后再转换为位图模式的图像。7．位图颜色模式1.1.3图像的颜色模式知识准备双色调颜色模式是用一种灰色油墨或彩色油墨来渲染一个灰度图像。双色调模式图像是通过1~4种自定义油墨创建单色调、双色调（2种颜色）、三色调（3种颜色）和四色调4种颜色）的灰色图像。该模式最多可向灰度图像添加4种颜色，所以将图像由灰度模式转换为双色调模式时,可以对色调进行编辑,使用少量颜色表现多层次颜色。8．双色调颜色模式本节内容总结1．学习图像的基础知识2.文件格式3.图像的颜色模式谢谢！项目1

图像处理基础知识的认知任务1.2认识Photoshop界面图形图像处理技术主要内容01Photoshop的操作界面02“文件”菜单的基本操作03“编辑”菜单的首选项设置重点难点12341.能够掌握文件菜单命令。2.熟练对编辑菜单的首选项进行设置。3.培养学生自主学习，合作学习的能力.4.培养学生专注、细致的工作态度及职业素养。知识目标素质目标教学目标技能目标能力目标任务情境

【任务场景】利用Photoshop处理图像，首先要掌握图像处理的基本概念，熟悉Photoshop操作届面，熟悉菜单的使用，熟练运用操作工具。能够运用。

【任务布置】学习图像的基本知识，能够新建、打开、保存、关闭图像文件。能对新建图像文件的像素、分辨率和尺寸进行调整。1.2.1Photoshop的操作界面启动中文版Photoshop应用程序，进入软件操作界面，如图1-5所示。

知识准备1．菜单栏标题栏工具箱浮动控制面板状态栏菜单栏属性栏编辑区图1-5Photoshop工作界面1.2.1Photoshop的操作界面Photoshop菜单栏在界面最上方，包含【文件】、【编辑】、【图像】、【图层】、【文字】、【选择】、【滤镜】、【3D】、【视图】、【窗口】、【帮助】共11个菜单。如图1-6所示。知识准备1．菜单栏图1-6Photoshop菜单栏1.2.1Photoshop的操作界面将菜单打开后可以看到菜单命令，如果命令选项是灰色的，表示这些选项未被激活，无法操作；有些命令后会标注出组合键；如果命令选项后有三角形箭头，表示在该命令下有隐藏选项，鼠标划过这样的选项，会显示出子菜单。如图1-7所示。知识准备1．菜单栏图1-7图像菜单列表及子菜单1.2.1Photoshop的操作界面Photoshop的工具箱提供了约65种常用工具，包含了所有用于创建和编辑图像的工具。工具箱位于工作界面的左侧，单击工具箱顶部的双箭头可以切换为单列显示或双列显示，将光标停留在工具图标上，即可显示该工具的名称和快捷键。在工具箱内功能相似的工具被整理后，集中在一起形成工具组，右下角有三角图标的工具，表示是一个工具组。知识准备2．工具箱1.2.1Photoshop的操作界面在工具按钮单击右键，然后可选择显示的工具。工具箱内主要包括选择工具、裁剪和切片工具、注释和测量工具、修复工具、绘画工具、绘图和文字工具、颜色设置工具和显示控制工具等。如图1-8所示。知识准备2．工具箱图1-8工具箱1.2.1Photoshop的操作界面属性栏是用来设置工具选项的，在操作过程中，选择工具箱中不同的工具，属性栏中显示的内容和参数会随所选工具的变化而变化，可以在特定的文本框中选择选项，对参数进行调整，然后使用该工具对图像进行编辑和修改。当然也可以使用系统默认的参数对图像进行编辑和修改。例如，选取工具箱中的“仿制工具”，工具属性栏如图1-9所示。知识准备3．属性栏图1-9仿制工具的属性栏1.2.1Photoshop的操作界面面板默认以选项卡的形式成组出现，在【窗口】菜单中可以选择需要的面板将其打开或关闭。在面板的右上角，有“缩放按钮”，点击按钮可以根据需要将面板展开、折叠或自由组合。如图1-10所示。点击面板右上方的“选择工作区”箭头，可以根据编辑目的选择“基本功能”或“3D”等其他功能，面板模块将呈现不同参数面板的组合形式。使用“复位基本功能”可以将面板恢复到默认的初始状态，使用“新建工作区”将自己定义的面板进行存储。如图1-11所示。知识准备4．浮动控制面板图1-10面板的缩放按钮图1-11面板的“新建工作区”按钮1.2.1Photoshop的操作界面在Photoshop中，同时打开多个图像或新建多个文档时，文档标题会以选项卡形式显示在标题栏，如图1-12所示。按住鼠标左键拖曳，可以将使窗口变为浮动窗口，也可以将浮动窗口重新放置到选项卡中，窗口的大小可以调整。如图1-13所示。知识准备5．编辑区和标题栏图1-12打开的多个窗口图1-13悬浮窗口1.2.1Photoshop的操作界面状态栏位于文档底部，它可以显示文档的缩放比例、文档大小，当前使用的工具等信息。在文档信息区域按住鼠标右键，可以显示文档的宽度、高度、通道等信息。如图1-14所示。知识准备6．状态栏图1-14“状态栏”信息1.2.2“文件”菜单的基本操作打开Photoshop软件，单击【文件】菜单，在弹出的下拉菜单中可以看到其中包含的操作命令列表，如【新建】、【打开】、【关闭】、【关闭全部】、【存储】、【存储为】等。在打开的下拉菜单中，有些命令呈灰色显示，表示该命令未被激活，当前不能使用。如图1-15所示。知识准备图1-15“文件”菜单列表1.2.2“文件”菜单的基本操作选择【文件】【新建】命令或者按快捷键【Ctrl】+【N】，可以打开“新建文档”对话框。如图1-16所示。知识准备图1-16“新建文档”对话框1．新建命令1.2.2“文件”菜单的基本操作选择【文件】【打开】命令或者按快捷键【Ctrl】+【O】，可以弹出“打开”对话框。在对话框中选择需要打开的文件路径，选择需要打开的一个或多个文件，单击对话框中的“打开”按钮打开图像。打开的文档窗口以选项卡方式显示。如图1-17所示。知识准备图1-17“打开”对话框2．打开命令1.2.2“文件”菜单的基本操作如果是新建文件的第一次保存，直接选择【文件】【存储】命令或者按快捷键【Ctrl】+【S】，弹出“另存为”对话框，在选择存储位置后，输入“文件名”，选择文件的“保存类型”，在对话框下方的“存储选项”中选择需要保存的相应选项，单击“保存”按钮即可。如图1-18所示。知识准备图1-18“另存为”对话框3．保存命令1.2.2“文件”菜单的基本操作【文件】【关闭】命令、按快捷键【Ctrl】+【W】或者单击图像文件标题栏上的关闭按钮“×"，执行都可以关闭文件。如果当前文件没有保存，关闭文件前将会询问是否保存文件。如果需要同时关闭多个文件，执行【文件】【关闭全部】命令或者按快捷键【Alt】+【Ctrl】+【W】，同时关闭所有已打开的图像文件。知识准备4．关闭命令1.2.2“文件”菜单的基本操作若屏幕上打开的多个图像窗口，以文档选项卡方式显示时，可以使用重新排列窗口；也可以将活窗口设置为浮动窗口，使图像显示更为直观，便于多个窗口同时编辑。（2）执行【窗口】→【排列】→【层叠】或者【平铺】命令，也可以重新布置图像窗口。如图1-19所示。知识准备图1-19平铺窗口5．排列窗口1.2.3“编辑”菜单的首选项设置为了方便Photoshop更好的运行，我们可以对Photoshop的常规设置、界面、暂存盘、单位与标尺等，进行适当的调整和更改，这些基本设置可以在首选项中完成。掌握了首选项使用方法，有利于解决Photoshop的一些基础问题。知识准备1.2.3“编辑”菜单的首选项设置对常规选项进行设置。执行【编辑】菜单选中【首选项】命令或按【Ctrl】+【K】组合键,打开“首选项”对话框。可设置的选项在“首选项”对话框的左侧显示，根据需要设置调整选项，其他选项默认。设置完成以后，Photoshop每次启动都会按照这个设置来运行。如图1-20所示。知识准备图1-20“编辑”菜单在“首选项”对话框左侧单击“界面”选项，切换到“界面”面板。在此界面可以设置窗口的外观，包括颜色方案、高光颜色等。如图1-21所示。知识准备图1-21“界面”面板1．界面1.2.3“编辑”菜单的首选项设置在“首选项”对话框左侧单击“暂存盘”选项，切换到“暂存盘”面板。在此界面可以设置文件的存储位置。如图1-22所示。图形文件建议放在容量较大的硬盘，最好不要占用C盘空间。如图1-22所示。知识准备图1-22“暂存盘”面板2．暂存盘1.2.3“编辑”菜单的首选项设置在“首选项”对话框左侧单击“单位与标尺”选项，切换到“单位与标尺”面板。在此界面可以对标尺参数进行设置，包括标尺的度量单位、预设分辨率等。如图1-23所示。知识准备图1-23“单位与标尺”面板3．单位与标尺1.2.3“编辑”菜单的首选项设置在“首选项”对话框左侧单击“参考线、网格和切片”选项，切换到“参考线、网格和切片”板。在此界面可以设置画布、画板的参考线；设置切片的线条颜色；网格颜色及网格线间隔。如图1-24所示。参考线和网格都是在整个图像上但不会被打印的直线。知识准备4．参考线、网格和切片1.2.3“编辑”菜单的首选项设置图1-24“参考线、网格和切片”面板参考线可以使编辑图像的位置更精确。“新建参考线”对话框。如图1-25所示。网格与参考线功能相同，也是常用的辅助定位工具，可以使图像处理得更精准。如图1-26所示。知识准备1.2.3“编辑”菜单的首选项设置4．参考线、网格和切片图1-25“新建参考线”对话框图1-26网格本节内容总结1．Photoshop的操作界面2.“文件”菜单的基本操作3.“编辑”菜单的首选项设置谢谢！项目1

图像处理基础知识的认知任务1.3调整图像和画布图形图像处理技术主要内容01调整图像02调整画布03Photoshop的常用工具04纠正操作重点难点12341.能够掌握常用的菜单命令。2.熟练调整画布的尺寸、画布颜色；熟练运用常用工具。3.培养学生自主学习，合作学习的能力。4.培养学生专注、细致的工作态度及职业素养。知识目标素质目标教学目标技能目标能力目标任务情境

【任务场景】利用Photoshop2020处理图像，首先要掌握图像的基本知识，熟悉Photoshop2020的操作界面，熟悉菜单和工具的功能，熟练使用菜单和工具对图像。为后续课程的学习奠定基础。

【任务布置】学习图像的基本知识，能够区分位图图像和矢量图像；能够明确不同格式图像的特点；能够了解图像颜色模式的区别。并对给出的图像颜色模式进行调整；分别放大位图和矢量图。1.3.1调整图像在Photoshop软件中，执行【图像】【调整】【图像大小】命令，可以根据需要对图像的像素、分辨率和尺寸进行调整。如图1-27所示。知识准备图1-27“图像大小”对话框1.3.1调整图像像素，意思就是“构成图像的元素”。像素是整个图像中最小的，不可分割的单位或元素。它是由单一颜色的小方格组成的，每一个方格就是一个像素。每一个点阵图像包含了一定量的像素，这些像素决定图像在屏幕上所呈现的状态，图像包含的像素越多，图片品质就越好。像素作为图像的一种尺寸，只存在于电脑中，是一种虚拟的单位。知识准备1.像素1.3.1调整图像图像分辨率指每英寸图像内有多少个像素点，分辨率的单位为PPI(PixelsPerInch)，通常叫做“像素/英寸”。图像分辨率一般被用于Photoshop中，用来改变图像的清晰度。分辨率决定了位图图像细节的精细程度。通常情况下，图像的分辨率越高，所包含的像素就越多，图像就越清晰、越逼真存储。文件时占用的空间越大。做大幅的喷绘时，对图片分辨率要求较高，就是为了保证每英寸的画面上拥有更多的像素点。知识准备2.分辨率1.3.1调整图像图像尺寸的长度与宽度是以像素或厘米为单位的。在改变图像尺寸时，如果图像的像素总量不变，提高图像的分辨率可使图像的打印尺寸减小，如果增大打印尺寸，可导致分辨率下降；如果图像的像素总量发生变化，在增大打印尺寸的同时，可保持图像分辨率不变。知识准备3.图像尺寸1.3.2调整画布画布是整个文档的工作区域，即图像的显示区域。画布尺寸的大小可以根据需要来增加、减少或者旋转。“画布大小”对话框如图1-28所示。知识准备1.调整画布大小图1-28“画布大小”对话框1.3.2调整画布画布颜色与Photoshop界面颜色一致，选