1.4 项目实施_图形图像处理-QQ阅读男生轻小说网

书名：图形图像处理
作者名：王宏春梁梁崔艳梅主编
本章字数：8128字
更新时间：2022-07-11 16:41:49

1.4 项目实施

本项目分为3个任务：了解图像处理基础知识、熟悉Photoshop CC操作界面、掌握图像文件的基本操作。

任务一：了解图像处理基础知识

一、位图和矢量图

计算机可以处理的图形图像主要分为两大类：矢量图形（Vector Graphics）和位图图像（Bitmap Images）。在绘图或图像处理过程中，这两种类型的图像可以相互交叉运用，取长补短，了解它们之间的差异，对创建、编辑和导入图片都有很大的帮助。

1．位图

位图也称为点阵图或栅格图像，是由称为像素的单个色点组成的。每个像素都有自己特定的位置和颜色值。这些点可以进行不同的排列和染色，以构成图样来呈现图像色彩的细微变化，因此，位图的优点是可以表现出色彩丰富的图像，逼真地表现自然界各类景物的图像效果。但点阵图在放大到一定倍数后，可以看到构成整个图像的无数个方形的色块，产生色调不连续及锯齿边缘的失真现象，表现为图像变得模糊。位图放大前后的效果对比如图1-9所示。

图1-9

用Photoshop处理的主要是位图图像，另外，还有不少常用的位图图像软件，如Painter等。

2．矢量图

矢量图也称为向量图形，它是一种基于图形的几何特性来描述的图像，由直线、曲线、文字和色块组成，如一条直线的数据只需要记录两个端点的位置、直线的粗细和颜色等。矢量图中的各种图形元素称为对象，每一个对象都是独立的个体，都具有大小、颜色、形状、轮廓等属性。

矢量图形的特点：它与分辨率无关，把它缩放到任意大小，清晰度保持不变，依然保持光滑无锯齿现象，不会发生任何偏差，精确度很高。这种图形常用于标志设计、插画、工程绘图等。矢量图放大前后的效果对比如图1-10所示。

图1-10

矢量图形的处理软件有Illustrator、FreeHand、CorelDRAW、Flash、AutoCAD等。

二、像素和分辨率

像素和分辨率是Photoshop中最常用的两个概念，对它们的设置决定了文件的大小及图像的质量。

1．像素

像素（Pixel）是构成图像的最小单位，位图中的一个色块就是一个像素，且一个像素只显示一种颜色。

2．分辨率

分辨率（Resolution）是用于描述图像文件信息的术语。分辨率分为图像分辨率、屏幕分辨率和输出分辨率。

（1）图像分辨率。图像分辨率是专对位图而言的。图像是由像素组成的，单位面积内图像所包含像素的数目，称为图像分辨率，其单位为“像素/英寸 1英寸=2.54厘米。 ”或“像素/厘米”。单位面积中像素越多，分辨率越高，图像越清晰，文件占有空间就越大。

分辨率的高低直接影响图像的效果，使用太低的分辨率会导致图像粗糙，在排版打印时图片会变得非常模糊；而使用较高的分辨率则会增加文件的大小，并降低图像的打印速度。在新建文件时，一般依据最终用途来确定分辨率的大小。用于屏幕显示，通常为72像素/英寸；用于打印，则最低需150像素/英寸；而用于印刷的图像，最少需设定300像素/英寸。分辨率一旦设定，即使后期更改，图像质量也不会再有明显变化，因此，在新建文档时，一定要确定分辨率的数值。

（2）屏幕分辨率。屏幕分辨率是显示器上每单位长度显示的像素数目。屏幕分辨率取决于显示器大小及其像素设置。PC显示器的屏幕分辨率一般为96像素/英寸，Mac显示器的分辨率一般为72像素/英寸。在Photoshop中，图像像素被直接转换成显示器像素，当图像分辨率高于显示器分辨率时，屏幕中显示的图像比实际尺寸大。

（3）输出分辨率。输出分辨率是照排机或打印机等输出设备产生的每英寸的油墨点数（dpi）。打印机的分辨率在720dpi以上的，可以使图像获得比较好的效果。

