图形图像处理
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

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像素/英寸”。

图1-26

◆ 颜色模式:在默认情况下选择“RGB颜色”,如图1-27所示,也就是通常所说的真彩模式。如果图像用于印刷,那么应该选择“CMYK颜色”。

图1-27

◆ 背景内容:用来选择图像背景的颜色,其中共有3个选项。选择“白色”,表示新建图像的背景为白色,如图1-28所示;选择“背景色”,表示新建图像的背景色将是工具箱中所设置的背景色;选择“透明”,表示新建的图像文件没有背景色。在Photoshop中,透明的背景以灰白小方格的形式显示。

图1-28

(2)在“新建”对话框中自行设置选项及参数,“宽度”为370像素,“高度”为215像素,“名称”为“绘制便签”,“分辨率”为72像素/英寸,“颜色模式”为RGB颜色,“背景内容”为白色,如图1-29所示。

图1-29

(3)单击“确定”按钮,即可按照所设置的选项及参数创建一个新的文件,如图1-30所示。

图1-30

二、打开文件

利用菜单栏中的“文件”→“打开”命令,在素材文件夹中打开一幅所需的素材图像。

(1)执行菜单“文件”→“打开”命令,将弹出“打开”对话框。

操作提示

弹出“打开”对话框的方法有3种:① 执行“文件”→“打开”命令;② 按Ctrl+O组合键;③ 在工作区中双击鼠标左键。

(2)单击“查找范围”右侧的下拉列表框或按钮,在弹出的下拉列表中选择要打开图像文件所在的文件夹路径。

(3)在弹出的“打开”对话框中选择所需的图像文件,如图1-31所示。

图1-31

(4)单击“打开”按钮,即可将选择的图像文件在工作区中打开。

操作提示

弹出“打开”对话框后,按住Ctrl键,分别单击图像,可以选择多个非连续的图像;按住Shift键,分别单击图像,可以选择多个连续图像。选择多个图像后,单击“打开”按钮,即可将多个图像文件一起打开。

三、保存文件

对前面新建文档和打开的素材文件进行处理,然后将其保存。

(1)单击新建文档“绘制便签”窗口,将其切换为当前文档。

(2)单击工具箱中的“设置前景色”,此时弹出“拾色器”对话框,在右下角的文本框中输入颜色值为“fff799”,如图1-32所示。

图1-32

(3)执行菜单“编辑”→“填充”命令,打开“填充”对话框,按图1-33所示进行设置,单击“确定”按钮,背景图层被填充了黄色,如图1-34所示。

图1-33

图1-34

(4)单击素材文件窗口,将其切换为当前文档。

操作提示

使用快捷键Alt+Delete可以迅速为所选区域填充前景色,使用快捷键Ctrl+Delete可以迅速为所选区域填充背景色。

相关知识

前景色和背景色

在工具箱中可以设置前景色和背景色,这在处理图像时特别有用。在默认情况下,工具箱中的前景色为黑色,背景色为白色。当想恢复到该默认状态时,可以单击“设置前景色”块左上方的按钮,或者按快捷键D。还可以将前景色和背景色互换,单击“设置前景色”右上方的按钮即可。

(5)单击“图层”面板右上方的图标,弹出其命令菜单,选择“复制图层”命令,弹出“复制图层”对话框,如图1-35所示。单击“确定”按钮,这时可以看到“图层”面板中增加了一个新图层“背景 拷贝”,如图1-36所示。

图1-35

图1-36

操作提示

复制图层是在图像文件中或在图像文件之间复制内容的一种快捷方法。不仅可以在同一图像中复制图层,还可以在两幅不同的图像之间复制图层。复制图层除了可以运用上述方法外,还可以使用以下方法。

(1)使用控制面板按钮:将需要复制的图层拖拽到控制面板下方的“创建新图层”按钮上,可以将所选图层复制为一个新图层。

(2)使用菜单命令:选择“图层”→“复制图层”命令,弹出“复制图层”对话框。

(3)使用快捷键:按住Alt键的同时,单击鼠标左键并拖拽需要复制的图像。

