- Photoshop CC图形图像处理任务驱动式教程 第3版
- 吴建平
- 8字
- 2025-02-17 18:19:07
任务1 雕塑字制作
1.1 知识准备——初识Photoshop CC 2015
Photoshop是Adobe公司旗下最著名的图像处理软件之一。它的第一个版本Photoshop1.0.7于1990年2月正式发布。经过20多年的发展,Photoshop已经升级至CC版本。本书以Photoshop CC 2015(Adobe Creative Cloud 2015)中文版为平台,介绍常用的图像处理方法。
Adobe Photoshop CC 2015是Adobe产品史上最大的一次升级,可以通过更直观的用户体验、更大的编辑自由度来提高用户的操作效率。因此,它是平面设计、Web设计等行业从业人员的理想选择。
1.1.1 Photoshop CC 2015入门及主要新增功能
要尝试Photoshop CC 2015强大的图像处理功能,首先要启动该软件进入其工作环境。
1.启动Photoshop CC 2015
在确保计算机已安装了Photoshop CC 2015的前提下,常用的启动方法有用鼠标双击桌面上的Photoshop CC 2015快捷图标、从Windows开始菜单上启动以及直接打开Photoshop文件等。以下主要讲解前两种启动方法。
(1)方法1
用鼠标双击桌面上的Photoshop CC 2015快捷图标,即可启动该软件,如图1-1所示。

图1-1 从桌面上启动Photoshop CC 2015
(2)方法2
从Windows“开始”菜单上启动。用鼠标单击桌面左下角的按钮,在弹出的“开始”菜单中选取“程序”→“Adobe Photoshop CC 2015”命令,即可启动该软件,如图1-2所示。

图1-2 从“开始”菜单中启动Photoshop CC 2015
2.Photoshop CC 2015界面介绍
启动Photoshop CC 2015后,即可进入图1-3所示的工作界面。从图中可见,其工作界面主要由菜单栏、选项栏、工作区、工具箱、调整面板和状态栏等组成。

图1-3 Photoshop CC 2015工作界面
3.Photoshop CC 2015主要新增功能
Photoshop CC 2015的界面与功能的结合更加趋于完美,各种命令与功能得到了充分扩展,最大限度地为用户的操作提供了简捷、有效的途径。Photoshop CC 2015还增加了多画板支持、新设计空间以及Adobe图库等重要的新功能。
(1)多画板支持
Photoshop CC 2015的重要功能更新就是对多画板的支持。以往的版本因为不支持多画板,即使设计师使用双显示器,也只能在一个画板中作图。从现在开始,多画板支持能大大方便使用Photoshop的专业设计师的需求。具体操作方法将在本书相关任务中进行介绍。
(2)新设计空间
Photoshop CC 2015的设计空间是完全为网页和UI设计而打造的专属功能。当用户开启“PS设计空间”模式后,Photoshop界面中与UI/Web设计无关的功能会被隐藏(比如3D工具等),用户可以在UI设计专属的操作界面中更方便和专注地完成专项设计,从而提高工作效率。
(3)Adobe图库
图库是独立设计师、大型设计机构非常重要的素材必备。现在,Adobe收购了图库素材供应商Fotolia,Adobe也有了多达4千万图片的库存。这个庞大的素材库借Photoshop CC 2015的推出,作为在线服务而盛装出场。
用户设计网页和APP的时候,可以直接调用和处理Adobe图库中低分辨率带水印的图片。在确定设计方案之后,可以再以内购的方式购买高清无码版本的图片素材。
1.1.2 熟悉工具箱
Photoshop CC 2015的工具箱包含常用工具,如选框工具、移动工具等。工具箱中每一个按钮都代表一个工具或者选项,使用鼠标单击要选取的工具,按钮呈高亮按下状态,即表示已经选中了该工具或者选项。图1-4a列出了Photoshop CC 2015工具箱中主要工具的图标和名称。其中,各工具的作用将在应用过程中进行相应的介绍。

图1-4 Photoshop CC 2015工具箱中主要工具的图标和名称及其工具组 a)Photoshop CC 2015的工具箱 b)选中弹出形状工具组
如果工具按钮右下方有一个三角符号,则表示该工具还有弹出式的工具,持续选中工具则会出现一个工具组。图1-4b所示为持续选中形状工具时弹出的该工具组。
1.1.3 Photoshop CC 2015的基本操作
新建、打开和存储图像文件如下所述。
1)要在Photoshop CC 2015中创建一个新的图像文件,可按以下步骤操作。
①选择“文件”→“新建”命令,弹出“新建”对话框,如图1-5所示。

