图形图像素材的制作

1、第二章 图形图像素材的制作多媒体制作技术1了解图像的类型及常见的图像格式。2熟悉图形图像素材的一般获取方法。3掌握图形图像的一般处理方法和技巧。4能制作符合设计要求的图形图像素材。学习目标：多媒体制作的准备图形图像素材的获取图片库扫描仪数码照相机工具（Photoshop CS3）处 理制 作案例1案例2声音素材的采集与制作学习导航：本章的主要学习内容及在多媒体制作技术中的位置2.1知识准备一、物体的颜色色调饱和度亮度对比度颜色:亦称彩色，是可见光的基本特征。习惯上，我们用 亮度、色调和饱和度来描述。色调: 是指当人眼看一种或多种波长的光所产生的彩色感觉，它 反映颜色的种类，是决定颜色的基本属性

2、。亮度: 是光作用于人眼时所引起的明亮程度的感觉，它与被观察 物体、光源及人的视觉特性有关。饱和度:是指颜色的纯度即掺入白光的程度，或者说是指颜色的 深浅程度。对于同一色调的彩色光，饱和度越深，颜色 越鲜艳，或者说颜色越纯。对比度: 是指不同颜色之间的差异，对比度越大，两种颜色之间的 差值就越大。 什么是图像？ 图像是指景物在某种介质上的再现。例如：相片、胶片、电影、传真、电视、计算机显示屏等介质均可作用于人的感官并产生视觉印象，这种视觉印象便是图像。二、基本概念模拟图像信号分析 图像的成像过程是一个光学现象，人类对图像进行处 理，就是要用电子设备模拟、再现这个成像过程。 如何将空间图像变换为

3、时间信号呢？ 总的一句话，利用摄像机等各种图像获取设备，通过扫描将空间图像变换为时间信号。亦即，将图像通过扫描分解为自上而下，自左而右的随时间变化的电子流，从而完成空间图像到时间信号变换，将空间图像变为了随时间变化的、具有自己的时域和频域特性的电信号。这便是通常意义下的模拟图像。像素的表示 通过图像数字化之后，我们将一副模拟图像数字化为像素的矩阵，也就是说，像素是构成图像的基本元素，因此，图像数字化的关键在于像素的数字化。 如何表示像素，是图像数字化的基础。 像素用颜色表示。图像信息的数字化 图像要在计算机中实现，首先必须数字化。 图像信息的数字化包括采样、量化两个过程。 图像在空间上的离散化

4、称为采样。 用有限个数字0和1表示某一电平范围的模拟离散图像信号称为图像的量化。1.像素：组成图像的基本单元，一个小的方形的颜色块。2.图形与图像：矢量图形位图图像：记录组成图形的线条和色块,以点阵形式存储。：存储每一个像素点的位置和颜色信息,存储牲特征、属性和参数。矢量图形与位图图像的区别图形图像数据来源主观世界，较难表示自然景物客观世界，易于表示自然景物数据量易于生成较难表示获取方式1）利用AutoCAD, CorelDraw,Freehand，三维动画软件等绘图工具绘制2）利用数字化硬件设备绘制1）通过扫描仪、数码照相机等数字化采集设备获得2）通过网上下载、光盘库、素材库等方式获得3）利

5、用Photoshop等软件绘制可操作度可任意缩放、旋转、修改对象属性，不引起失真缩放、旋转等操作会引起失真研究重点将数据和几何模型变成可视的图形，这种图形可以是自然界根本不存在的，即人工创造的画面将客观世界中存在的物体映像处理为新的数字化图像，关心数据压缩，特征识别和提取、三维重建等内容用途设计精细的图案和商标，以及适合于数学去表示的美术作品、三维建模等，在网络、工程计算中被大量应用用于表现自然景物、人物、动植物和一切引起人类视觉感受的景物，特别适合于逼真的彩色照片等 1从现有图片库中获取图形和图像 图片库大都用光盘存储。种类很多，例如自然风光、城市建筑等，还有材质素材、边框花边等。 2利用扫

6、描仪扫描输入图形和图像 照片、画报、杂志和其他印刷品上的彩色图形和图像，可以通过扫描仪精确方便地输入到计算机中。扫描仪可将图像分解成像素，用光电转换的方法将其数字化，形成图像文件存储。 3利用绘图软件产生图形和图像 我们可以通过绘图软件创建数字图像。这样我们可以更好地表达出自己内心想要的东西。而目前Windows环境下的大部分图像编辑软件都具有一定的绘图功能，可以利用鼠标、画笔及数字画板来绘制各种图形，并进行色彩、纹理、图案等的填充和加工处理。用计算机产生图形和图像的软件和产品很多。例如，可以用Unlead-Cool3D制作三维字体，用Kais Power Goo变形软件人为地将一幅图像任意变

