Transcript

第 1 章 Photoshop CS 基础知识

学习目标:本章主要目的是让读者初步了解 Photoshop C

S 的基本用途以及应用领域并认识其工作界面。讲解 Photo

shop 的基础知识和操作。本章要点: Photoshop 基础知识及操作、应用范围本章难点:掌握学习 Photoshop 之前的预备知识知识点: 1 、 Photoshop 基础知识和操作命令的掌握 2 、 Photoshop 创作范围、用途能力点: 【工具箱的工具】的各种操作

1.1 Photoshop CS 功能简介

Photoshop 是当今最流行的平面设计和图像编辑专业软件,已经被广泛地应用到了各行各业。它的功能十分强大,可以支持多种图像格式和颜色模式,能同时进行多图层处理。其绘画功能与选取功能使图像编辑变得十分方便,图像变形功能可用来制造特殊的视觉效果。 Photoshop 具有开放式的结构,支持 TWAIN-32 接口,可接受广泛的图像输入设备,如扫描仪和数字照相机 。

1.1.1 Photoshop 的基本功能

◆ 支持大量图像格式。 ◆ 处理图像尺寸和分辨率。 ◆ 图层功能。 ◆ 绘画功能。 ◆ 选取功能。 ◆ 色调和色彩功能。 ◆ 旋转和变形。 ◆ 支持多种颜色模式。 ◆ 开放式结构。

1.2 Photoshop 的基本概念

1.2.1 图像类型 在计算机中,图像是以数字方式来记录、处理和保存。所以,图像也可以说是数字化图像。图像类型大致可以分两种:矢量式图像与位图式图像。这两种类型的图像各有特色,也各有优缺点。因此在绘图与图像处理过程中,往往需将这两种类型的图像交叉运用,才能取长补短,使用户的作品更为完善。1 .位图图像 位图图像是由像素点组合而成,通常 Photoshop 和其他一些图像处理软件,如 Paint 、 Cool 3D 等软件生成的都是位图,由于位图图像由像素点组成,因此在像素点足够多的情况下,此类图像能表达色彩丰富、过度自然的图像效果。

由于在保存位图时,计算机需要记录每个像素点的位置和颜色,所以图像像素点越多(分辨率越高),图像越清晰,文件越大,所占硬盘空间也越大,在处理图像时机器运算速度也就越慢。 位图的重要参数是分辨率,无论是在屏幕上观察还是打印,其效果都与分辨率有非常大的关系。

位图图像放大后显示出像素点

2 .矢量图形矢量图形是由一系列数学公式表达的线条所构成的图形,在此图形中构成图像的线条颜色、位置、曲率、粗细等属性都由许多复杂的数学公式表达。用矢量表达的图形,线条非常光滑、流畅,当我们对矢量图形进行放大时,线条依然可以保持良好的光滑性及比例相似性,从而在整体上保持图形不变形,图所示为矢量图形与其放大后的效果。

由于矢量图形以数字公式的表达方法被保存,通常矢量图形文件所占空间较小,而且做放大、缩小、旋转等操作时,不影响图形的质量,此种特性也被称为无级平滑缩放。 矢量图形由矢量软件生成,此类软件所绘制图形的最大优势体现在印刷输出时的平滑度上,特别是文字输出时具有非常平滑的效果。

1.2.2 分辨率 分辨率是指在单位长度内所含有的点(即像素)的多少。通常我们会将分辨率混淆,认为分辨率就是指图像分辨率,其实分辨率有很多种。

图像分辨率常以【宽 X 高】的形式来表示。例如一幅 3x5 的图像的

分辨率是 150ppi,则在此图像中宽度方向上有 450 个像素,而在高度方向上则有 750 个像素,图像的像素总量是 450x750 个。高分辨率的图像比相同打印尺寸的低分辨率图像包含的像素多,因此图像在打印输出时会更清楚、细腻。图所示为相同大小的情况下,不同分辨率的图像的显示效果。可以看出,分辨率低的图像看上去更模糊。

分辨率为 90 分辨率为 20