(6)执行菜单“编辑”→“自由变换”命令或按Ctrl+T组合键,调出变换控制框,如图1-37所示。按下Shift键,移动鼠标至变换控制框右上方的控制点上,当光标呈双向箭头形状时,单击鼠标左键并向左下方拖拽,将图像按比例缩放至适当大小,如图1-38所示。按下Enter键确认缩放,如图1-39所示。

图1-37

图1-38

图1-39

操作提示

自由变换命令主要用于图像大小的变换,在缩放时,一定要按下Shift键保持按比例缩放,确保图片不会发生变形。

(7)选择工具箱中的移动工具,拖动“背景 拷贝”图层到新建文档“绘制便签”中,如图1-40所示。

图1-40

操作提示

在使用Photoshop进行创作时,可以使用移动工具将图像由一个文件复制到另一个文件中,也可以在当前文件中移动或复制图像,还可以对选择的图像进行变换、排列等操作。

相关知识

图层

图层是利用Photoshop进行图形绘制和图像处理的最基础和最重要的命令,可以说每一幅图像的处理都离不开图层的应用。在实际工作中,可以将图层想象成一张张叠起来的透明画纸。如果图层上没有图像,就可以一直看到底下的背景图层。通过新建图层可以将当前要编辑和调整的图像独立出来,然后在各个图层中分别编辑图像的每个部分。尤其对于后期修改,应用图层编辑是十分方便的。

(8)这时可以看到“图层”面板中增加了一个新图层“背景 拷贝”,如图1-41所示。在图层名上双击鼠标左键显示文本框,输入“心形”,按下Enter键确认,即对该图层重命名,如图1-42所示。

图1-41

图1-42

(9)选择“心形”图层为当前图层。执行菜单“编辑”→“变换”→“旋转”命令(Ctrl+T组合键),调出变换控制框,如图1-43所示。移动鼠标至控制框右上方的控制点外,单击鼠标左键并向下拖拽,旋转至合适的角度后释放鼠标左键,按下Enter键确认旋转,如图1-44所示。

图1-43

图1-44

(10)在“图层”面板上将“心形”图层混合模式设置为“正片叠底”,如图1-45所示,效果如图1-46所示。

图1-45

图1-46

(11)在“图层”面板底部单击“创建新图层”按钮,新建“图层1”,在图层名上双击鼠标左键显示文本框,输入“回曲针”,按下Enter键确认,即对新建图层重命名,如图1-47所示。

图1-47

(12)选择工具箱中的矩形工具组中的自定形状工具,单击工具属性栏中的“像素”选项。在“自定形状”拾色器中设置“形状”为“回曲针”,如图1-48所示。

图1-48

(13)设置前景色为灰色(#d7d7d7)。移动鼠标至图像编辑窗口中,在按住Shift键的同时,单击鼠标左键并拖拽,绘制出适当大小的标准形状,如图1-49所示。

图1-49

操作提示

在“自定形状”拾色器中选择所需的形状,移动鼠标至图像编辑窗口中,在按住Shift+Alt组合键的同时单击鼠标左键并拖拽,可以绘制出一个以起点为中心的标准形状。

(14)按住Ctrl+T组合键,旋转“回曲针”至合适的角度。确认变换后,选择工具箱中的移动工具,拖动“回曲针”至图像右上角位置,如图1-50所示。

图1-50

(15)保存文件。执行菜单“文件”→“存储”命令或按Ctrl+S组合键,弹出“存储为”对话框,制定文件的保存路径,在格式下拉列表中选择文件格式为“PSD”,如图1-51所示。单击“保存”按钮即可将文件保存。最终效果如图1-52所示。

图1-51

图1-52

操作提示

文件的保存命令主要包括“存储”(Ctrl+S组合键)和“存储为”(Ctrl+Shift+S组合键)两种方式。对新建的文件进行编辑后保存,使用“存储”和“存储为”命令的性质是一样的,都是为当前文件命名并进行保存。但对打开的文件进行编辑后再保存,就要分清是用“存储”命令还是“存储为”命令。“存储”命令是将文件以原文件名进行保存,而“存储为”命令是将修改后的文件重命名后进行保存而保留原来文件。