三、图像的色彩模式

色彩模式决定了图像的颜色显示数量，也影响了图像的通道和图像文件的大小。Photoshop提供了多种色彩模式，这些色彩模式正是作品能够在屏幕和印刷品上成功表现的重要保障。在这些色彩模式中，最常用的为RGB模式、CMYK模式、灰度模式、位图模式。另外，还有Lab模式、HSB模式、索引模式、双色调模式、多通道模式等。这些模式都可以在Photoshop模式菜单下选取，每种色彩模式都有不同的色域，并且各个模式之间可以转换。下面为主要的4种色彩模式。

1. RGB模式

RGB模式是Photoshop默认的色彩模式，是图形图像设计中最常用的色彩模式。RGB模式是一种加色模式，它通过红、绿、蓝3种色光相叠加而形成更多的颜色。RGB模式是色光的彩色模式，一幅24bit的RGB图像有3个色彩信息的通道：红色（R）、绿色（G）、蓝（B）。Photoshop中RGB颜色控制面板如图1-11所示。

图1-11

每个通道都有8bit的色彩信息——一个0～255的亮度值色域。也就是说，每个色彩都有256个亮度水平级。3种色彩相叠加，可以有256×256×256=1670万种可能的颜色。这1670万种颜色足以表现绚丽多彩的世界。在Photoshop中编辑图像时，RGB模式应是最佳的选择，但在印刷输出时，偏色情况较严重。

2. CMYK模式

CMYK模式是C（青色）、M（洋红）、Y（黄色）、K（黑色）合成颜色的模式，是印刷上使用的最重要的色彩模式，由这4种油墨可以合成千变万化的颜色，因此被称为四色印刷。

CMYK模式在印刷时应用了色彩学中的减法混合原理，即减色色彩模式，每一种颜色所占有的百分比范围为0%～100%，百分比越大，颜色越深。Photoshop中CMYK颜色控制面板如图1-12所示。

图1-12

CMYK模式是图片、插画和其他Photoshop作品中最常用的一种印刷方式。在印刷中通常都要进行四色分色，出四色胶片，然后再进行印刷。

3．灰度模式

灰度模式可以将图片转变成黑白照片的效果。彩色图像转变为灰度模式的效果对比如图1-13所示。它是图像处理中被广泛运用的模式，采用256级不同浓度的灰度来描述图像，每一个像素都有0～255范围的亮度值。

图1-13

将彩色图像转变为灰度模式文件时，所有的颜色信息都将从文件中丢失。虽然Photoshop允许将灰度模式的图像再转换为彩色模式，但是原来已丢失的颜色信息不可能完全还原。所以，当要转换灰度模式时，应先做好图像备份。

与黑白照片一样，一个灰度模式的图像只有明暗值，没有色相和饱和度这两种颜色信息。0%代表白，100%代表黑。其中的K值用于衡量黑色油墨用量。Photoshop中灰度模式颜色控制面板如图1-14所示。

图1-14

4．位图模式

位图模式也称为黑白模式，使用黑、白两色来描述图像中的像素。彩色图像转变为位图模式的效果对比如图1-15所示。黑白之间没有灰度过渡色，该类图像占用的内存空间非常少。当要将一幅彩色图像转换成黑白模式时，不能直接转换，必须先将图像转换成灰度模式。

图1-15

四、图像的文件格式

在Photoshop中存储文件的格式非常多，不同的图像文件格式表示着不同的应用性、色彩数、压缩程度、图像信息等。常用的文件存储格式及其特点如下。

1. PSD格式

PSD格式是Photoshop中专用的文件格式，可以存储所有Photoshop特有的文件信息及色彩模式等，用这种格式存储的图像可以包含有图层、通道、路径等，其清晰度高，并且很好地保留了图像的制作过程，方便以后或者他人修改。因此，一般用Photoshop处理完图像后，把它保存为这种格式，然后根据需要导出成其他格式。

2. BMP格式

