
3.1 选区基础知识
在Photoshop中,“抠图”是离不开“选区”的,所以进行抠图技法学习之前,首先需要对“选区”有一个简单的认识。
3.1.1 选区与抠图
“抠图”也叫“去背景”,是指将主体物(需要保留的部分)从画面中分离出来的过程。那么为什么要进行“抠图”呢?打个比方,进行平面设计或者图像处理时,经常要向当前操作的文档中添加一些漂亮的元素。例如,要制作一个化妆品广告,需要加上产品代言人,通常拍摄都是在影棚中完成,那么就需要为人像去除背景,或者将人物从背景中分离出来,那么,这时就需要进行“抠图”操作,如图3-1所示。

图3-1
“抠图”是Photoshop的核心功能之一,从字面意义上来说,“抠图”可以理解为从图像中“抠”出部分内容,也就是将需要保留与需要删除的图形区分开。但是“抠图”的意义却不仅仅在于提取图像内容,更多的是服务于图像的修饰、调色、特效制作、影像合成等,如图3-2所示。

图3-2
技巧提示
“抠图”作为Photoshop最常使用的操作之一,并非是单一的工具或命令。想要进行抠图几乎可以使用Photoshop的大部分工具命令,如擦除工具、修饰绘制工具、选区工具、选区编辑命令、蒙版技术、通道技术、图层操作、调色技术、滤镜等。抠图操作虽然看起来复杂,实际上大部分工具命令都是用于辅助用户进行更快捷、更容易的抠图,而制作“选区”才是抠图真正的核心所在。
可以通过两种方法进行抠图:“去除背景”与“提取主体”。“去除背景”很好理解,在Photoshop中想要轻松随意地擦除背景部分可以使用“橡皮擦工具”。但是,一旦想要进行精确地去除背景或提取部分主体物,就需要制作一个“特定的区域”,这个区域就是“选区”,如图3-3所示。
技巧提示
为什么删除选区中的像素时会弹出“填充”对话框?
这是由于当前选中的图层为背景图层,可以先按住Alt键双击背景图层,将其转换为普通图层,然后进行删除操作。
“选区”是一个用于限定操作范围的区域。有了选区就可以将选区中的内容抠出,或者限制当前编辑操作范围为选区中的内容。在Photoshop中可以使用多种工具及命令制作或编辑选区,画面中的以黑白间隔的闪烁边框即为“选区”的边界,边界以内的区域为选择范围,如图3-4所示。

图3-3

图3-4
技巧提示
选区边界也被形象地称为“蚂蚁线”或“蚁行线”。
相对于图像中的可以被打印到画面中的“像素”而言,“选区”更像是“虚拟的辅助对象”。因为“选区”本身并不具备实体像素,所以也就不具有像素可打印的属性。但是由于“选区”具有“限定性”,所以在操作中又是必不可少的。以图3-5为例,需要改变画面局部的颜色,这时就可以使用选区工具绘制需要调色的选区,然后就可以对这些区域进行单独调色。

图3-5
技巧提示
“选区”是具有共享性的,当文档中包含一个选区时,所有图层都可以使用该选区进行编辑。
3.1.2 绘制简单选区
(1)“选框工具组”是Photoshop中最常用的选区工具。其中包含“矩形选框工具”“椭圆选框工具”“单行选框工具”“单列选框工具”,适合于创建形状比较规则的选区(如圆形选区、椭圆形选区、正方形选区、长方形选区),如图3-6所示为典型的矩形选区和圆形选区。“选框工具组”在工具箱顶部,而且在工具按钮的右下角可以看到一个小三角符号,说明这个工具组包含多个工具。单击工具箱中的“矩形选框工具”按钮,便可出现4个隐藏的工具,如图3-7所示。下面我们一一了解各个工具的功能。
(2)“矩形选框工具”主要用于创建矩形选区与正方形选区。单击工具箱中的“矩形选框工具”按钮,在页面中按住鼠标左键向右下角拖曳,即可绘制选区,如图3-8所示。按住Shift键的同时按住鼠标左键向右下角拖曳可以创建正方形选区,如图3-9所示。

图3-6

图3-7

图3-8
羽化:主要用来设置选区边缘的虚化程度。羽化值越大,虚化范围越宽;羽化值越小,虚化范围越窄。所以,通过羽化常常可以做出美丽的边缘效果,如图3-10和图3-11所示分别是羽化为0像素和20像素的对比效果图。

