数字图形图像基础.ppt

《数字图形图像基础.ppt》由会员分享，可在线阅读，更多相关《数字图形图像基础.ppt（48页珍藏版）》请在三一文库上搜索。

1、数字图形图像处理,计算机与信息学院 杨志珍,目 录,第1章 Photoshop应用基础,1.1 平面设计常用软件简介 1.2 平面设计工作流程 1.3 数字图像理论基础 1.4 Photoshop应用领域 1.5 习题与实验指导,第一章 概述 1.1 平面设计常用软件简介,平面设计工作中，Photoshop、Illustrator、CorelDraw、PageMaker、FreeHand等是最常用的软件。 1、Illustrator Adobe公司开发，是一套跨平面与网页设计的软件，既能包含矢量绘图的精确，又结合Photoshop大量的图像编辑功能，广泛应用于平面设计、多媒体图像制作、网页制作

2、等领域。 2、CorelDraw Corel公司开发，主要用于矢量图形编辑制作，常用于绘制精密细致的图形、地图及标志，可以增强绘制后的特效和美感，还具有网页及简单动画的设计功能。,3、PageMaker Adobe公司开发，是世界上第一套专业的桌面印刷排版软件，在编辑文字和图像处理等方面具有强大的功能，常用来将Photoshop设计制作 的图像与文字进行图文混排后出版印刷。 4、FreeHand Macromedia公司开发，是一套专业矢量图形编辑软件，被广泛应用于广告设计、桌面排版和彩色印刷等行业。,第一章 概述 1.1 平面设计常用软件简介,第一章 概述 1.2 平面设计工作流程,动手创作

3、图像前，应围绕图像诉求主题，确定构图方案。,创意构图,收集素材,设置图像文件,编辑图像素材,文字处理,调整图像整体效果,合成并保存图像,发布输出,第一章 概述 1.3 数字图像理论基础,1.3.1 图像类型 计算机记录数字图像的方式有二种：一种是通过数学方法记录，即矢量图；另一种是用像素点阵方法记录，即位图。 1. 矢量图 矢量图，也叫向量图，是一种面向对象基于数学方法的绘图方法，在数学上定义为一系列由线连接的点。矢量文件中的图形元素称为对象，每个对象都是具体颜色、形状、轮廓、大小和屏幕位置等属性的实体。这使得基于矢量的程序特别适用于图例和三维建模，放大缩小图形都不会失真。 矢量绘图是基于算法

4、的，与分辨率无关。缺陷是色彩单调、无法像位图一样精确表现自然界的景象。常用的制作软件有FreeHand、Illustrator、CorelDraw、AutoCAD等。,第一章 概述 1.3 数字图像理论基础,1.3.1 图像类型 2. 位图 位图，也叫点阵图，由像素组成。像素是组成位图图像的最小单位，是图像中的一个颜色点，每个像素都有一个特定的位置和颜色值。放大缩小图像都将使图像失真。 位图图像弥补上矢量图形的缺陷，它可以很容易地在不同软件之间交换文件，缺点是无法制作出真正的三维图像，并且图像缩放和旋转时会产生失真现象，同时文件较大，对内存和硬盘空间容量的需求也较高。 编辑位图图像的常用软件有

5、Adobe Photoshop、Corel Photopaint、Design Painter、Ulead PhotoImpact等。,第一章 概述 1.3 数字图像理论基础,1.3.1 图像类型 3. 矢量图与位图的关系 1）矢量图与位图的转换 通过软件，矢量图可以轻松地转换为位图，而位图转换为矢量图就需要经过复杂而庞大的数据处理，而且生成的矢量图的质量无法跟原来的图形相比。 2）矢量图与位图的组合使用 矢量图和位图在应用上可以相互结合，例如可以用矢量图形建模、位图贴图实现逼真的视觉效果等。,第一章 概述 1.3 数字图像理论基础,1.3.2 图像分辨率 图像分辨率就是指图像文件单位长度内含