图1-5 “新建”图像文件对话框
②在“名称”中输入新建图像的名称,也可以等到编辑完成后,保存文件时再进行命名。
③“宽度”和“高度”是指图像的大小尺寸,打开下拉菜单,可以看到其单位有:像素、英寸、厘米、毫米、点、派卡、列等,如图1-6所示。

图1-6 设置图像尺寸单位
④“分辨率”是指计算机的屏幕所能呈现的图像的最高品质,一般PC屏幕的分辨率为72像素/英寸。
⑤颜色模式”可以设置图像的色彩模式,有位图、灰度、RGB颜色、CMYK颜色和Lab颜色等。
⑥“背景内容”用来控制文件的背景颜色,可以将背景颜色设为白色、背景色或者透明。
⑦“图像大小”显示文件所占磁盘空间,单击“确定”按钮,即完成新建图像。
2)要在Photoshop CC 2015中打开一个原来已有的图像文件,操作步骤如下。
①选择“文件”→“打开”命令,或用鼠标双击操作窗口,即弹出“打开”对话框,如图1-7所示。

图1-7 “打开”对话框
②“文件类型”默认情况下为“所有格式”,可从下拉菜单中选择需要的某种文件格式,则该目录中只会出现相应格式的文件。
③在目录空白处,单击鼠标右键,可选择不同查看方式:缩略图、平铺、图标、列表和详细信息等。
④用鼠标单击要打开的文件,可在对话框下方预览图片及大小,若同时打开多个文件,可按住<Ctrl>键,然后用鼠标进行选取,若要选取多个连续的文件,可以按住<Shift>键,再用鼠标进行选取,使用<Ctrl+A>组合键可选中所有文件。
⑤单击“确定”按钮,即可将所选图像打开。
3)保存图像文件。
图像编辑完成后,要保存图像,操作步骤如下。
①未被保存过的新建图像或将当前图像保存为其他格式。执行“文件”→“存储为”命令,或直接按<Ctrl+Shift+S>组合键,调出图1-8所示的对话框。输入要保存的文件名,通过下拉菜单选择文件格式及保存路径,单击“保存”按钮即可。

图1-8 “存储为”对话框
Photoshop CC 2015支持将文件保存为多种文件格式,如我们最常用到的BMP、GIF和JPEG等。不同的格式,会有不同的存储选项,无法使用的部分会显示为灰色。
②如果是之前已经保存过的图像,可执行“文件”→“保存”命令保存进行修改后的设计,也可使用组合键<Ctrl+S>进行保存,图片将会覆盖原来存储的文件。
③关闭Photoshop CC 2015时,若图像的编辑操作尚未保存,系统会提示是否保存对当前文件的修改,如图1-9所示。选择“是”,按以上方法进行保存。

图1-9 “未保存修改的警告”对话框
1.1.4 选区及其主要编辑方法
在使用Photoshop CC 2015设计和处理图像的过程中,我们会用到某些需要调整的特定区域,这就是选区。选区有规则形状和任意形状之分,图1-10所示为规则形状选区,而图1-11所示为不规则形状的文字选区。

图1-10 规则形状选区

图1-11 不规则形状的文字选区
Photoshop CC 2015有多种创建选区的途径和编辑选区的功能,以下先介绍专门用于创建选区的选区工具和几个常用的编辑选区的命令。
1.选区工具
Photoshop CC 2015提供了3种选区工具:选框工具、套索工具、魔棒工具,用来在图像中创建选区。
(1)选框工具
图1-12所示为选框工具。选框工具用来产生规则的选择区域,包括矩形选框工具、椭圆选框工具、单行选框工具和单列选框工具。图1-13所示的一组图片,为分别用不同选框工具创建的选区。

图1-12 选框工具

图1-13 用不同选框工具创建的选区
a)矩形选区 b)椭圆选区 c)单行选区 d)单列选区
(2)套索工具
图1-14所示为套索工具,包括自由套索工具、多边形套索工具和磁性套索工具。自由套索工具用来产生任意形状的选择区域。多边形套索工具可产生直线型的多边形选区。磁性套索工具可自动跟踪图像中物体的边缘形成选择区域。图1-15所示的一组图片,为分别用不同套索工具创建的选区。