图3-9

图3-10

图3-11
技巧提示:当“羽化”数值过大时会出现什么状况?
当设置的“羽化”数值过大,其像素不大于50%选择时,Photoshop会弹出一个警告对话框,提醒用户羽化后的选区将不可见(选区仍然存在),如图3-12所示。

图3-12
消除锯齿:“矩形选框工具”的“消除锯齿”选项是不可用的,因为矩形选框没有不平滑效果,只有在使用“椭圆选框工具”时,“消除锯齿”选项才可用。
样式:用来设置矩形选区的创建方法。当选择“正常”选项时,可以创建任意大小的矩形选区;当选择“固定比例”选项时,可以在右侧的“宽度”和“高度”输入框中输入数值,以创建固定比例的选区,例如,设置“宽度”为1,“高度”为2,那么创建出来的矩形选区的高度就是宽度的两倍;当选择“固定大小”选项时,可以在右侧的“宽度”和“高度”输入框中输入数值,然后单击鼠标左键即可创建一个固定大小的选区(单击“高度和宽度互换”按钮
可以切换“宽度”和“高度”的数值)。
(3)使用“椭圆选框工具”可以制作椭圆或正圆选区。“椭圆选框工具”与“矩形选框工具”的操作方法基本相同。单击工具箱中的“椭圆选框工具”按钮,在页面中按住左键向右下角拖曳,即可绘制选区,如图3-13所示。按住Shift键的同时按住鼠标左键向右下角拖曳即可创建正圆选区,如图3-14所示。
(4)使用“单行/单列选框工具”可以快速绘制宽度或高度为1像素的选区,常用于制作网格。单击工具箱中的“单行选框工具”按钮,将光标移动至画面中并单击,即可绘制高度为1像素、宽度为整个页面宽度的选区,如图3-15所示。单击工具箱中的“单列选框工具”按钮
,将光标移动至画面中并单击,即可绘制宽度为1像素、高度为整个画布高度的选区,如图3-16所示。

图3-13

图3-14

图3-15
(5)使用“套索工具”可以非常自由地绘制形状不规则的选区。单击工具箱中的“套索工具”按钮,然后在画面中按住鼠标左键并拖曳,如图3-17所示。结束绘制时松开鼠标左键,线条会自动闭合并变为选区,如图3-18所示。如果在绘制中途松开鼠标左键,Photoshop会在该点与起点之间建立一条直线以封闭选区。

图3-16

图3-17

图3-18
技巧提示:在“套索工具”的状态下切换到“多边形套索工具”
当使用“套索工具”绘制选区时,如果在绘制过程中按住Alt键,松开鼠标左键后(不松开Alt键),Photoshop会自动切换到“多边形套索工具”。
(6)“多边形套索工具”适合于创建一些转角比较强烈的选区。单击工具箱中的“多边形套索工具”按钮,在画面中单击确定起点,然后将光标移动到下一个位置并单击,如图3-19所示。继续拖曳光标并进行单击,确定转折的位置,当光标移动到起始点处时变为
形状,如图3-20所示。此时单击鼠标左键即可得到选区,如图3-21所示。

图3-19

图3-20

图3-21
技巧提示:“多边形套索工具”的使用技巧
在使用“多边形套索工具”绘制选区时,按住Shift键,可以在水平方向、垂直方向或45°方向绘制直线。另外,按Delete键可以删除最近绘制的直线。
视频陪练:利用“多边形套索工具”选择照片
案例文件/第3章/利用“多边形套索工具”选择照片
视频教学/第3章/利用“多边形套索工具”选择照片.mp4
案例概述:
打开背景素材后,置入图片素材并栅格化。接着使用“多边形套索工具”绘制相框的选区,将选区反选后删除选区中的内容,如图3-22所示。

图3-22
3.1.3 剪切、复制、粘贴、清除
在Photoshop中可以对图像进行剪切、复制、粘贴、原位置粘贴、合并复制等操作。
(1)单击工具箱中的“矩形选框工具”,在画面中按住鼠标左键并拖动,绘制一个矩形选区,如图3-23所示。执行“编辑”→“剪切”命令或按Ctrl+X快捷键,可以将选区中的内容剪切到剪贴板上,原位置的内容消失,如图3-24所示。
(2)执行“编辑”→“粘贴”命令或按Ctrl+V快捷键,可以将剪切的图像粘贴到画布中,如图3-25所示,并生成一个新的图层,如图3-26所示。