2. 显示分辨率 显示器上单位长度所显示的像素或点的数目,通常是用每英寸的点数( dpi )来衡量的,显示器的分辨率取决于该显示器的大小及其像素设置。 典型的 PC显示器的分辨率大约是 96dpi , Mac OS显示器的分辨率是 72dpi 。了解显示器分辨率有利于解释为什么屏幕图形的显示尺寸通常与其打印尺寸不一样。 例如,一张 16cmx12cm 、分辨率为 50dpi 的图像和一张 8cmx6

cm 、分辨率为 100dpi 的图像其像素大小都是 218K ,在屏幕上 100

%显示状态下大小都一样,如图所示。

示例表明,当图像在像素量相同的情况下,分辨率高但尺寸小与分辨低但尺寸大的图像具有相同的显示外观。

选择【视图】 | 【打印尺寸】命令,分别将两个图像调整至打印尺寸时的效果,会发现第一张的大小变为了 144% ,第二张图像的显示大小变为了72% 。如图所示。

3. 打印分辨率

打印分辨率是指由绘图仪或激光打印机产生的每英寸 (dpi) 的墨点数。为达到最佳效果,图像分辨率要与打印机分辨率相称,而不是相等。大多数的激光打印机具有 300dpi~ 600dpi 的输出分辨率, 72dpi~ 150dpi 的图像就能产生很好的效果。 高级绘图仪可以打印 1200dpi

或更高,而 200dpi~ 300dpi 的图像就能够产生很好的效果。

1.2.3 颜色模式

Photoshop CS提供了数种颜色模式。每一种模式的特点均不相同,应用领域也各有差异。1 .位图模式 【位图】模式的图像也叫做黑白图像或一位图像,因此它只使用两种颜色值,即黑色和白色来表现图像的轮廓,黑白之间没有灰度过度色,此类图像占用的内存空间非常少。当要将一幅彩色图像转换成黑白图像,必须先将该图像转换成灰度模式的图像,然后再将它转换成只有黑白的图像,即位图模式的图像。

2. 灰度模式 【灰度】模式的图像是由 256 种组成,因此每个像素可以用 8 位或 16 位来表示,因此色调表现力比较丰富。将彩色图像转换成【灰度】模式时,所有的颜色信息都将被删除。虽然 Ph

otoshop允许将灰度模式的图像在转换为彩色模式,但是原来已丢失的颜色信息不能在返回。因此,在将彩色图像转换成【灰度】模式之前,应该利用【存储为】命令保存一个备份图像。

3. Lab 模式 【 Lab 】模式是由三种分量来表示颜色。此模式下的图像由三通道组成。通常我们不会用此模式,但使用 Photoshop 编辑图像时,事实就已经使用了这种模式,因为 Lab 模式是 Photoshop内部的颜色模式。例如,要将 RGB 模式的图像转换成 CMYK 模式的图像, Photoshop

会先将 RGB 模式转换成 Lab 模式,然后由 Lab 模式转换成 CMYK 模式,只不过这一操作在内部进行而已。因此 Lab 模式是目前所有模式中包含色彩范围最广泛的模式,它能毫无偏差地在不同系统和平台之间进行交换。图 01to12 所示, Lab 模式定义色彩也有 3 个参数。L :代表亮度,范围在 0—100;a: 是由绿到红的光谱变化,范围在 -120—120 之间;b: 是由蓝到黄的光谱变化,范围在 -120—120 之间;

4. RGB 模式 【 RGB 】颜色模式是 Photoshop默认的颜色模式,此颜色模式的图像是由红( R )、绿( G )和蓝( B )3 种颜色的不同颜色值组合而成。 RGB 颜色模式给彩色图像中每个像素的 R 、 G 、 B 颜色值分配一个 0—255 范围的强度值,一共可以生成超过 1670万种颜色,因此 R

GB 颜色模式下的图像非常鲜艳、丰富。由于 R 、 G 、 B

三种颜色合成后产生白色,所以 RGB 颜色模式也被称为“加色”模式。RGB 颜色模式所能表现的颜色范围非常广,因此将此颜色模式的图像转换成为其他包含颜色种类少的颜色模式时,则有可能丢失或偏色。

