《中文版Photoshop CS5案例与实训教程 教学课件 ppt 作者 李敏 第1章 计算机图像处理基础》由会员分享，可在线阅读，更多相关《中文版Photoshop CS5案例与实训教程 教学课件 ppt 作者 李敏 第1章 计算机图像处理基础（60页珍藏版）》请在金锄头文库上搜索。
1、第1章 计算机图像处理基础,本章主要内容:,位图与矢量图 像素和分辨率 色彩搭配原理 图像模式 图像文件格式,1.1学习任务：图像处理相关概念,计算机图像处理是指设计者借助多媒体计算机对图像进行修饰、美化的过程。计算机图像处理被广泛应用于摄影摄像、广告设计、网页设计、出版装潢等诸多领域。,1.1学习任务：图像处理相关概念,1.1.1 矢量图 矢量图也称为面向对象绘图，是用数学方式描述的曲线或曲线围成的色块组成的图像。矢量图中的图形元素称为对象，在计算机内部表示成一系列的数值而不是像素点，这些值决定了该对象如何显示在屏幕上。每个对象都是独立的，并具有各自的形状、位置、颜色、大小等属性。矢量图与分
2、辨率无关，所以不管图形大小与分辨率如何变化，都不会影响到图形的清晰度，如图1-1所示。 矢量图形适用于标志设计、图案设计、版式设计、文字设计等。常用的绘制矢量图形的软件有CorelDraw、Illustrator、Freehand等。,1.1学习任务：图像处理相关概念,1.1.2 位图 位图又叫点阵图，是由许多不同色彩的像素组成的图像。一个像素点是图像中最小的元素，每个像素点都有自己的位置和颜色，因此位图图像也被称为像素图像。位图图像的优点是色彩丰富，可以更逼真地表现自然界的景物，缺点是文件占用存储容量较大，且放大后不够清晰。对于一幅位图图像而言，它的分辨率是固定的，当放大位图时，像素点的颗粒
3、变大，点与点之间的过渡变得不平滑，边沿出现锯齿，但这样更便于对图像进行精确编辑，如图1-2所示。 位图适用于数字摄影后期处理等需要丰富的色彩表现的场合。基于位图的图像处理软件有Photoshop、Painter等。,1.1学习任务：图像处理相关概念,图1-1 矢量图 图1-2 位图,1.1学习任务：图像处理相关概念,1.1.3 分辩率 分辨率是指图像单位长度内显示的像素数，通常用像素/英寸（pixel/inch，简写为ppi）表示。图像由像素组成，像素是表示图像信息的最小单元，每个像素都具有特定的位置和颜色值。因此，图像的分辨率越高，单位长度的像素数越多，图像也就越清晰，文件占用的存储空间也就
4、相对较大。对于位图来说，图像的质量取决于图像分辩率高低。根据分辨率适用范围不同，可以分为位分辨率、显示器分辩率、图像分辨率、打印分辩率等。,1.1学习任务：图像处理相关概念,1位分辨率 位分辨率又叫位深，用来衡量每个象素存储的信息位元数，该分辨率决定图像的每个象素中存放的颜色信息量。例如一个24位的RGB图像，表示该图像的RGB三原色各用了8位(bit)，三者共用了24位。而在RGB图像中，每个象素都要记录R、G、B三原色的信息，所以，每个象素所存储的位元数是24位。,1.1学习任务：图像处理相关概念,2显示器分辨率 显示器屏幕分辨率是指沿着屏幕的长和宽排列的象素数。由于显示器的显示特性，它有
5、所谓的原始分辨率，它的最佳分辨率就是其原始分辨率。当然也可以在显示屏上采用低于原始分辨率的其他的显示设置。同时也可以采用一些特殊的算法让显示器显示更高的分辨率。不过后二者的分辨率显示效果比采用最佳分辨率要差。 更高的分辨率可以显示更多的图像细节和提供更大的可视范围。不过过大的分辨率也有缺点，比如字体可能会由于变的过小而难以阅读。 通常，显示器分辨率和显示器本身的物理特性有关。对于17寸LCD显示器，默认分辨率是1024768像素，对于14寸宽屏LED显示器，默认分辨率是1280800像素。,1.1学习任务：图像处理相关概念,3图像分辨率 图像分辨率是指单位长度上的像素数，通常用ppi表示。位图
6、图像的质量与分辩率有关，相同尺寸的位图，其分辩率越大，单位面积上像素点的数目越多，图像质量越高。比如，72ppi分辩率的1英寸1英寸图像共包含72像素72像素=5184像素。同样1英寸1英寸、分辩率为300ppi的图像则包含90000像素。其中“72像素宽”表示屏幕上水平方向显示的像素数，“72像素高”表示垂直方向的像素数。,1.1学习任务：图像处理相关概念,4打印分辨率 打印分辨率又称输出分辨率，是指在打印输出时横向和纵向两个方向上每英寸最多能够打印的点数，通常以dpi（点/英寸）表示。一般来讲，PC显示器的设备分辨率在60120dpi之间，而打印机的设备分辨率则在180720dpi之间，数
7、值越高，效果越好。 Photoshop 支持的图像最大像素大小为 300,000 x 300,000像素。,1.1学习任务：图像处理相关概念,1.1.4 图像的尺寸 在前面我们提到像素的概念，但是要明白一点：像素作为图像尺寸的一种度量方式，只是相对信息技术领域而言，例如RGB色彩模式。像素是一种虚拟的单位，在现实生活中是没有像素这个单位的。例如，描述一个人的身高，通常会说他1.82米，或者182厘米等，而不是多少像素高。 这时就有一个问题出现，比如那个身高1.82米的人，在电脑中是多少像素呢？ 在图像处理领域，图像的大小通常用像素来表示的，为了便于设计者理解，同样存在以厘米、英寸等传统长度单位
8、计量图像大小的方式，以便于图像的输出打印。图像的尺寸分为像素尺寸和打印尺寸两种。,1.1学习任务：图像处理相关概念,1像素尺寸 图像的像素尺寸是图像的固有属性，也称为图像的显示大小或显示尺寸，等同于图像的像素值。当鼠标悬停在电脑存储介质的一幅图像上时，会显示该图像的尺寸大小，如图1-3所示。右击该图像，在弹出的对话框中选择“属性”，切换到“摘要”选项卡，可以查看图像的属性及其值，如图1-4所示。 可以看出，该图像的尺寸是宽度390像素、高度200像素，也就意味着该图像共有390200=78000个像素构成。无论对图像进行放大还是缩小，图像的像素数是不会改变的。,1.1学习任务：图像处理相关概念
9、,图1-3 查看图像尺寸 图1-4 图像摘要,1.1学习任务：图像处理相关概念,2打印尺寸 当我们想把一幅图像在一张A4纸张上打印输出时，必须考虑图像的像素尺寸和打印尺寸之间的关系。一幅图像的传统尺寸如何获得呢？传统尺寸和像素尺寸之间的关系又是如何呢？ 这个问题的解决必须借助与专业的图像处理软件，如Adobe Photoshop CS5。在Photoshop中打开图像文件，如图1-5所示。单击“图像图像大小”菜单命令，弹出“图像大小”对话框，如图1-6所示。可以看出，“图像大小”对话框以更专业的角度界定了图像“01.jpg”的像素大小和文档大小。 在Photoshop中，像素大小指图像的“像素
10、尺寸”，文档大小指图像的“打印尺寸”。由图1-6可见，图像的像素尺寸依然是390像素200像素；而图像的文档大小则是13.76厘米7.06厘米。,1.1学习任务：图像处理相关概念,图1-5 在Photoshop中打开图像 图1-6 “图像大小”对话框,1.1学习任务：图像处理相关概念,展开“像素大小”内的下拉菜单，可以看到像素尺寸的计量单位是百分比和像素，如图1-7所示；展开“文档大小”内的下拉菜单，可以看到打印尺寸的计量单位是百分比和英寸等，如图1-8所示。,图1-7 像素尺寸计量单位 图1-8 打印尺寸计量单位,1.1学习任务：图像处理相关概念,“百分比”是指该图像相对于原图像的缩放百分比
11、，该计量方式适用于两种图像尺寸。除了“百分比”，在像素尺寸中，计量单位只有像素，又称为相对单位；而打印尺寸中，计量单位是常用的尺寸计量单位，如英寸、厘米、毫米、点等，称为绝对单位，绝对单位及其含义如表1-1所示。,1.1学习任务：图像处理相关概念,表1-1 绝对单位及其含义,1.1学习任务：图像处理相关概念,3像素尺寸和打印尺寸的关系 像素尺寸和打印尺寸的关系由图像的分辨率决定。在分辨率和打印尺寸的长度单位一致的前提下(如像素/英寸和英寸)，像素尺寸分辨率=打印尺寸。如图1-9所示，将图像的“打印尺寸”计量单位转换为英寸，图像的分辨率是72像素/英寸，图像的像素尺寸是390像素200像素，因此
12、图像的打印尺寸为（390像素72像素/英寸）(200像素72像素/英寸）=5.417英寸2.778英寸。同样，将“分辨率”切换为像素/厘米，尺寸计量单位对应关系如图1-10所示。,1.1学习任务：图像处理相关概念,图1-9 调整计量单位 图1-10 调整分辨率,1.2 图像处理中的色彩,图像处理是光与影的艺术。光产生颜色，有了光，世界才变得五彩缤纷。有了光才有影，进而产生了远近高低错落有致的层次感。在图像处理中，色彩是必不可少的。对于图像设计者而言，了解色彩产生的原理，会应用色彩是非常重要的。计算机处理色彩的原理和现实生活中的配色略有不同，必须对其进行深入了解。,1.2 图像处理中的色彩,1.
13、2.1 色彩的基本概念 大自然为何是五颜六色的？因为光照射到物体的表面发生折射产生了色彩。 人的眼睛是根据所看见光的波长来识别颜色的。如霓虹灯，它所发出的光本身带有颜色，能直接刺激人的视觉神经而让人感觉到色彩。光谱中的大部分颜色是由三种基本色光按不同的比例混合而成的，这三种基本色光的颜色是红（Red）、绿（Green）、蓝（Blue）三原色光。这三种光以相同的比例混合、且达到一定的强度，就呈现白色（白光）；若三种光的强度均为零，就是黑色，这就是加色法原理。加色法原理被广泛应用于电视机、投影仪、显示器等发光产品中。,1.2 图像处理中的色彩,色彩，可分为无彩色和有彩色两大类。前者如黑、白、灰，后
14、者如红、黄、蓝等七彩色。有彩色就是具备光谱上的某种或某些色相，统称为彩调。与此相反，无彩色就没有彩调。无彩色有明有暗，表现为白、黑，也称色调。 有彩色表现很复杂，但可以用三组特征值来确定。其一是彩调，也就是色相；其二是明暗，也就是明度；其三是饱和度，也就是纯度、彩度。色相、明度、饱和度称为色彩的三属性。明度和色相合并为二线的色状态，称为色调。,1.2 图像处理中的色彩,色相（Hue） 简写H，表示色的特质，是区别色彩的必要属性，例如红、橙、黄、绿、青、蓝、紫等。色相和色彩的强弱及明暗没有关系，只是纯粹表示色彩相貌的差异。 明度（Value） 简写V，表示色彩的亮度，即色彩的明暗度。不同的颜色，
15、反射的光量强弱不一，因而会产生不同程度的明暗。 饱和度（Chroma） 简写C，表示色的纯度，即色彩的饱和度。具体来说，是表明一种颜色中是否含有白或黑的成份。假如某色不含有白或黑的成份，便是纯色，饱和度最高；含有越多白或黑的成份，它的饱和度越低。,1.2 图像处理中的色彩,1.2.2 色彩的视觉效果 研究表明，色彩能给人的心理带来刺激，能影响人的情绪。例如，在红色环境中，人的脉搏会加快，血压有所升高，情绪兴奋冲动。正是由于色彩对人类心理的情绪化作用，色彩在艺术设计中才具有如此重要的作用。 1色彩的心理感觉 不同的颜色给人带来不同的心理感受。 红色 红色是所有色彩中对视觉效果最强烈和最有生气的色
16、彩，它炽烈似火，壮丽似日，热情奔放如血，是生命崇高的象征。红色能使人产生冲动、愤怒、热情、活力的感觉。这些特点主要是高纯度的红色所表现出的效果，当其明度增大，变为粉红色时，就会表现出温柔、顺从的特点和女性的特质。,1.2 图像处理中的色彩,绿色 介于冷暖色彩之间，代表新鲜，充满希望、和平、青春，显得和睦、宁静、健康。从心理上，绿色令人平静、松驰而得到休息。绿色是大自然中植物生长、生机昂然、清新宁静的生命力量和自然力量的象征，它和金黄、淡白搭配，可以产生优雅，舒适的气氛。 橙色 橙色常象征活力、精神饱满和友谊。它也是一种激奋的色彩，具有轻快、欢欣、热烈、温馨、时尚的效果。,1.2 图像处理中的色彩,黄色 黄色是明度最高的色彩，它光芒四射，轻盈明快，生机勃勃，具有温暖、愉悦、提神的效果，常为积极向上、进步、文明、光明的象征，具有快乐、希望、智慧和轻快的个性，它的明度最高。 蓝色 是最具凉爽、清新、专业的色彩。蓝色代表深远、永恒