图1-14 套索工具

图1-15 用不同套索工具创建的形状的选区
a)自由套索创建的选区 b)多边形套索创建的选区 c)磁性套索创建的选区
(3)魔棒工具
魔棒工具名称的由来是因为它具有魔术般的奇妙作用,如图1-16所示。魔棒工具包括魔棒工具和快速选择工具。在Photoshop CC 2015中使用魔棒工具创建选区的原理与选框工具和套索工具不同。魔棒工具是根据在图像窗口中单击处的颜色范围来创建选区的,图1-17中间的选区就是用魔棒工具单击产生的。

图1-16 魔棒工具

图1-17 用魔棒单击产生选区
快速选择工具是智能的,它比魔棒工具更加直观和准确。用户只需在要选取的整个区域中涂画或连续用鼠标单击,快速选择工具会自动调整所涂画的选区大小,并寻找到边缘使其与选区分离。图1-18中间的选区就是用快速选择工具单击产生的。

图1-18 用“快速选择工具”单击产生选区
2.编辑选区的常用命令
在Photoshop CC 2015中,可以对选区进行如显示、隐藏、删除和反选等操作。这些看似简单的命令在实际工作中却是最常用的,灵活运用并熟练掌握这些命令的使用方法及操作技巧,可以大大提高工作效率和选区的编辑质量。具体命令快捷键及功能如表1-1所示。
表1-1 选区常用编辑命令功能表

在编辑图像时灵活利用“反选”命令,可以使创建复杂选区的工作变得相当简单。例如,在图1-19中,要编辑和修饰图像中的人物,无论使用哪种选区工具都很难创建精确的选区。但是从该图中可以看出,图像人物以外的背景色彩比较单调,利用魔棒工具可以很轻松地将背景中的颜色全部选中,如图1-20所示。然后按下组合键<Shift+Ctrl+I>,执行“反选”命令,即可得到图1-21所示的人物选区。

图1-19 素材图片

图1-20 选取背景区域

图1-21 执行反选命令获得人物选区
1.1.5 文字工具及文字编辑
Photoshop CC 2015工具箱中提供了4种文字工具:横排文字工具、直排文字工具
、横排文字蒙版工具
和直排文字蒙版工具
,如图1-22所示。选取文字工具,工具选项中会显示出相应的文字工具属性栏,如图1-23所示。

图1-22 文字工具组

图1-23 文字工具属性栏
使用文字工具输入文字时,可以在文字工具属性栏中设置好文字的字体、字号、颜色和形状等。
1.创建文字
(1)横排文字输入
用鼠标单击文字工具,选择横排文字工具,在图像中用鼠标单击,出现输入光标后即可输入文字,如图1-24所示。

图1-24 横排文字输入
完成文字输入后,用鼠标单击其他工具,退出文字编辑状态,确认文字输入;按<Esc>键即可取消当前文字输入。
Photoshop CC 2015将文字以独立图层形式存放,输入文字后,会自动建立一个文字图层,图层名称就是文字内容。文字图层具有与普通图层一样的性质,如图层混合模式、图层样式、不透明度等。
(2)直排文字输入
用鼠标单击文字工具,选择直排文字工具,便可输入直排文字,如图1-25所示。

图1-25 直排文字输入
(3)创建横排文字选区
用鼠标单击文字工具,选择横排文字蒙版工具,在图像中用鼠标单击,Photoshop CC 2015将产生一个红色的蒙版区域和输入光标,此时可输入文字,并可通过单击或拖拉的方式移动文字,如图1-26所示。

图1-26 横排文字蒙版实例
用户在输入文字后,用鼠标单击其他工具,退出文字蒙版编辑状态,在图像编辑窗口中生成以文字形状创建的横排文字选区,如图1-27所示。

图1-27 创建横排文字选区
(4)创建直排文字选区
用鼠标单击文字工具,选择直排文字蒙版工具,在图像中用鼠标单击,在Photoshop CC 2015产生的红色的蒙版区域中输入的文字,将以直排形式出现,如图1-28所示。

图1-28 直排文字蒙版实例
用鼠标单击其他工具,退出文字蒙版编辑状态,在图像编辑窗口中生成以文字形状创建的直排文字选区,如图1-29所示。