图3-23

图3-24

图3-25
(3)在保留选区的情况下,执行“编辑”→“拷贝”命令或按Ctrl+C快捷键,可以将选区中的图像复制到剪贴板中,然后执行“编辑”→“粘贴”命令或按Ctrl+V快捷键,可以将复制的图像粘贴到画布中,如图3-27所示,并生成一个新的图层,如图3-28所示。

图3-26

图3-27

图3-28
(4)当文档中包含很多图层时,执行“选择”→“全选”命令或按Ctrl+A快捷键全选当前图像,然后执行“编辑”→“合并拷贝”命令或按Shift+Ctrl+C组合键,将所有可见图层复制并合并到剪贴板中,最后按Ctrl+V快捷键可以将合并复制的图像粘贴到当前文档中。
技巧提示:本章常用的快捷键
在本节中要牢记的快捷键有Ctrl+A(全选)、Ctrl+X(剪切)、Ctrl+V(粘贴)、Ctrl+C(复制)和Shift+Ctrl+C(合并复制)。应用好这些快捷键会大大加快制作的进度。
(5)选择一个普通图层,然后绘制一个选区,如图3-29所示。执行“编辑”→“清除”命令或按键盘上的Delete键,如果是普通图层则直接清除所选区域中的内容,被清除的区域变为透明,如图3-30所示。

图3-29

图3-30
技巧提示:删除“背景”图层中的像素会遇到的状况
如果删除“背景”图层中选区中的像素,会弹出“填充”对话框,在该对话框中可以选择填充使用的内容,如图3-31所示。如图3-32和图3-33所示为使用背景色和图案填充的效果。

图3-31

图3-32

图3-33
3.1.4 选区的基本操作
“选区”作为一个非实体对象,也可以对其进行如运算(新选区、添加到选区、从选区减去与选区交叉)、全选与反选、取消选择与重新选择、移动与变换、储存与载入等操作。
(1)创建一个选区,如图3-34所示。执行“选择”→“反向选择”命令,或者使用组合键Shift+Ctrl+I可以得到反向的选区,如图3-35所示。

图3-34

图3-35
(2)执行“选择”→“取消选择”命令或按Ctrl+D快捷键,可以取消选区状态。如果要恢复被取消的选区,可以执行“选择”→“重新选择”命令。
(3)当画面中包含选区时,将光标放置在选区内,当光标变为形状时,按住鼠标左键并拖曳光标即可移动选区,如图3-36和图3-37所示。在包含选区的状态下,按键盘上的→、←、↑、↓键可以1像素的距离移动选区。

图3-36

图3-37
(4)对选区执行“选择”→“变换选区”命令或按Alt+S+T组合键,此时选区处于“自由变换”的状态,在画布中单击鼠标右键,还可以选择其他变换方式,如图3-38所示。变换完成之后,按键盘上的Enter键即可,如图3-39所示。

图3-38

图3-39
(5)通过选区的运算可以将多个选区进行“相加”“相减”“交叉”“排除”等操作,从而获得新的选区。在利用“套索工具”“快速选择工具”等进行抠图的过程中,不可避免会造成选区的多选或少选,这时就需要通过选区的“运算”来进行补充和修剪。使用选区工具绘制选区时,选项栏中会出现选区运算的按钮,如图3-40所示。
新选区:激活该按钮以后,可以创建一个新选区,如果已经存在选区,那么新创建的选区将替代原来的选区。
添加到选区:激活该按钮以后,可以将当前创建的选区添加到原来的选区中(按住Shift键也可以实现相同的操作),如图3-41所示。
从选区减去:激活该按钮以后,可以将当前创建的选区从原来的选区中减去(按住Alt键也可以实现相同的操作),如图3-42所示。

图3-40

图3-41

图3-42
与选区交叉:激活该按钮以后,再次创建选区时只保留原有选区与新创建的选区相交的部分(按住Shift+Alt快捷键也可以实现相同的操作),如图3-43所示。
(6)想要载入某一图层的选区,可以将光标移动到图层缩览图的上方,然后按住Ctrl键并单击,即可载入图层的选区,如图3-44所示,选区如图3-45所示。

