项目1 了解图像的基础知识 任务2（课件）-《图形图像处理—Photoshop CC》（高教版第4版）同步精品课堂

项目1 任务2 了解图像的基础知识 第四版 《图形图像处理——Photoshop CC 》 一 教学目标 知识目标 （1）掌握矢量图和位图的特点及应用场景 （2）熟悉图像属性（包括分辨率、颜色位深度和颜色模式）对图像质量和处理的影响 （3）能够理解和比较不同图像文件格式的特点和应用范围 二 教学重难点 （1）矢量图与位图的区别及其适用场景 （2）图像分辨率、颜色位深度和颜色模式对图像质量和处理的影响 （3）图像文件格式的特点和应用 教学重点 （1）矢量图与位图在图像质量和处理上的差异 （2）颜色模式的理解及其在实际应用中的转换 教学难点 w 三 新课导入 请指出左边图片是矢量图还是位图？ 思考： 什么是矢量图？什么是位图？两者的区别是什么？ 四 新知讲授 一、图形图像种类 计算机处理的图形图像有两种，分别是矢量图和位图。通常把矢量图叫做图形，把位图叫做图像。 图1-70 “曲线”面板 四 新知讲授 矢量图的基本元素是图元，也就是图形指令。它在形成图形时，是通过专门的软件将图形指令转换成可在屏幕上显示的各种几何图形和颜色。 矢量图根据几何特性来绘制图形，所以，矢量图通常由绘图软件生成。 （1）矢量图 图1-70 “曲线”面板 四 新知讲授 矢量图的元素都是通过数学公式计算获得的，所以矢量图文件所占存储空间一般较小，而且在进行缩放或旋转时，不会发生失真现象。 缺点是能够表现的色彩比较单调，不能像照片那样表达色彩丰富、细致逼真的画面。矢量图通常用来表现线条化明显、具有大面积色块的图案。 （1）矢量图 放大 图1-70 “曲线”面板 四 新知讲授 （1）矢量图 Adobe公司的Illustrator、Corel公司的CorelDRAW是常用的矢量图设计软件，Flash制作的动画也是矢量动画。常用的矢量图格式有AI（Illustrator源文件格式）、DXF（AutoCAD图形交换格式）、WMF（Windows图元文件格式）、SWF（Flash文件格式）等。 图1-70 “曲线”面板 四 新知讲授 （2）位图 位图也叫点阵图，它的基本元素是像素。如果把位图放大到一定程度，就会发现整个画面是由排成行列的一个个小方格组成的，这些小方格就被称为像素。位图文件中记录的是每个像素的色度、亮度和位置等信息，因此对于一幅图像来说，在单位面积内，像素点越多，图像越清晰，同时占用的存储空间也越大。其优点是可以表达色彩丰富、细致逼真的画面；缺点是位图文件占用存储空间比较大，而且在放大输出时会发生失真现象。 放大 图1-70 “曲线”面板 四 新知讲授 （2）位图 常用的位图格式有BMP、JPG、PSD、GIF、TIFF、PDF等。 图1-70 “曲线”面板 四 新知讲授 二、图像属性 （1）分辨率 分辨率通常分为显示分辨率、图像分辨率和输出分辨率等。 图1-70 “曲线”面板 四 新知讲授 二、图像属性 （1）分辨率 显示分辨率 显示分辨率是指显示器屏幕上能够显示的像素个数，通常用显示器长和宽方向上能够显示的像素个数的乘积来表示。如显示器的分辨率为1600×900，则表示该显示器在水平方向可以显示1600个像素，在垂直方向可以显示900个像素，共可显示1440000个像素。显示器的显示分辨率越高，显示的图像越清晰。 图1-70 “曲线”面板 四 新知讲授 二、图像属性 （1）分辨率 图像分辨率 图像分辨率是指图像中存储的信息量。图像分辨率有多种衡量方法，通常用图像在长和宽方向上所能容纳的像素个数的乘积来表示，如1280×960；在某些情况下，它也可以用“每英寸的像素数”（ppi，pixel per inch）来衡量。图像分辨率既反映了图像的精细程度，又表示了图像的大小。在显示分辨率一定的情况下，图像分辨率越高，图像越清晰，同时图像也越大。 图1-70 “曲线”面板 四 新知讲授 二、图像属性 （1）分辨率 输出分辨率 输出分辨率是指输出设备（主要指打印机）在每个单位长度内所能输出的点数，通常用dpi（dot per inch，每英寸的点数）来表示。输出分辨率越高，则输出的图像质量就越好。目前一般激光打印机和喷墨打印机的分辨率都在600dpi以上。若打印文本，600dpi已经达到相当出色的线条质量，若打印黑白照片最好用分辨率在1200dpi以上的喷墨打印机，打印彩色照片则分辨率最好是4800dpi或更高。 图1-70 “曲线”面板 四 新知讲授 二、图像属性 （2）颜色位深度 在图像中，各像素的颜色信息是用二进制位数来描述的。颜色位深度就是指存储每个像素所用的二进制位数。颜色位深度确定彩色图像的每个像素可能有的颜色数,或者确定灰度图像的每个像素可能有的灰度级数。如果图像的颜色位深度用a来表示的话，那么该图像能够支持的颜色数（或灰度级数）为2a。图像的颜色位深度通常有1位、4位、8位、16位、24位之分。在1位图像中，每个像素的颜色只能是黑或白；若颜色位深度为24位，则支持的颜色数目达1677万种，通常称为真彩色。 图1-70 “曲线”面板 四 新知讲授 二、图像属性 （3）颜色模式 颜色模式是指在显示器屏幕上和打印页面上重现图像色彩的模式。对于数字图像来说，颜色模式是个很重要的概念，它不但会影响图像中能够显示的颜色数目，还会影响图像的通道数和文件的大小。 图1-70 “曲线”面板 四 新知讲授 二、图像属性 （3）颜色模式 RGB模式 RGB模式是Photoshop中最常用的设计模式，也是Photoshop图像的默认模式。RGB模式用红（R）、绿（G）、蓝（B）三原色来混合产生各种颜色，该模式的图像中每个像素R、G、B的颜色值均在0—255之间，各用8位二进制数来描述，因此每个像素的颜色信息是由24位颜色位深度来描述的，即所谓的真彩色。就编辑图像而言，RGB是最佳的颜色模式，但并不是最佳的打印模式，因为其定义的许多颜色超出了打印范围。采用RGB模式的图像有三个颜色通道，分别用于存放红、绿、蓝三种颜色数据。 图1-70 “曲线”面板 四 新知讲授 二、图像属性 （3）颜色模式 CMYK模式 CMYK模式是针对印刷而设计的模式，是一种基于青（C）、洋红（M）、黄（Y）和黑（K）四色印刷的印刷模式。CMYK模式是通过油墨反射光来产生色彩的，该模式定义的色彩数比RGB模式少得多，所以若图像由RGB模式直接转换为CMYK模式必将损失一部分颜色。采用CMYK模式的图像有四个颜色通道，分别用于存放青色、洋红、黄色和黑色4种颜色数据。 图1-70 “曲线”面板 四 新知讲授 二、图像属性 （3）颜色模式 Lab模式 Lab模式是Photoshop内部的颜色模式，是目前色彩范围最广的一种颜色模式。Lab模式由三个通道组成，其中，L通道是亮度通道，a和b通道是颜色通道。Lab模式弥补了RGB模式和CMYK模式的不足，在进行色彩模式转换时，Lab模式转换为CMYK模式不会出现颜色丢失现象，因此，在Photoshop中常利用Lab模式作为RGB模式转CMYK模式的中间过渡模式。 图1-70 “曲线”面板 四 新知讲授 二、图像属性 在Photoshop中，不同颜色模式的图像在通道面板中呈现不同的通道内容。 图1-70 “曲线”面板 四 新知讲授 二、图像属性 除上述三种最基本的颜色模式外，Photoshop还支持位图模式、灰度模式、双色调模式、索引颜色模式和多通道模式等。 图1-70 “曲线”面板 四 新知讲授 二、图像属性 （4）图像文件的格式 图形图像的存储格式有很多种，每种格式都有不同的特点和应用范围，可根据不同的需求将图形图像保存为不同的格式。下面列举目前常见的几种文件格式。 BMP格式 BMP格式是Windows系统下的标准图像格式。这种格式不采用压缩技术，所以占用磁盘空间较大。 图1-70 “曲线”面板 四 新知讲授 二、图像属性 JPEG格式 JPEG格式是采用JPEG（Joint Photographic Experts Group，联合图像专家组）压缩标准进行压缩的图像文件格式，可以选用不同的压缩比，为一种有损压缩。由于它的压缩比可以很大，文件较小，所以是因特网上最常用的图像文件格式之一。 图1-70 “曲线”面板 四 新知讲授 二、图像属性 （4）图像文件的格式 PSD格式 PSD格式是Photoshop的专用格式。这种格式可以将Photoshop的图层、通道、参考线、蒙版和颜色模式等信息都保存起来，以便于图像的修改，它是一种支持所有图像颜色模式的文件格式。 图1-70 “曲线”面板 四 新知讲授 二、图像属性 （4）图像文件的格式 GIF格式 GIF（Graphics Interchange Format，即图形交换格式）格式是一种采用LZW压缩的8位图像文件格式。该格式的文件可以同时存储若干幅静止图像进而形成连续的动画，可指定透明区域，文件较小，适合网络传输。LZW是一种无损压缩技术，该技术在压缩包含大面积单色区域的图像时最有效。 图1-70 “曲线”面板 四 新知讲授 二、图像属性 （4）图像文件的格式 TIFF格式 TIFF（Tagged Image File Format，标记图像文件格式）格式被许多图形图像软件所支持，是一种灵活的位图图像格式。TIFF格式支持具有Alpha通道的CMYK、RGB、Lab等多种颜色模式。Photoshop在该格式中能存储图层信息，但在其他应用程序中打开该类文件只会看到拼合后的图像。TIFF格式常用于在不同应用程序和不同操作系统之间交换文件。 图1-70 “曲线”面板 四 新知讲授 二、图像属性 （4）图像文件的格式 PNG格式 PNG (Portable Network Graphic Format，流式网络图形格式)格式是一种位图文件存储格式，它采用从LZ77派生的无损数据压缩算法。用PNG格式来存储灰度图像时，灰度图像的深度可多到16位，存储彩色图像时，彩色图像的深度可多到48位，并且还可存储多到16位的α通道数据。PNG格式具有高保真性、透明性、文件较小等特性，被广泛应用于网页设计、平面设计中。 图1-70 “曲线”面板 四 新知讲授 二、图像属性 （4）图像文件的格式 PDF格式 PDF（Portable Document Format，可移植文件格式）格式与软、硬件和操作系统无关，是一种跨平台的文件格式，便于交换文件与浏览，它支持RGB、CMYK、Lab等多种颜色模式。 五 师生互动 在Photoshop CC中如何查找“春日”PSD素材的图像分辨率呢? 互动讨论 分享操作经验 并点评和指导 六 课堂小节 本节课学习了图形图像的基本知识，包括矢量图和位图的特点及应用场景，图像属性对图像质量和处理的影响。 通过对本节课的学习，能够理解图形图像的基本知识，为以后更深入的学习和实际应用打下基础。 七 布置作业 【答案】B 【解析】矢量图的基本元素是图元，也就是图形指令。 1．矢量图的基本元素是（ ） A．像素 B．图元 C． 颜色 D．分辨率 七 布置作业 【答案】C 【解析】位图的基本元素是像素，由排列成行列的小方格组成。 2．位图的基本元素是（ ） A. 颜色 B. 分辨率 C. 像素 D. 文件格式 七 布置作业 【答案】B 【解析】CMYK模式是针对印刷而设计的模式，适合印刷应用。 3．在Photoshop中，以下哪种颜色模式用于印刷？ （ ） A．RGB模式 B． CMYK模式 C． Lab模式 D．灰度模式 七 布置作业 【答案】B 【解析】JPEG格式适合网络传输，因为它有较大的压缩比。 4．下列哪种格式是用于网络传输的？（ ） A. BMP格式 B. JPEG格式 C. PSD格式 D. TIFF格式 七 布置作业 【答案】B 【解析】图像分辨率是指图像中存储的信息量。 5．在Photoshop中，图像分辨率是指（ ） A. 显示器屏幕上能够显示的像素个数 B. 图像中存储的信息量 C. 输出设备每个单位长度内所能输出的点数 D. 图像的长和宽方向上所能容纳的像素个数的乘积 感谢观看 $$