7、形，还可以用三维动画软件3D MAX，3D FX制作静止的帧图像。2.1.1图形图像的获取 4利用数码照相机拍摄实物图像 数码照相机是一种与计算机配套使用的数字影像设备，用数码照相机获取的图像是一种数字化的图像，通过串行接口（USB或IEEE1394接口）或SCSI接口输入到计算机中。 5利用数码摄像机获取图像 数码摄像机是指摄像机的图像处理及信号的记录全部使用数字信号完成的摄像机。数码摄像机用于捕捉影响事物的连续活动，主要生成数码视频影像，也具备照相功能，获取静止图像。 6利用抓图工具获取图像 我们可以利用抓图软件从屏幕上抓取图像素材，即利用键盘上的Print Screen Sys Rq这个

8、键从屏幕上截取我们所需要的精彩画面，并通过拷贝操作，把它保存下来，作为日后所需要的素材。2.1.1图形图像的获取 图形、图像的处理指的是对图形、图像的移动、裁剪、变形、叠加、翻转、变色、平滑、添加文字等。用于图形、图像处理的软件很多，流行的处理软件有Adobe System公司的PhotoShop、Corel Systems公司的CorelDRAW，以及Aldus公司的PhotoStyler，Microtek公司的Picture Publisher等。这些软件大都支持多种格式的图像文件处理，具备接收扫描输入图像、编辑图像、变换优化处理、打印输出等基本功能。2.1.2图形图像的处理2.1.3 P

9、hotoshop CS3界面简介主要新特性：一、全新的可自定义用户界面 Photoshop CS3左边的工具箱成了一个单列的长条，通过单击工具箱左上方双箭头，可以在单列和双列间转换。此外，工具箱中的快速蒙版与屏幕切换模式也做了改动，变得更加简洁了。 二、快速选择工具在工具箱中多出一个快速选择工具(“Quick Selection Tool”)。 三、改进的调整菜单调整菜单里的“通道混合器”、“曲线”、“亮度对比度”等有所更新，增加了调整黑白图像和单色图像更专业的解决方案，提供了更多的细节控制和选项。 四、改进的打印功能打印和首选参数的选项有所调整。比如全新的暂存盘的设置面板，可以自已定义Pho

10、toshop所使用的内存，并提供可用内存以及理想内存的参考数据。 主要新特性： 五、图层的自动对齐与自动混合在合成全景照片时，需要把几张不同的照片对齐为一张，并把照片的颜色混合到非常相近。Photoshop CS3测试版中增加了自动对齐图层与自动混合图层。这两个命令使得全景照片合成变得更加容易。 六、智能滤镜Photoshop CS3中可以在将某图层转换为智能对象后对其应用各种滤镜。如果觉得某滤镜不合适，可以暂时关闭，或者退回到应用滤镜前的初始状态。 七、更新消失点滤镜消失点滤镜更新了，不但可以修复和复制有透视效果的图像。还可以把材质附着给一个有透视效果的模型，以产生三维的效果。 八、改良的克

11、隆与修补工具在Photoshop CS3测试版中新增了一个“Clone Source”(克隆源)面板，这使得克隆过程更加清晰可见。在这个面板中提供了偏移(Offset)的X、Y坐标显示与控制，宽度和高度显示与控制，以及是否显示叠加(Overlay)，并能够调整叠加的不透明度(Opacity)、混合模式，以及是否自动隐藏(Auto Hide)和反相(Invert)等。浮动面板工具属性栏画布工具箱 菜单栏标题栏Photoshop CS3 工作界面魔术棒工具组画笔工具组路径选择工具组填充工具组路径绘制工具组选取工具组移动工具套索工具组裁切工具切片工具组修复工具组图章工具组历史工具组橡皮工具组模糊工具

12、组钢笔工具组注释工具组文字工具组浏览工具组填充前景色、背景色快速蒙板屏幕模式工具组历史记录动作工具预设画笔仿制源图层复合工具栏 调板2.2 案例1 黑白图像变彩色图像 原图 效果图1旋转照片以水平放置；2去瑕疵、划痕，修复损坏之处；3上色分析思路：1选取图像的工具及使用方法选框工具组套索工具组魔棒工具组钢笔工具组这几种选取工具通常要配合使用，使用哪种工具依选择对象特点的不同而不同。2污点修复画笔工具污点修复画笔一般用于修复瑕疵，特点是自动进行像素取样，不需要设置来源。3修复画笔工具修复画笔工具用于修复划痕等，技术要点是需按【Alt】键手动设置来源。技术要点：4仿制图章工具仿制图章工具多用于修复