5 、 CMYK 模式 【 CMYK 】颜色模式是标准的工业印刷颜色模式,如果要将 RGB

等其他颜色模式的图像输出并进行彩色印刷,必须要将其颜色模式转换成 CMYK 。 CMYK 颜色模式的图像由 4 种颜色组成,青( C )、洋红( M )、黄( Y )和黑( K ),本质上与 RGB 模式没有区别。但它们产生色彩的方式不同, RGB 模式产生色彩的方式称为加色法,而 C

MYK 模式产生色彩的方式称为减色法。例如显示器采用 RGB 模式,这是因为显示器可以用电子光束轰击荧光屏上的磷质材料发出光亮而产生颜色。当没有光时为黑色,光线加到极限时为白色。假如我们采用了 RGB 颜色模式去打印一份作品,将不会产生颜色效果,因为打印油墨不会自己发光。因而只有采用一些能够吸收特定的光波而靠反射其他光波产生颜色的油墨。也就是说,当所有的油墨加一起时是黑色。油墨减少时才开始出色彩,当没有油墨时就成为白色。这样就产生了颜色,所以这种生成色彩的方式就称为减色法。

6. 双色调模式 【双色调】是在灰度图像上添加一种或几种彩色的油墨,以达到有彩色的效果,比起常规的 CMYK四色印刷,起成本大大降低。7. 多通道模式 【多通道】模式是在每个通道中使用 256级灰度,多通道图像对特殊的打印非常有用。 将 CMYK 模式图像转换成多通道模式后可创建青、洋红、黄和黑专用通道,将 RGB 模式图像转换成多通道模式后可创建青、洋红、黄和黑专用通道,当用户从 RGB 、CMYK或 Lab 模式的图像中删除一个通道后,该图像自动转换成多通道模式。

7. 索引色模式 与 RGB 和 CMYK 模式的图像不同,【索引】模式依据一张颜色索引表控制图像的颜色,在此颜色模式下图像的颜色种类最高为 256 种,因此图像文件小,大概只有同条件下 RGB 模式图像的 1/3 ,大大减少了文件所占的磁盘空间,缩短了图像文件在网络上的传输时间,因此被较多地应用于网络中。 将图像转换成【索引】模式后,对于被转换前颜色值多于 256 种得到图像,会丢失许多颜色信息。虽然还可以从【索引】模式转换成 RGB 、 CMYK 的模式,但 Photo

shop 无法找回丢失的颜色,所以在转换之前应该备份原始文件。

1.2.4 图像格式

在计算机绘图中,有相当多的图形处理软件,而不同的软件所保存的图像格式则各不相同。例如,用微软公司的“画图”软件保存的图像是扩展名为 .BMP 的图像,用柯达公司的 PhotoCD 保存的图像是扩展名为 .PCD 的图像。然而,不同的格式都有不同的优缺点,所以每一种图像格式的存在都有它的独到之处。在 Photoshop CS 可以打开不同格式的图像进行编辑并保存,或者根据需要另存为其他格式的图像。但要注意,有些格式的图像只能在 Ph

otoshop 中打开、修改并保存,而不能另存为其他格式。

1.5 图层、路径与通道的使用 1.5.1 图层

图层是 Photoshop 中非常重要的一个工具,被称为 Pho

toshop 的灵魂,一幅用 Photoshop 制作的作品往往是由多哥图层合成的。图层 , 就是图像的层次,在 Photoshop 中可以将图像想像成一张张叠起来的透明胶片,如果图层上没有图像,就可以一直看到底下的图层, 通过图层可以将图像中各个元素分层处理及保存,以便对图像的编辑处理具有更大的弹性和操作空间。每个图层相当于一个独立的图像文件,因此几乎所有的命令都能在某个图层上进行独立的操作与编辑。 由于每个图层相对独立,可以向上或向下移动图层,从而达到改变图层相互覆盖关系的目的,得到各种不同效果的图像。

图层类型Photoshop CS 的图层类型较多,其主要类型有【背景图层】,

【空白图层】,【文本图层】,【形状图层】,【调整图层】,【填充图层】等。不同的图层有不同的特征,利用不同的图层可以进行不同的处理 .