6、有多少个点或像素，分辨率的单位为点/英寸（dpi），分辨率的大小直接影响图像的品质。分辨率越高，图像越清晰，文件也越大，所需系统资源也就越多。 应根据图像的最终输出方式设置图像分辨率。如用于印刷时，铜版纸需要300dpi，胶版纸需要200dpi，新闻纸需要150dpi，大幅喷绘需要100dpi，网络浏览时设置72dpi即可。,第一章 概述 1.3 数字图像理论基础,1.3.3 图像文件格式 图像文件格式指的是图像以什么方式保存在磁盘上。Photoshop可支持包括PSD、BMP、JPG、GIF、TIFF、PNG、TGA、PCX、PDF和RAW等20多种文件格式。 1、PSD格式 PSD格式是P

7、hotoshop专用格式，也是Photoshop默认文件格式，可以包含图层、通道和颜色模式，还可以保存具有调节层、文本层的图像。将其转换其它文件格式前，将合并图层。 PSD文件保留了所有原图像的数据信息，是唯一能够支持全部图像颜色模式的格式。,第一章 概述 1.3 数字图像理论基础,1.3.3 图像文件格式 2、BMP格式 BMP格式是一种MS-Windows标准的点阵式图形文件格式。特点是包含的图像信息较为丰富，几乎不进行压缩。BMP格式支持RGB、索引颜色、灰度和位图颜色模式，但不支持Alpha通道。 3、JPEG格式 JPEG是目前所有格式中压缩率最高的格式，普遍用于图像显示和一些超文本

8、文档中。JPEG格式支持CMYK、RGB和灰度颜色模式，不支持Alpha通道。在打开图像时自动解压缩。,第一章 概述 1.3 数字图像理论基础,1.3.3 图像文件格式 4、GIF格式 GIF格式是一种LZW压缩格式，可以缩减文件大小和电子传递时间，广泛应用于网络的HTML网页文档中。GIF格式支持位图、灰度和索引颜色的颜色模式，不支持Alpha通道。 5、TIFF格式 TIFF是Mac中广泛使用的图像格式。特点是图像格式复杂、存储信息多，有利于原稿的复制。支持RGB、Lab、索引颜色、CMYK、灰度的色彩模式和位图模式，并且在CMYK、RGB和灰度三种颜色模式中支持Alpha通道。,第一章

9、概述 1.3 数字图像理论基础,1.3.3 图像文件格式 6、PNG格式 PNG格式用于在网上进行无损压缩和显示图像。支持带有一个Alpha通道的RGB、灰度模式和不带Alpha通道的位图、索引颜色模式。 7、TGA格式 TGA是为视频摄影机图像而设计的图像格式。是一种图形、图像数据的通用格式，是计算机生成图像向电视转换的一种首选格式。支持带一个Alpha通道32位RGB文件和不带Alpha通道的索引颜色、灰度、16位和24位RGB文件。,第一章 概述 1.3 数字图像理论基础,1.3.3 图像文件格式 8、PCX格式 PCX格式是一种经过压缩的格式，占用磁盘空间较少。支持RGB、索引颜色、灰

10、度和位图颜色模式，不支持Alpha通道。 9、PICT格式 PICT是一种在应用程序之间传递图像的中间文件格式，广泛应用于Mac OS图形和页面排版应用程序中。支持带有一一个Alpha通道的RGB文件和不带Alpha通道的索引颜色、灰度和位图文件。这种格式对于压缩大面积单色图像非常有效。,第一章 概述 1.3 数字图像理论基础,1.3.3 图像文件格式 10、EPS格式 EPS格式是一种包含位图和矢量图，用于绘图或排版的文件格式，所有的图形、示意图和页面排版程序都支持该格式。除了不支持Alpha通道外，任何颜色模式都支持。 11、PDF格式 PDF是一种电子出版软件的文档格式，可以包含位图和矢

11、量图，还可以包含电子文档查找和导航功能。 支持RGB、索引颜色、CMYK、灰度、位图和Lab颜色模式，不支持Alpha通道。,第一章 概述 1.3 数字图像理论基础,1.3.3 图像文件格式 12、RAW格式 RAW格式是一种最原始的文件格式，它的结构记录所有的像素，因此文件很大，用于在多个应用程序和计算机平台之间传递文件。该格式支持带Alpha通道的CMYK、RGB、灰度文件和不带Alpha通道的多通道、Lab、索引颜色、双色调文件。,第一章 概述 1.3 数字图像理论基础,1.3.4 色彩的三要素 自然界的色彩可分为非彩色和彩色。非彩色是指没有饱和度的颜色，如黑色、白色和灰色。彩色是指有饱