13、图像中有损坏地方或制作特殊效果之用，技术要点是需按【Alt】键手动设置来源。5黑白图像变彩色图像的方法【图像】【调整】【色彩平衡】【图像】【调整】【色相/饱和度】，技术要点是先设置前景色为目标颜色，在【色相/饱和度】对话框中勾选【着色】复选框。填充图层。技术要点是：在新建图层中用前景色填充目标区域，设置与原图像图层的混合模式为【叠加】，依需要调整图层不透明度、填充百分比。颜色替换工具。技术要点为设置前景色为目标颜色后在目标区域拖动，一般用于改变范围较小的选区的颜色。技术要点：2.3 案例2 网页背景图像制作 “个人主页”效果图1背景布局构思2素材处理3模块设计与制作分析思路：1填充工具Phot

14、oshop为用户提供了渐变工具组，通过渐变工具组（包括渐变工具和油漆桶工具）可以对图像填充各种颜色，渐变工具提供了线性渐变、径向渐变、角度渐变、对称渐变、菱形渐变等多种渐变效果，使图像的填充效果更加丰富多彩。2图案填充在填充选区时，不仅可以用颜色进行填充，还可以用图案填充选区，制作出更加美观的图像。填充图案时可以使用系统已有的图案，也可以预先根本自己的需要和设计定义图案，再进行填充。3使用图层蒙版使用图层蒙版可以为特定的图层创建蒙版，常常用于制作图层与图层之间的特殊混合效果。使用图层蒙版后，图层蒙版对应的白色区域不透明，黑色区域完全透明，中间的灰色过渡区域呈半透明。技术要点：4立体按钮制作在P

15、hotoshop中，用户可以根本需要自主设计制作按钮，通过羽化和投影等效果的应用便可制作出逼真的立体按钮；用户也可以利用系统自带的样式来制作立体按钮，简化制作过程。在样式面板中选项中，系统提供了“按钮”、“玻璃按钮”、“web样式”等样式，使用方法是先建立一个要填充的选区，再单击相应的样式，即可生成美观的立体按钮。5图层样式的使用针对每一个图层，用户可以为该图层内的图像设置各种特殊的效果，如投影、内阴影、外发光、内发光、斜面和浮雕等，使图像表现出特殊的艺术效果。6文字工具的使用在Photoshop中，可以依据需要输入横排和竖排两种方向的文字，输入文字时自动生成一个矢量图层，可以对输入的文字和段

16、落进行各种调整，且可以设置文字的变形效果，使处理后的文字具有艺术效果。需要注意的是，文字图层中的像素在未进行栅格化之前不能进行修改。技术要点：一、图像格式TIFF:通过格式，支持32位真彩色，适用于多种操作平台和机型。BMP:标准的Windows图像文件格式，支持24位颜色深度。GIF: 支持8图像文件，颜色最多数为256色，广泛用于通信领域和 HTML网页文档中。JPEG:带压缩的文件格式，有失真，不支持Alpha通道。PNG: 表示的颜色数多，支持Alpha通道，适于制作透明背景的图像。PDF:覆盖矢量式图像和点阵式图像，支持超链接，适于网络下载。PSD：Photoshop专用格式。阅读材

17、料BMP Bitmap BMP图像文件最早应用于Windows操作系统，是Windows操作系统中的标准图像文件格式，是最简单的图像格式。BMP图像格式非常简单，仅具有最基本的图像数据存储功能，能存储每个像素1位、4位、8位和24位的位图。虽然它提供的信息过于简单，但是由于 Windows系统的普及以及BMP本身具有格式简单、标准、透明的特点，BMP图像文件格式得到了推广，它一般应用于Windows系统下的屏幕显示以及一些简单图像系统中。这种格式的特点是包含的图像信息较丰富，几乎不压缩，但由此导致了它与生俱生来的缺点-占用磁盘空间过大。一张24位的800600的bmp格式图形文件大小：8006

18、003byte=1440000byte1440byte1.44MGIF Graphics Interchange Format 这种图像格式主要是为了通过网络传输图像而设计的。GIF格式的特点是压缩比高，磁盘空间占用较少，所以这种图像格式迅速得到了广泛的应用。由于8位存储格式的限制，使其不能存储超过256色的图像。 最适合在图片颜色总数少于256色的使用。GIF格式，文体体积小，而且清晰度非常高。GIF图像格式还增加了渐显方式，也就是说，在图像传输过程中，用户可以先看到图像的大致轮廓，然后随着传输 过程的继续而逐步看清图像中的细节部分，从而适应了用户的从朦胧到清楚的观赏心理。GIF Graph