( 1 )背景图层:【背景图层】是一个不透明的图层,它始终位于图层的最下方,以【背景色】为底色。我们无法更改它自身的图层顺序。【背景图层】的透明度值不能改变,我们也无法更改它的图层顺序。

2 )空白图层 【空白图层】是一种无图透明的图层,可以在该图层上任意绘制图形。我们在绘制图形时一般要建立空白图层,以便于在【空白图层】里对绘制的图像进行修改和编辑。所有对该图层的操作不会影响其它的图层。

3 ) 文本图层: 【文本图层】是应用文字工具输入文字后所自动建立的新图层。在该图层里可以编辑不同的文字特效。它在调板的缩览图中有一个“ T” 字母符号 . 【文本图层】具有文字内容和文字格式,可以对它进行绘制、编辑和修改;输入文字后它的名称默认为输入的文本。但是,许多命令如【滤镜】......等都不能在【文本图层】中使用。 【文本文字】可以转化为位图,转化后不能使用【文字工具】进行编辑、修改。

( 4 ) 形状图层【形状图层】是使用形状工具或路径工具所建立的【图层】,该【图层】的形状一般会自动填充前景色,也可以改为其它颜色或图案。该图层的形状轮廓存储在链接到【图层】的矢量蒙版中。

( 5 )调整图层【调整图层】是对图像进行编辑、修改的【图层】,该【图层】的颜色和色调的更改发生在该【图层】内。而且,你还可以象操作【普通图层】那样,对该【图层】进行设置【不透明度】和【混合模式】选项,或者进行重排、删除、隐藏和复制。

( 6 )填充图层【填充图层】是在当前图层上建立一种颜色(纯色或渐变色)或图案,并结合图层蒙板的功能,从而产生一种遮盖特效。

1.5.2 路径

路径是 Photoshop 的重要辅助工具,不仅可以用于绘制图形,更为重要的是能够转换成为选区,从而使我们又增加了一种制作选区的方法。 一条路径由路径线、节点、控制句柄3个部分组成,节点用于连接路径线,节点上的控制句柄用于控制路径线的形状,图所示为一条典型的路径,图中使用小圆标注的是节点,而使用小方块标注的是控制句柄,节点与节点之间是路径线。

控制句柄

路径

节点

在 Photoshop 中有两种绘制路径的工具即钢笔工具和形状工具,使用钢笔工具可以绘制出任意形状的路径,使用路径形状工具可以绘制出具有规则外形的路径。

绘制路径 在工具箱中单击钢笔工具按钮不放,弹出如图所示的路径组,路径工具组包含 5 个工具。它们是:【钢笔工具】、【自由钢笔工具】、【添加锚点工具】、【删除锚点工具】、【转换点工具】。

绘制直线 直线的绘制是【路径】工具使用中最简单的操作。操作步骤:( 1 )选择【钢笔工具】; ( 2 )将鼠标移到窗口,在路径的开始点单击,形成路径的第一点;在绘制路径的过程中所自动出现的正方形小方快叫【锚点】。( 3 )移动鼠标,在所需形象的第二点位置上单击,就与起始【锚点】相连而产生出直线段;( 4 )依次在所需的位置单击就可创造出第三、第四条线段。依此类推,直到创建出完整的直线图形。

直线绘制步骤示意图

绘制曲线

绘制曲线与绘制直线不同 , 它需要在每个定位【锚点】位置单击,并且同时拖动鼠标来创建出【曲线路径】。 【曲线路径】是指在使用【钢笔工具】住鼠标拖动时而产生出一种名叫【 Bezier曲线】所构成的线条和图形。 【 Bezier曲线】是由三个点的组合定义而成。其中一点在【曲线】上,另外两点在控制手柄上,通过改变这三点即可改变【曲线】的方向和平滑度并生成优美的曲线。如图