图1-29 创建直排文字选区
2.文字图层的栅格化
用文字工具在图像中输入横排文字或者直排文字时,都会自动生成一个新的文字图层,可以随时利用文字工具编辑文字图层中的文字。但是,要对文字进行填充或施加滤镜效果,还应先将文字图层转换成普通图层,这就是文字图层的栅格化。具体方法是:在文字图层上用鼠标右键单击,选择“栅格化文字”即可,如图1-30所示。

图1-30 文字图层的栅格化
3.文字编辑
文字的运用是图像设计中的一个重要内容。Photoshop CC 2015提供了字符、段落设置与变形等丰富的文字编辑功能,正确运用这些功能对标题文字进行修饰,可以起到画龙点睛的效果。
(1)设置字符
用鼠标单击文字工具属性栏上的,调出“字符/段落”面板,如图1-31所示。在“字符/段落”面板中,可以对文字的字符和段落属性进行设置,包括设置文字的字体、字号、颜色、字间距和行间距等属性。

图1-31 “字符/段落”面板
选中要设置的字符,单击,可以设置字符间的字间距;单击
,可以设置字符水平缩放比例;单击
,可以设置垂直缩放比例;单击
,可以设置字符的行间距;而单击
,则可以设置字符颜色。
(2)设置段落
单击图1-31中所示的“段落”选项卡,即切换到图1-32所示的“段落”面板,可以对文本的段落进行设置。其中可以设置文本的对齐方式。
和
分别设置左、右缩进,
设置首行缩进。
和
分别表示段前、段后增加空格。

图1-32 “段落”面板
1.1.6 斜面滤镜(BEVELBOSS)
Eye Candy 4000是AlienSkin公司出口的一组极为强大的经典Photoshop外挂滤镜。其功能千变万化,拥有极为丰富的特效,如反相、水迹、铬合金、闪耀、发光、星星和斜视等多个特效滤镜。
常用的Eye Candy 4000就包含在其中。而BEVEL BOSS滤镜又是Eye Candy 4000内置滤镜之一,可以译为“斜面”滤镜。它可生成各种样式的斜面或雕刻外形,可使任何形状的选区产生浮雕凸起效果,这种效果既可以在选区内部,也可以在选区外部。例如,用BEV-EL BOSS滤镜将图1-33所示的素材图片中的平面镜框处理成浮雕凸起效果,具体步骤如下。

图1-33 素材图片中的平面镜框
1)用魔棒工具选中图中的透明区域,然后按下<Shift+Ctrl+I>组合键,执行反选命令,把镜框变成选区,如图1-34所示。

图1-34 镜框选区
2)执行“滤镜”→“Eye Candy 4000”→“斜面”命令,如图1-35所示。随即弹出“斜面”对话框,设置相关参数和预览效果如图1-36所示。

图1-35 调用“斜面”滤镜的菜单

图1-36 “斜面”滤镜参数设置
3)单击“确定”按钮,退出“斜面”滤镜的操作界面,按<Ctrl+D>组合键,取消选区,即得到图1-37所示的浮雕镜框效果。

图1-37 浮雕镜框效果
1.1.7 常用图层样式
为了使设计者在图像处理过程中收到更加理想的效果,Photoshop CC 2015提供了丰富的图层样式功能,如投影、发光和斜面浮雕等。其中,斜面和浮雕(Bevel and Emboss)是最复杂的成员之一,它包括内斜面、外斜面、浮雕、枕形浮雕和描边浮雕,虽然每一项中包含的设置选项都相同,但是制作出来的效果却大相径庭。这里先介绍“斜面和浮雕”的一般用法。
打开素材图像文件,如图1-38所示,在图层面板上选取六边形图层为当前图层,然后用鼠标单击该面板下方的“添加图层样式”按钮,具体方法如图1-39所示。

图1-38 素材图像

图1-39 “添加图层样式”按钮
在调出的菜单中用鼠标单击“斜面和浮雕”,如图1-40所示。随即弹出“图层样式”对话框。设置图1-41所示的参数,六边形显示出浮雕效果,如图1-42所示。

图1-40 选取

图1-41 “图层样式”对话框

图1-42 经“斜面和浮雕”处理后的六边形
“斜面和浮雕”样式