图3-43

图3-44

图3-45
3.1.5 填充与描边
“填充”与“描边”命令是Photoshop制图过程中非常常用的两个命令,“填充”命令可以为整个画面或局部填充纯色、图案,而使用“描边”命令可以增强图形的可视性,从而丰富作品的视觉效果。
(1)利用“填充”命令可以在当前图层或选区内填充颜色或图案,同时也可以不同的透明度和混合模式进行图案和颜色的填充。选择需要填充的图层或创建选区,如图3-46所示。执行“编辑”→“填充”命令或按Shift+F5快捷键,打开“填充”对话框,设置合适的填充内容、混合模式和不透明度等参数,如图3-47所示。接着单击“确定”按钮,被选中的图层的选区部分已经被填充了内容,如图3-48所示。需要注意的是,文字图层和被隐藏的图层不能使用“填充”命令。

图3-46

图3-47

图3-48
使用:用来设置填充的内容,包含“前景色”“背景色”“颜色”“内容识别”“图案”“历史记录”“黑色”“50%灰色”“白色”。
模式:用来设置填充内容的混合模式。
不透明度:用来设置填充内容的不透明度。
保留透明区域:选中该复选框以后,只填充图层中包含像素的区域,而透明区域不会被填充。
“描边”命令可以在选区、路径或图层周围创建彩色或者花纹的边框效果。
(2)当画面中包含选区时,如图3-49所示,执行“编辑”→“描边”命令,打开“描边”对话框。在“描边”选项组中,可以设置描边的宽度和颜色,如设置“宽度”为10像素,单击“颜色”选项,在弹出的“拾色器”对话框中设置颜色为白色,设置“位置”为“居外”,设置混合“模式”为“正常”,“不透明度”为100%,如图3-50所示。此时选区以外的部分产生了白色的描边,效果如图3-51所示。

图3-49

图3-50

图3-51
描边:该选项组主要用来设置描边的宽度和颜色。
位置:设置描边相对于选区的位置,包括“内部”“居中”“居外”3个选项。
混合:用来设置描边颜色的混合模式和不透明度。如果选中“保留透明区域”复选框,则只对包含像素的区域进行描边。
实战案例:使用“自由变换”将照片放到合适位置
案例文件/第3章/使用“自由变换”将照片放到合适位置
视频教学/第3章/使用“自由变换”将照片放到合适位置.mp4
案例概述:
本案例通过使用“自由变换”命令将照片形状进行变换并放到合适位置,再使用“多边形套索工具”绘制多余区域并删除,如图3-52所示。

图3-52
操作步骤:
(1)打开背景素材1.jpg,如图3-53所示。接着将素材2.jpg置入,调整好摆放位置后按Enter键完成置入。然后单击鼠标右键,在弹出的快捷菜单中执行“栅格化图层”命令,将该图层进行栅格化处理,如图3-54所示。
(2)选择照片素材图层,使用“自由变换”快捷键Ctrl+T调出定界框,将光标放在定界框一角,按住鼠标左键拖动,将图片进行等比例缩小,如图3-55所示。然后将光标移动到定界框以外的区域,此时光标呈现旋转的状态,按住鼠标左键并拖动,将图片进行适当的旋转,如图3-56所示。

图3-53

图3-54

图3-55

图3-56
(3)对该图片进行变形。为了便于观察,可以在“图层”面板中选中该图层,并适当降低照片的“不透明度”,如图3-57所示。在画面中单击鼠标右键,在弹出的快捷菜单中执行“扭曲”命令,然后拖曳照片四周的控制点,将其拖曳到与底片背景相吻合的位置,如图3-58所示。调整完成后按Enter键完成“自由变换”操作,并将照片的“不透明度”恢复到100%,效果如图3-59所示。

图3-57

图3-58
(4)用同样的方法继续导入其他照片素材并进行自由变换操作,此时可以看到照片产生重叠的效果,如图3-60所示。
(5)去除重叠的部分。单击工具箱中的“多边形套索工具”按钮,在照片重叠的部分绘制选区,然后按Delete键删除选区内的部分,如图3-61所示。操作完成后使用快捷键Ctrl+D取消选区,此时本案例制作完成,最终效果如图3-62所示。

图3-59

图3-60

图3-61

图3-62