1.5.3 通道与蒙版 通道概念 在 Photoshop 中,通道是很重要的一种图像处理方法。这不仅是因为使用通道能够对图像进行非常细致地调节,更在于通道是 Photoshop 保存颜色信息的基本场所。通道基本功能 通道有两大功能即储存图像颜色信息和存储选区,在Photoshop 中,通道的数目取决于图像的颜色模式。例如, CMYK 模式的图像有 4 个通道即 C 通道、 M 通道、Y 通道、 K 通道,以及由四个通道合成的复合通道。而 R

GB 模式图像则有 3 个通道即 R 通道、 G 通道、 B 通道和一个合成通道即 RGB 通道,如图

CMYK 模式图像 RGB 模式图像

不同的通道保存了图像的不同颜色信息,例如在 RGB 模式图像中,“红”通道保存了图像中红色像素的分布信息,“蓝”通道保存了图像中蓝色像素的分布信息,正是由于这些原色通道的存在,所有的原色通道合成在一起时,才会得到具有色彩效果的图像。

通道面板组成

Photoshop 使用【通道】调板来对通道进行操作。下面详细介绍其使用方法。单击【窗口】 | 【通道】命令,可以显示【通道】调板。通过该面板,可以完成所有的通道操作,如建立新通道、删除、复制、合并以及拆分通道。首先熟悉一下该面板的组成。

将通道作为选区载入

将选区保存为通道

删除当前通道

创建新通道

Alpha 通道

在 Photoshop 中新建的通道被自动命名为 Alpha 通道 ,Alpha

通道用来存储选区,与选区存在着密不可分的关系,通道可以转换成为选区,而选区也可以保存成为通道。例如,图所示为一个图像中的 Alpha 通道,在其被转换成为选区后,可以得到选区。

Alpha 通道中的黑色区域对应非选区,而白色区域对应选择区域,由于 Alp

ha 通道中可以创建从黑到白共 256

级灰度色,因此能够创建并通过编辑得到非常精细的选择区域。

复制与删除通道 要在一幅图像内复制通道,可直接将需要复制的通道拖至【通道】调板下方创建新通道按钮上,或选择要复制的通道,在【通道】调板弹出菜单中选择【复制通道】命令。要删除无用通道,可以在【通道】调板中选择要删除的通道,并将其拖至调板下面的删除当前通道按钮中 .

通道操作

分离、合并通道 当前图像只有一个背景层时,选择分离通道命令,可将每个通道独立地分离为单个文件并关闭原文件。如图所示为原图像及对其执行分离通道操作后得到的 4 个图像文件。

对于分离通道产生的文件,在未改变这些图像文件尺寸的情况下,可以在【通道】调板中选择【合并通道】命令以将其合并起来,此命令弹出的对话框如左图所示。在模式下拉菜单中选择合并通道后的图像模式,每种模式的通道数显示在【通道】数值中。在此如果选择【 C

MYK 颜色】选项,单击【好】按钮后弹出如右图所示的对话框。

通道运算 使用【图像】 | 【计算】命令,可以将两个通道通过各种混合模式复合成为一个新的通道。选择【图像】 |

【计算】命令,弹出如图所示的对话框

对话框中的重要参数说明如下。源 1   在此下拉菜单中,选择用于计算的第1个源图像文件。图层   在此下拉菜单中,选择要使用的图像的图层。通道   在此下拉菜单中,选择需要进行计算的通道名称。源 2   在此选择需要进行运算的第 2 个图像。混合  在此下拉菜单中选择两个通道进行计算时运用的混合模式,并设置【不透明度】的值。蒙版  如果选择此复选项,则可以通过蒙版应用混合效果。此时,【计算】对话框下面的变化如图 1-52 所示,在其中选择用作蒙版的文件名、图层与通道。

选择【蒙版】选项后增加的参数

结果  在此下拉菜单中可以选择计算后通道的显示方式。选择【新文档】选项,生成一个仅有一个通道的多通道模式图像;选择【新通道】选项在当前图像文件中生成一个新通道;选择【选区】选项生成一个选择区域。图为两个通道 Alpha1 和 Alpha2 。

选择【图像】 | 【计算】命令并将弹出的【计算】对话框设置为如左图所示,则可以得到如右图所示的通道效果。