19、ics Interchange Format GIF87a：只是简单地用来存储单幅静止图像。GIF89a：可以同时存储若干幅静止图象进而形成连续的动画，使之成为支持 2D动画的格式。可指定透明区域，使图像具有非同一般的显示效果，这更使GIF风光十足。目前Internet上大量采用的彩色动画文件多为这种格式的文件。像素画。QQ秀，QQ空间等N多QQ的东西。 两种版本JPEG Joint Photographic Experts Group JPEG是由联合照片专家组开发的。 JPEG文件的扩展名为.jpg或.jpeg，其压缩技术十分先进，它用有损压缩方式去除冗余的图像和彩色数据，获取得极高的压缩

20、率的同时能展现十分丰富生动的图像，换句话说，就是可以用最少的磁盘空间得到较好的图像质量。 JPEG 2000同样是由JPEG 组织负责制定的，与JPEG相比，它具备更高压缩率以及更多新功能的新一代静态影像压缩技术。 JPEG2000 作为JPEG的升级版，其压缩率比JPEG高约30%左右。与JPEG不同的是，JPEG2000 同时支持有损和无损压缩，而JPEG只能支持有损压缩。无损压缩对保存一些重要图片是十分有用的。JPEG Joint Photographic Experts Group JPEG2000的一个极其重要的特征在于它能实现渐进传输，这一点与GIF的“渐显”有异曲同工之妙，即先传

21、输图像的轮廓，然后逐步传输数据，不断提高图像质量，让图象由朦胧到清晰显示。 此外，JPEG2000还支持所谓的感兴趣区域特性，你可以任意指定影像上你感兴趣区域的压缩质量，还可以选择指定的部份先解压缩。PNG Portable Network Graphics PNG，是一种可携式网络图像格式。 PNG一开始便结合GIF及JPG两家之长，打算一举取代这两种格式。1996年10月1日由PNG向国际网络联盟提出并得到推荐认可标准，并且大部分绘图软件和浏览器开始支持PNG图像浏览，从此PNG图像格式生机焕发。 IE浏览器从4.0版本开始支持png图像浏览。特点1： 兼有gif和jpg的色彩模式。特点：

22、png能把图像文件压缩到极限以利于网络传输，但又能保留所有与图像品质 有关的信息。特点：更优化的传输显示。特点：支持图像透明显示。特点：兼容性较好。返 回1.分辨率扫描分辨率输出分辨率显示分辨率图像分辨率 图像中每英寸所包含的像素数。输出设备每英寸上可产生的点数。二、 色彩模式与数据压缩在显示器上能够显示的像素数目。 2.色彩模式（参考资料：/more/jiqao/115459_4.html）色彩模式：提供将一种颜色转换成数字数据的方法，从而使颜色能够在多种媒体中得到连续的描述、能够跨平台使用。（一）位图模式用黑白来表示图像的象素。 原图 位图模式2.色彩模式（二）灰度模式以灰度显示图像，类似

23、黑白照片的效果 。 原图 转换后的灰度图 （三） RGB色彩模式“加色模式”R：红色G：绿色B：蓝色（四） CMYK色彩模式“减色模式”C：青色M: 品红色Y：黄色 K: 黑色RGB模式的原图像转换为CMYK模式后的图像 （五）索引模式只能存储一个8bit色彩深度的文件。转换成索引模式后的图像 局部放大的图像2.色彩模式（六）HSB色彩模式基于人对颜色的感觉，将颜色看作由色相（Hue）、饱和度（Saturation）、 明亮度（Brightness）组成的，为将自然颜色转换为计算机创建的提供了一 种直觉方法。（七） Lab色彩模式不依赖设备的颜色模式，由亮度通道L，A和B两个色彩通道共三个通道

24、组成，A通道包括的颜色从深绿色到灰色再到亮粉红色；B通道则从亮蓝色到灰色再到黄色。2.色彩模式原图转换成双色调模式后的图像 2.色彩模式（七）Lab模式Lab模式是唯一不依赖外界设备而存在的一种色彩模式。它由亮度（L）通道、a通道和b通道组成，其中亮度的范围从0100；a代表从绿色到红色，b代表从蓝色到黄色，a和b的颜色值范围都是从-120120。这三种通道包括了所有的颜色信息。（八）双色调双色调相当于用不同的颜色来表示灰度级别，其深浅由颜色的浓淡来实现。只有灰度模式能直接转换为双色调模式。当它用双色、三色、四色来混合形成图像时，其表现原理就像“套印”。3.颜色深度2 =4296967296种32位32位图2 =16777216种24位(真彩色)24位图2 =65536种16位(高彩色)16位图2 =256种8位(索引色)8位图2 =16种4位4位图2 =2种1位1位图表现的颜色数颜色深度/位1481624324.数据压缩数字传输系统模型 （）数据压缩的必要性 从传输的角度来看： 数字电话传输率最低，按律或A律PCM编码，其数