
任务1 雕塑字制作
1.1 知识准备——初识Photoshop CS5
Photoshop是Adobe公司旗下最为出名的图像处理软件之一。它的第一个版本Photoshop 1.0.7于1990年2月正式发布。经过20多年的发展,Photoshop已经拥有CS版本和CC版本。本书以Photoshop CS5(Adobe Creative Suite 5)中文版为平台,介绍常用的图像处理方法。
Photoshop CS5相对其之前的版本而言,有很多新特性,包括自动镜头更正、支持HDR(High Dynamic Range,高动态范围)调节、Puppet Warp等功能。Photoshop CS5还具备跨平台的64位支持功能,有效地加快了日常成像任务的处理速度,可将大型图像的处理速度提高10倍之多。
1.1.1 Photoshop CS5入门及主要新增功能
要尝试Photoshop CS5强大的图像处理功能,首先要启动该软件进入其工作环境。
1.启动Photoshop CS5
在确保计算机已安装了Photoshop CS5的前提下,常用的启动方法有用鼠标双击桌面上的Photoshop CS5快捷图标、从Windows开始菜单上启动以及直接打开Photoshop文件等。以下主要讲解前两种启动方法。
(1)方法1
用鼠标双击桌面上的Photoshop CS5快捷图标,即可启动该软件,如图1-1所示。

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

图1-2 从开始菜单中启动Photoshop CS5
2.Photoshop CS5界面介绍
启动Photoshop CS5后,即进入图1-3所示的工作界面。从图中可见,其工作界面主要由标题栏、菜单栏、属性栏、工作区、工具箱、调整面板、应用程序按钮和状态栏等组成。

图1-3 Photoshop CS5工作界面
3.Photoshop CS5主要新增功能
Photoshop CS5的界面与功能的结合更加趋于完美,各种命令与功能得到了充分扩展,最大限度地为用户的操作提供了简捷、有效的途径。Photoshop CS5还增加了能轻松完成精确选择、内容感知型填充、操控变形以及用于创建和编辑3D效果图等突破性功能。
(1)提供了更方便、更智能化的精细抠像技术
使用魔棒、快速选择等选取工具,选择一个图像中的特定区域,再使用“调整边缘”命令,可以消除选区边缘周围的背景色,自动改变选区边缘并改进蒙版,使选择的图像更加精确,甚至精确到细微的毛发部分。具体操作方法将在本书相关任务中进行介绍。
(2)神奇的智能内容识别填充技术
在图像处理过程中,图片上常常有一些难看的杂物需要清理。如果用图章工具进行修改,常常费时费力。Adobe的设计者针对修图过程中这类最为常见的问题对软件进行了优化,赋予Photoshop CS5新的智慧,使其具备了神奇的智能内容识别填充功能,从而将填充命令和污点修复画笔的能力提升到一个新的高度。
所谓内容识别,就是当我们对图像的某一区域进行覆盖填充时,由软件自动分析周围图像的特点,将图像进行拼接组合后填充在该区域并进行融合,从而达到快速无缝的拼接效果。
(3)灵活高效智能化的操控变形技术
Photoshop CS5提供了操控变形功能。它赋予图像以“灵魂”,不需要建模和贴图,就能实现伪三维动作变形。
使用新增的“操控变形”命令,可以在一张图像上建立网格,然后使用“图钉”固定特定的位置后,拖动需要变形的部位。例如,“操控变形”可以轻松拉直图像中人物角色弯曲角度不自然的手臂,使其动作更加潇洒舒展。如果需要进一步更改动作状态,还可以把所在图层设定为智能对象。以确保在对它执行反复变形的过程中,不会发生因变形造成的画质损失现象。
(4)增强的3D功能
Photoshop CS5在对模型设置灯光、材质和渲染等方面都得到了增强。结合这些功能,可以在Photoshop中绘制透视精确的三维效果图,也可以辅助三维软件创建模型的材质贴图,从而绘制出光感更为细腻、纹理更加丰富、阴影更加逼真的立体效果。更加令人惊喜的是Photoshop CS5新增了支持直接生成3D文字等功能,大大拓展了Photoshop的应用范围。
1.1.2 熟悉工具箱
Photoshop CS5的工具箱包含常用工具,如选框工具、移动工具等。工具箱中每一个按钮都代表一个工具或者选项,使用鼠标单击要选取的工具,按钮呈高亮按下状态,即表示已经选中了该工具或者选项。图1-4a列出了Photoshop CS5工具箱中主要工具的图标和名称。其中,各工具的作用将在应用过程中进行相应的介绍。

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

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

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

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

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

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

图1-10 规则形状选区

图1-11 不规则形状的文字选区
Photoshop CS5有多种创建选区的途径和编辑选区的功能,以下先介绍专门用于创建选区的选区工具和几个常用的编辑选区的命令。
1.选区工具
Photoshop CS5提供了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 CS5中使用魔棒工具创建选区的原理与选框工具和套索工具不同。魔棒工具是根据在图像窗口中单击处的颜色范围来创建选区,图1-17中间的选区就是用魔棒工具单击产生的。

图1-16 魔棒工具

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

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

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

图1-19 素材图片

图1-20 选取背景区域

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

图1-22 文字工具组

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

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

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

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

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

图1-28 直排文字蒙版实例
用鼠标单击文字工具属性栏中的,确认文字输入,在图像编辑窗口中生成以文字形状创建的直排文字选区,如图1-29所示。

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

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

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

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

图1-33 素材图片中的平面镜框
1)用魔棒工具选中图中的透明区域,然后按下<Ctrl+Shift+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 CS5提供了丰富的图层样式功能,如投影、发光和斜面浮雕等。其中,斜面和浮雕(Bevel and Emboss)是最复杂的成员之一,它包括内斜面、外斜面、浮雕、枕形浮雕和描边浮雕,虽然每一项中包含的设置选项都相同,但是制作出来的效果却大相径庭。这里先介绍“斜面和浮雕”的一般用法。
打开素材图像文件,如图1-38所示,在图层面板上选取六边形图层为当前图层,然后用鼠标单击该面板下方的“添加图层样式”按钮,具体方法如图1-39所示。

图1-38 素材图像

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

图1-40 选取“斜面和浮雕”样式

图1-41 “图层样式”参数设置对话框

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