12、和度的颜色，如红、橙等。任何一种颜色都有色调、饱和度和明度三个方向的属性，即色彩的三要素。 1、色调 也叫色相，是指颜色呈现出来的质地面貌，即从物体反射或透过物体传播的颜色，如红色、橙色等。,第一章 概述 1.3 数字图像理论基础,1.3.4 色彩的三要素 2、饱和度 也叫彩度，是颜色的强度或纯度，表示色相中灰色分量所占的比例，使用从0%（灰色）至100% （完全饱和）的百分比来度量。 3、亮度 也叫明度，是指颜色的相对明暗程度，表现为光源所发的光由极暗到极亮之间的变化，通常用从0%（黑色）至100%（白色）的百分比来度量。明度最适宜表现物体的立体感和空间感。,第一章 概述 1.3 数字图像理

13、论基础,1.3.4 色彩的三要素 4、色调、饱和度和亮度三要素的关系 （1）任何色调在高饱和度时都具有特定的亮度，亮度变低饱和度就会降低。 （2）高饱和度的色调加白或加黑，降低了该色相的饱和度，同时也提高或降低了该色调的亮度。 （3）高饱和度的色调与之不同亮度的灰色相加，降低了该色彩的饱和度，同时使亮度向该灰色的亮度靠拢。高饱和度的色调如果与同亮度的灰色相混合，可构成色相相同、亮度不同的系列。,第一章 概述 1.3 数字图像理论基础,1.3.5 色彩模式 在Photoshop中，常用的色彩模式有RGB、CMYK、HSB和Lab模式等，最常用的是RGB和CMYK模式，RGB用于屏幕图像处理、CM

14、YK用于图像打印。 1、RGB模式 RGB色彩模式是一种最为常见并且使用最广泛的色彩模式，是一种加色模式。三种基色的取值范围为0-255，当三种基色的值为255时，便得到白色。三种基色的值为0时，便得到黑色。当三种基色的值均为128时，便得到中性灰色。,第一章 概述 1.3 数字图像理论基础,1.3.5 色彩模式 2、CMYK模式 CMYK色彩模式是针对印刷而设计的模式，指的是青色（Cyan）、洋红（Magenta）、黄色（Yellow）、黑色（Black）四种油墨。 由于颜色的产生不是直接来源皇光线的颜色，而是由照射在对象上反向回来的光线所产生的，当所有颜色被物体吸收或者没有任何光线照射时，

15、该物体的颜色显示为黑色，这种颜色叠加的方式称为减色法，CMYK颜色模式即是一种减色法的模式。,第一章 概述 1.3 数字图像理论基础,1.3.5 色彩模式 2、CMYK模式 CMYK模式是最佳的打印模式，但在编辑时并不采用CMYK模式，这是因为用CMYK模式工作虽能免除打印色彩方面的失真，但刷新的速度要慢得多，应该先用RGB模式编辑，再用CMYK模式打印，或直到印刷前才进行转换，然后再进行必要的校色、锐化和修饰。,第一章 概述 1.3 数字图像理论基础,1.3.5 色彩模式 3、Lab模式 Lab模式是由三个参数（L、a、b）来决定的，L代表亮度（Lightness），其取值范围在0-100之

16、间；a代表由绿到红的光谱变化，b表示由蓝到黄的光谱变化，两者的取值范围在-120-120之间。计算机将RGB模式转化为CMYK模式时，实际上先将RGB转换为Lab模式，然后再将Lab模式转换为CMYK模式。 在表现色彩的广度上，Lab表达的色彩范围最广，其次是RGB，CMYK最小。但Lab模式很少用来进行选色操作，因为其参数变化不象RGB或CMYK直观。,第一章 概述 1.3 数字图像理论基础,1.3.5 色彩模式 4、HSB模式 HSB模式是以色相（H）、饱和度（S）和亮度（B）描述颜色的基本特征，比RGB模式更直观，更易理解。 在HSB色彩模式中，如果饱和度为0，那么所表现出的颜色为灰色，