BMP格式是微软公司Windows的图像格式，这种文件格式可以轻松地处理24位颜色的图像。但它的缺点是压缩率不大，不能对文件大小进行有效的压缩，也就是说，虽然BMP格式的图像文件能描绘出非常清晰和逼真的图像效果，但它的文件体积是很大的。

3. JPEG格式

JPEG格式是一种高效、全彩的压缩图像文件格式，它支持灰度或24位的连续色调，压缩后，它的文件体积远比“BMP”和“TIFF”格式的小。但压缩时会使图像质量受到一些损失，在对图像要求较高的出版、印刷等领域不宜采用这种格式。另外，它的兼容性很强，在网页上使用得比较广泛，通常在网页上用来表现色彩比较丰富的静态图像。缺点是不支持透明。

4. GIF格式

GIF格式为网络上常用的压缩图像格式，它支持透明的背景处理，并可制作成动画的效果，它使用的色彩类型为黑白及2、4、8、16、256色的索引色彩，适合线条比较简单的图形。当保存网页上的图像时，如果图像的颜色较少、较单纯，一般采用GIF格式，这样图像的大小会远远小于压缩成JPEG格式的图像，并且图像质量也优于JPEG格式。

5. PNG格式

PNG格式结合了GIF和JPEG格式的优点，可用于网络图像的传输。它既可以保存为24位真彩色图像，并且支持透明背景和消除锯齿的功能，还可以在不失真的情况下压缩图像。PNG格式是Fireworks软件的专用图像格式。

6. EPS格式

EPS格式是Adobe公司所开发，与各种排版软件的相容性最高的一种通用行业标准格式，可同时包含像素信息和矢量信息。如果要将图像置入InDesign、PageMaker、Quark Xpress等排版软件中，就可以将图像格式保存为EPS格式。

7. PDF格式

PDF格式是Adobe公司开发的一种跨平台的图像文件格式。其支持文本格式，常用于印刷、排版、制作教程等方面。

8. TIFF格式

TIFF格式的出现是为了便于各种图像之间的图像数据交换，应用非常广泛，支持多种色彩模式，并且还在RGB、CMYK和灰度3种模式下支持Alpha通道。该格式采用LZW的压缩方法，是一种无损失的压缩，常用于印刷、出版领域。

任务二：熟悉Photoshop CC操作界面

执行“开始”→“程序”→“Adobe Photoshop CC”命令，进入Photoshop CC界面。选择菜单“文件”→ “打开”命令，在工作区打开一幅图像，Photoshop CC的工作界面如图1-16所示。

图1-16

一、菜单栏

Photoshop CC的菜单栏由“文件”“编辑”“图像”“图层”“文字”“选择”“滤镜”“3D”“视图”“窗口”“帮助”11个菜单项组成，如图1-17所示。单击任意一个菜单项，都会弹出其包含的命令，Photoshop CC的绝大部分功能都可以利用菜单栏中的命令来实现。

图1-17

二、工具箱

工具箱的默认位置位于界面的左侧，包含Photoshop CC的各种图形绘制和图像处理工具，例如对图像进行选择、移动、绘制、编辑和查看的工具，在图像中输入文字的工具，更改前景色和背景色的工具及不同编辑模式工具等。

将鼠标光标移动到工具箱中的任一按钮上时，该按钮将凸出显示，如果鼠标光标在工具按钮上停留一段时间，鼠标光标的右下角会显示该工具的名称。单击工具箱中的任一工具按钮，可将其选择。另外，绝大多数工具按钮的右下角带有黑色小三角形，表示该工具还隐藏其他同类的工具，将鼠标光标放置在这样的按钮上，按下鼠标左键不放或单击鼠标右键，即可将隐藏的工具显示出来。工具箱及隐藏的工具按钮如图1-18所示。

图1-18

三、工具属性栏

工具属性栏位于菜单栏的下方，主要用于对所选工具的属性进行设置，它提供了控制工具属性的选项，其内容会根据所选工具的不同而发生变化。在工具中选取相应的工具后，工具属性栏中将显示该工具可使用的功能及可以进行的编辑操作等内容。例如，选取工具箱中的“渐变工具”，工具属性栏的显示如图1-19所示。