蒙版 蒙板就是新建了一个通道,和通道不同之处,蒙版是把通道拿出来直接作用在图层上。也就是说蒙版是拿到图层上来的通道,让它直接给图层起作用。蒙版就是通道,所以它有通道的所有特性 .

蒙版的应用 1 、 首先执行【文件】 | 【打开】命令,打开两幅素材图像

图像一 图像二

2 、在“图像一”窗口中按 Ctrl+A快捷键,将“图像一”全部选中,按 Ctrl+C拷贝选中的图像,切换到“图像二”窗口,按 Ctrl+V快捷键,将“图像一”粘贴到“图像二”中。完成后效果如左图。3 、执行【窗口】 | 【显示图层】命令,打开【图层面板】,点击【图层面板】上的【添加蒙版】按钮,为上面的图层创建图层蒙版,如右图 .

4 、 在工具箱中将【前景色】设置为黑色,然后选择【画笔工具】,用柔笔类的画笔在蒙版上绘制,将当前图层中要隐藏起来、显示下面图层的地方用蒙版蒙住,这样底下的图像就显露出来了,效果如图

我们可以将蒙版删除,用鼠标将蒙版的缩览图拖放到【图层面板】的【删除图层】按钮上,在弹出的提示框中单击【应用】按钮即可。

删除蒙版后的效果

5 、然后在对图层 1 进行复制、缩放并调整位置,最后效果如图

1.6 Photoshop CS 在艺术设计中的应用

艺术形式的创新从来就是每个时代审美追求的一面旗帜。在计算机高度普及的今天 , 运用这一高科技的技术手段驾驭表现形式的“电脑美术”应运而生。 Photoshop 是目前最常用的电脑绘图软件,它被广泛地应用于艺术设计的各个领域,如广告设计、包装设计、书籍装祯设计、网页美工设计等,是我们艺术设计专业学生必须掌握的一个通用软件。

Photoshop 在图形设计中的应用 图形设计在平面设计中起着举足轻重的作用,是平面设计的灵魂,是造型艺术中独特的思维方式,其目的是用形象语言向受众表达思想,或引起受众的关注。设计的形象越独特,越新颖,它的吸引力也就越大。

《呼喊》

Photoshop 在色彩构成中的应用 色彩是感 官元素,在视觉传达设计中与图形有着同样的重要性。一件设计作品的美感是综合了形态、色彩、质感。 Photoshop 作为图像处理软件,在色彩的使用及调控方面有着强的优势,快捷的填充,灵活的色彩更换方式,能广泛地应用在色彩构成创造中。

《我》

《多彩人生》

Photoshop 在广告招贴设计中应用 招贴广告又叫“海报”或“宣传画”,其实是一种在户外张贴的平面广告,属于户外广告。 海报以直观、醒目、简单明了的方式传达信息,设计上讲究创意和视觉上的冲击力来达到一目了然的目的。

电影《骇客帝国》宣传海报

易镜荣设计某高校50

周年校庆宣传海

Photoshop 在书籍装帧设计中的应用 书籍装祯是平面的,从外面上能看到封面、封底和书脊三个面,所有这些都是在平面的基础上进行设计。书籍的外观方面的设计更多的是指封面设计。

Photoshop 在室内外设计效果图中的应用

在利用 3DS MAX 制作的效果图后期处理方面, Photoshop 更能发挥其在图形图像编辑中的优势,也是每一位从事电脑效果图制作的设计人员必须要掌握的技能。

在人们以往的概念中,电脑无论应用到哪个领域,充其量都只不过是一种先进的工具。其实 Photosh

op 已经超越了只是作为美术设计人员的工具的作用,其实它不仅提高了设计与绘图制作的速度,而且给艺术领域带来了新的观念、新的表现手法、新的视觉效果和新的欣赏标准。

Photoshop 在美术绘画效果设计中的应用

易镜荣 电脑美术作品《烟雨武功山》

《金池荷花》

Photoshop 在网页美工设计中的应用 随着 Internet 的流行,从事网页设计的人也越来越多。当前很多应用软件都在其中增加了网页的功能, Photoshop 也因此与 Image

Ready 结合在了一起,实现了两者的有机集成。