17、如果亮度为0，那么所表现出来的颜色为黑色。 5、索引模式 索引（Indexed Color）色彩模式最多使用256种颜色，当您将图像转换为索引色彩模式时，通常会构建一个调色板存放并索引图像中的颜色。如果原图像中的一种颜色没有出现在调色板中，程序会选取已有颜色中最相近的颜色或使用已有颜色模拟该种颜色。,第一章 概述 1.3 数字图像理论基础,1.3.5 色彩模式 6、位图模式 位图（Bitmap）模式的图像最多只有黑色与白色两种像素组成，每一个像素用“位”来表示，“位”只有两种状态：0表示有点，1表示无点。 位图模式主要用于早期不能识别颜色和灰度的设备，如果需要表示灰色，则需要通过点的抖动来模拟

18、，常用于文字识别。,第一章 概述 1.3 数字图像理论基础,1.3.5 色彩模式 7、灰度模式 灰度（Grayscale）模式最多使用256级灰度来表现图像，图像中的每个像素有一个0（黑色）到255（白色）之间的亮度值。灰度值也可以用黑色油墨覆盖的百分比来表示（0%表示白色，100%表示黑色）。 将彩色图像转换灰度模式的图像时，会扔掉原图像中所有的色彩信息。与位图模式相比，灰度模式能够更好地表现高品质的图像效果。 需要注意的是，将灰度模式的图像重新转换为彩色模式时不可能将原先丢失的颜色恢复，只能重新上色。所以，图像转换前应尽量保留备份文件。,1.3.6 色彩模式 1数字图像设计的创意 创意（G

19、reation）一词源自广告用语，其原意为使广告达到广告目的的创造性主意。 其实创意是通过构思以及意境的创造来表现某一主题。它的艺术生命就在于其自身的独特性、情节性以及丰富的想象力。这就决定了创意要有感而发、有据而发、有想而发，最终作品要值得观者回味和推敲。 创意本身是一个“仁者见仁，智者见智”的高级思维活动，接下来介绍的数字图像设计创意的表现形式。,第一章 概述 1.3 数字图像理论基础,2数数字图像设计创意的表现形式 （1）直接展示法 最常见的表现手法。它将产品或主题直接如实地展示在广告版面上，充分运用摄影或绘画等技巧的写实表现能力，将产品精美的质地引人入胜地呈现出来，给人以逼真的现实感。

20、,东洋轮胎广告,第一章 概述 1.3 数字图像理论基础,（2）突出特征法 运用十分普遍的表现手法。着力加以突出和渲染的特征，一般由富于个性产品形象与众不同的特殊能力、厂商的企业标志和产品的商标等要素来决定。运用各种方式抓住和强调产品或主题本身与众不同的特征，并把它鲜明地表现出来。,香甜而柔软的Harrys面包,轻薄到看不见的奥林巴斯相机,第一章 概述 1.3 数字图像理论基础,（3）对比衬托法 一种趋向于表现对立冲突的艺术美的手法。它把作品中所描绘的事物的性质和特点放在鲜明的对照和直接对比中来表现。通过这种手法更鲜明地强调或提示产品的性能和特点，给消费者以深刻的视觉感受。,在宝马面前捷豹落荒而

21、逃,百氏损可口的广告,第一章 概述 1.3 数字图像理论基础,（4）合理夸张法 借助想象，对广告作品中所宣传的对象的品质或特性的某个方面进行相当明显的过份夸大，以加深或扩大这些特征的认识。按其表现的特征，夸张可以分为形态夸张和神情夸张两种类型，前者为表象性的处理品，后者则为含蓄性的情态处理品。,异常锋利的WMF刀具,第一章 概述 1.3 数字图像理论基础,（5）以小见大法 在广告设计中对立体形象进行强调、取舍、浓缩，以独到的想象抓住一点或一个局部加以集中描写或延伸放大，以更充分地表达主题思想。,BIC令您享受书写的快乐,禁毒公益广告,第一章 概述 1.3 数字图像理论基础,（6）运用联想法 在

22、审美的过程中通过丰富的联想，突破时空的界限，扩大艺术形象的容量，加深画面的意境。,耐克ACG大赛广告,第一章 概述 1.3 数字图像理论基础,（7）富于幽默法 幽默法是指广告作品中巧妙地再现喜剧性特征，抓住生活现象中局部性的东西，通过人们的性恪、外貌和举止的某些可笑的特征表现出来。幽默的表现手法，往往运用饶有风趣的情节进行巧妙的安排。幽默的矛盾冲突可以达到出乎意料之外，又在情理之中的艺术效果。,光可鉴人的Nugget鞋油,第一章 概述 1.3 数字图像理论基础,（8）借用比喻法 比喻法是指在设计过程中选择两个互不相干，而在某些方面又有些相似性的事物，“以此物喻彼物”。与其它表现手法相比，比喻手