图1-19

四、图像编辑窗口

图像编辑窗口是表现和创作Photoshop作品的主要区域，图形的绘制和图像的处理都在该区域内进行。

图像编辑窗口上方的标题栏中，最左侧显示Photoshop CC的软件图标，其后依次显示图像文件的名称、文件格式、显示比例、当前图层、颜色模式和位深度等信息。例如，在图1-20中，图像窗口的标题栏中显示为“热气球．psd@100%（图层1, RGB/8#）”，它表示当前打开的是一个名为“热气球”的PSD格式的图像文件，该图像的实际大小为100%比例显示，当前工作层为“图层1”，颜色模式为“RGB颜色”，位深度为“8位”。

图1-20

五、状态栏

状态栏位于图像编辑窗口的底部，显示图像的当前显示比例和文件大小等信息，如图1-21所示。状态栏左侧的数值框用于设置图像编辑窗口的显示比例，在数值框中输入需要图像显示的比例后，按Enter键，当前图像即可按照设置的参数进行显示。

图1-21

六、工作区

工作区是指工作界面中的大片灰色区域，工具箱、图像窗口和各种控制面板都处于工作区内。为了获得较大的空间显示图像，可按Tab键将工具箱、属性栏和控制面板同时隐藏，再次按Tab键可以使它们重新显示出来。

七、控制面板

控制面板是Photoshop程序必不可少的组成部分，其增强了Photoshop的功能并使Photoshop的操作更为灵活多样。

控制面板默认位于界面的右侧，Photoshop CC中提供了多个控制面板组。利用这些控制面板可以对当前图像的色彩、大小显示、样式及相关的操作等进行设置和控制。这些面板可以在屏幕上随意移动，可以根据使用者的需要显示或隐藏，并将多个面板进行上下或左右叠放，如图1-22所示。

图1-22

将鼠标光标移动到任一组控制面板上方的灰色区域内，按住左键并拖动，可以将其移动到界面的任意位置。面板除了窗口中的参数选项外，单击其右上角的小三角，即可弹出面板的命令菜单，利用这些菜单可增强面板的功能，如图1-23所示。

图1-23

任务三：掌握图像文件的基本操作

一、新建文件

新建图像是使用Photoshop软件进行设计的第一步。如果要在一个空白的图像上绘图，就要在Photoshop中新建一个图像文件。

（1）运行Photoshop CC，执行菜单“文件”→“新建”命令，打开“新建”对话框，如图1-24所示。

图1-24

操作提示

弹出“新建”对话框的方法有3种：① 执行“文件”→“新建”命令；② 按Ctrl+N组合键；③ 按住Ctrl键，在工作区中双击鼠标左键。

各选项说明：

◆ 名称：是指所选图像文件的名称，新建的文档名默认为“未标题1”，再新建则以“未标题2”设定，依此类推。可在“名称”文本框中输入文字，为图像文件自行命名。

◆ 存储预设：在其下拉列表中可以选择Photoshop已经预设置好的图像尺寸。当自行设置宽度及高度尺寸时，其选项将自动变为“自定”选项。

◆ 宽度：可设置图像的宽度。打开右边的下拉列表，从中可以选择图像尺寸的单位，默认为“像素”，如图1-25所示。

图1-25

操作提示

如果制作的图像是在电脑上观看的，那么一般把单位设置为“像素”；如果图像将被印刷或打印，那么要把单位设置为“厘米”“毫米”或“英寸”。

◆ 高度：可设置图像的高度。同样，打开右边的下拉列表，可以选择图像尺寸的单位。

◆ 分辨率：用来设置新建文件的分辨率，它默认的单位是“像素/英寸”，如图1-26所示。如果图像仅仅在电脑上观看，那么该值无论设为多少，都不会影响图像的显示效果，但如果图像是用于印刷或打印的，那么一般要设置为“300像素/英寸”。精度越高，图像的质量越好，但处理速度也就越慢，默认值为“72像素/英寸”。