23、法比较含蓄隐伏，有时难以一目了然，但一旦领会其意，便能给一以意味无尽的感受。,快减肥吧,第一章 概述 1.3 数字图像理论基础,（9）以情托物法 艺术的感染力最有直接作用的是感情因素，在表现手法上侧重选择具有感情倾向的内容，以美好的感情来烘托主题，这是现代广告设计的文学侧重和美的意境与情趣的追求。,GameBoy新款屏幕,第一章 概述 1.3 数字图像理论基础,（10）悬念安排法 在表现手法上故弄玄虚，布下疑阵，使人对广告画面乍看不解题意，造成一种猜疑和紧张的心理状态，驱动消费者的好奇心和强烈举动，引起观众进一步探明广告题意之所在强烈愿望，然后通过广告标题或正文把广告的主题点明出来，使悬念得以

24、解除，给人留下难忘的心理感受。,惠普令您的旧打印机物尽其用,第一章 概述 1.3 数字图像理论基础,（11）选择偶像法 这种手法抓住人们对名人偶像仰慕的心理，选择观众心目中崇拜的偶像，配合产品信息传达给观众。偶像的选择要与广告的产品或劳务在品格上相吻合，不然会给人牵强附会之感，否则不能达到预期的目的。,锐步体育用品，做我自己,第一章 概述 1.3 数字图像理论基础,（12）谐趣模仿法 这是一种创意的引喻手法，别有意味地采用以新换旧的借名方式，把世间一般大众所熟悉的艺术形象或社会名流作为谐趣的图像，经过巧妙的整形履行，使名画名人产生谐趣感，增加产品身价和注目度。,不要让污渍毁了你的一天,第一章

25、概述 1.3 数字图像理论基础,（13）神奇迷幻法 运用畸形的夸张，以无限丰富的想象构织出神话与童话般的画面，在一种奇幻的情景中再现现实，满足人们喜好奇异多变的审美情趣的要求。,Web2.0 生态图漫画,第一章 概述 1.3 数字图像理论基础,（14）连续系列法 通过连续画面，形成一个完整的视觉印象，使通过画面和文字传达的广告信息十分清晰、突出、有力。,在FinePix相机前请笑一个,本章目录,第一章 概述 1.3 数字图像理论基础,1.4.1 平面印刷,Photoshop从诞生之日起，就引发了印刷技术的革命。特别是在平面彩色印刷行业，工作人员不但摆脱了手工剪贴图片的繁琐操作，而且利用Phot

26、oshop可以轻松实现现实生活中根本不存在的图像效果，而且天衣无缝，惟妙惟肖。,使用Photoshop制作的海报招贴画,第一章 概述 1.4 Photoshop的应用研究领域,在设计制作建筑和装潢效果图时，需要为图像渲染颜色或者纹理效果，以增强效果图的美感。到Photoshop中，这一切工作将变得轻松愉快。如下图所示，左图为利用Photoshop设计的城市规划效果图。,使用Photoshop预制建筑效果图,第一章 概述 1.4 Photoshop的应用研究领域,网页在制作过程中，Photoshop是必不可少的图像处理软件之一。,网络图片和动画,第一章 概述 1.4 Photoshop的应用研究

27、领域,Photoshop可以很方便地将破损的老照片翻新，甚至为黑白照片上色。,修复照片,第一章 概述 1.4 Photoshop的应用研究领域,Matte Painting是一种近年开始流行的应用于电影或特效广告中的技术手段，是指在电影后期制作时，通过为抠像后的人物合成背景并对背景进行描绘的工作。 下图展示了电影在实拍后的效果及经过抠像，然后运用Matte Painting技术处理后效果，这些背景中的大部分是使用Photoshop绘制的。,运用Matte Painting技术处理后效果,本章目录,第一章 概述 1.4 Photoshop的应用研究领域,本章目录,按照教材的“习题与实验指导”部分的要求，完成作业和实验。,第一章 概述 1.5 习题与实验指导,