
3.2 基于颜色差异抠图
本节主要介绍几种基于图像色彩差别创建选区的工具,这几种工具常用于抠图操作。基于颜色差别也就是基于图像中主体与背景之间的色相、明度的差异来获得主体物的选区。这类对象的选区通常很容易创建,只需要使用特定工具即可,如图3-63和图3-64所示。Photoshop提供了多种基于色彩差异制作选区的工具,如“快速选择工具”“魔棒工具”“磁性钢笔工具”“磁性套索工具”“色彩范围”等。

图3-63

图3-64
3.2.1 快速选择工具
使用“快速选择工具”可以利用颜色的差异迅速绘制选区。单击工具箱中的“快速选择工具”按钮,在画面中按住鼠标左键并拖曳,画面中会出现颜色接近区域的选区,如图3-65所示。按住鼠标左键并拖曳笔尖时,选取范围不但会向外扩张,而且还可以自动寻找并沿着图像的边缘来描绘边界,如图3-66所示。

图3-65

图3-66
选区运算按钮:激活“新选区”按钮
,可以创建一个新的选区;激活“添加到选区”按钮
,可以在原有选区的基础上添加新创建的选区;激活“从选区减去”按钮
,可以在原有选区的基础上减去当前绘制的选区。
“画笔”选择器:单击倒三角按钮,可以在弹出的“画笔”选择器中设置画笔的大小、硬度、间距、角度以及圆度。在绘制选区的过程中,可以按]键和[键增大或减小画笔的大小。
对所有图层取样:如果选中该复选框,Photoshop会根据所有的图层建立选取范围,而不仅针对当前图层。
自动增强:降低选取范围边界的粗糙度与区块感。
3.2.2 魔棒工具
使用“魔棒工具”在图像中单击就能选取颜色差别在容差值范围之内的区域。
单击工具箱中的“魔棒工具”按钮,在选项栏中可以设置选区运算方式、取样大小、容差值等参数,如图3-67所示。接着在需要选取的位置单击,即可基于颜色的范围创建选区,如图3-68所示。

图3-67

图3-68
取样大小:用来设置“魔棒工具”的取样范围。选择“取样点”可以只对光标所在位置的像素进行取样;选择“3×3平均”可以对光标所在位置3个像素区域内的平均颜色进行取样,其他选项以此类推。
容差:决定所选像素之间的相似性或差异性,其取值范围为0~255。数值越小,对像素的相似程度的要求越高,所选的颜色范围就越小;数值越大,对像素的相似程度的要求越低,所选的颜色范围就越广。
消除锯齿:该选项可以让选区边缘更加圆滑。
连续:选中该复选框时,只选择颜色连接的区域;当不选中该复选框时,可以选择与所选像素颜色接近的所有区域,当然也包含没有连接的区域。
对所有图层取样:如果文档中包含多个图层,当选中该复选框时,可以选择所有可见图层上颜色相近的区域;当不选中该复选框时,仅选择当前图层上颜色相近的区域。
3.2.3 磁性套索工具
“磁性套索工具”能够以颜色上的差异自动识别对象的边界,特别适合快速选择与背景对比强烈且边缘复杂的对象。
单击工具箱中的“磁性套索工具”按钮,在需要选取对象的边缘单击,然后拖曳鼠标,套索边界会自动对齐图像的边缘,如图3-69所示。当绘制到起点时,光标会变为
形状,然后单击,如图3-70所示。随即可以得到选区,如图3-71所示。

图3-69

图3-70

图3-71
宽度:“宽度”值决定了以光标中心为基准,光标周围有多少个像素能够被“磁性套索工具”
检测到,如果对象的边缘比较清晰,可以设置较大的值;如果对象的边缘比较模糊,可以设置较小的值。
对比度:该选项主要用来设置“磁性套索工具”感应图像边缘的灵敏度。如果对象的边缘比较清晰,可以将该值设置得高一些;如果对象的边缘比较模糊,可以将该值设置得低一些。
频率:在使用“磁性套索工具”勾画选区时,Photoshop会生成很多锚点,“频率”选项就是用来设置锚点的数量。数值越高,生成的锚点越多,捕捉到的边缘越准确,但是可能会造成选区不够平滑。
“钢笔压力”按钮
:如果计算机配有数位板和压感笔,可以激活该按钮,Photoshop会根据压感笔的压力自动调节“磁性套索工具”的检测范围。
技巧提示:“磁性套索工具”的使用技巧
在使用“磁性套索工具”勾画选区时,按住Caps Lock键,光标会变成形状,圆形的大小就是该工具能够检测到的边缘宽度。另外,按↑键和↓键可以调整检测宽度。
实战案例:使用“磁性套索工具”换背景
案例文件/第3章/使用“磁性套索工具”换背景
视频教学/第3章/使用“磁性套索工具”换背景.mp4
案例概述:
抠图与合成总是密不可分,本案例中使用“磁性套索工具”沿着人物边缘拖曳得到人物的选区,然后将选区反选并删除多余部分,完成抠图操作。最后更改背景,制作一个简单的合成效果,对比效果如图3-72和图3-73所示。

图3-72

图3-73
操作步骤:
(1)打开素材文件,按住Alt键并双击“背景”图层将其转换为普通图层,如图3-74所示。接着选择工具箱中的“磁性套索工具”,在肩膀的边缘单击鼠标左键确定起点,如图3-75所示。接着沿着人像边缘移动光标,随着光标的移动生成很多锚点,如图3-76所示。
(2)当移动至起点位置时单击即可得到人物的选区,如图3-77所示。由于当前的选区中还包含了小腿和皮箱中间的区域,所以需要继续使用“磁性套索工具”,在选项栏中单击“从选区中减去”按钮,在多余的区域拖动添加锚点,如图3-78所示。然后回到起点位置得到选区,如图3-79所示。

图3-74

图3-75

图3-76

图3-77

图3-78
技巧提示:如何删除锚点?
如果在勾画过程中生成的锚点位置远离了人像,可以按Delete键删除最近生成的一个锚点,然后继续绘制。
(3)使用组合键Shift+Ctrl+I将选区反选,按Delete键删除背景部分,操作完成后使用Ctrl+D快捷键取消选择,效果如图3-80所示。然后执行“文件”→“置入嵌入对象”命令,置入背景素材,调整图层顺序,放在“图层”面板最底层,同时将该素材图层进行栅格化处理。最后使用同样的方式将前景素材置入,放在画面的右下角位置,此时本案例制作完成,最终效果如图3-81所示。

图3-79

图3-80

图3-81
3.2.4 色彩范围
“色彩范围”命令与“魔棒工具”相似,可根据图像的颜色范围创建选区,但是该命令提供了更多的控制选项,因此该命令的选择精度也要高一些。
打开一张图片,从图中可以看出中间花瓣文字部分为红色,而且选区比较复杂。背景为相似的粉色,这两种颜色色相基本相同,只是明度有差异。如果使用前面讲到的工具很容易造成错误选择。
(1)执行“选择”→“色彩范围”命令,在弹出的“色彩范围”对话框中设置“选择”为“取样颜色”,接着在文字上单击进行取样,如图3-82和图3-83所示。

图3-82

图3-83
(2)适当增大“颜色容差”,随着“颜色容差”数值的增大,可以看到“选取范围”缩览图的文字部分呈现大面积白色的效果,而其他区域为黑色。白色表示被选中的区域,黑色表示未被选中的区域,灰色则为羽化选区,如图3-84所示。
(3)为了使文字区域中的灰色部分变为白色,单击“添加到取样”按钮,继续在未被选择的区域单击,直到缩览图中文字部分全变为白色。然后单击“确定”按钮即可得到选区,如图3-85和图3-86所示。

图3-84

图3-85

图3-86
技巧提示:“色彩范围”参数详解
选择:用来设置选区的创建方式。选择“取样颜色”选项时,光标会变成形状,将光标放置在画布中的图像上,或在“色彩范围”对话框中的预览图像上单击,可以对颜色进行取样;选择“红色”“黄色”“绿色”“青色”等选项时,可以选择图像中特定的颜色;选择“高光”“中间调”“阴影”选项时,可以选择图像中特定的色调;选择“肤色”时,会自动检测皮肤区域;选择“溢色”选项时,可以选择图像中出现的溢色。
本地化颜色簇:选中该复选框后,拖曳“范围”滑块可以控制要包含在蒙版中的颜色与取样点的最大和最小距离。
颜色容差:用来控制颜色的选择范围。数值越高,包含的颜色越广;数值越低,包含的颜色越窄。
选区预览图:选区预览图下面包含“选择范围”和“图像”两个选项。选中“选择范围”单选按钮时,预览区域中的白色代表被选择的区域,黑色代表未选择的区域,灰色代表被部分选择的区域(即有羽化效果的区域);选中“图像”单选按钮时,预览区内会显示彩色图像。
选区预览:用来设置文档窗口中选区的预览方式。
存储/载入:单击“存储”按钮,可以将当前的设置状态保存为选区预设;单击“载入”按钮,可以载入存储的选区预设文件。
添加到取样/从取样中减去
:当选择“取样颜色”选项时,可以对取样颜色进行添加或减去。如果要添加取样颜色,可以单击“添加到取样”按钮
,然后在预览图像上单击,以取样其他颜色。如果要减去取样颜色,可以单击“从取样中减去”按钮
,然后在预览图像上单击,以减去其他取样颜色。反相:将选区进行反转,也就是说创建选区以后,相当于执行了“选择”→“反向”命令。
3.2.5 编辑选区
执行“选择”→“修改”命令,在子菜单中可以看到使用的选区编辑命令。选区的编辑包括创建边界选区、平滑选区、扩展选区、收缩选区、羽化选区、扩大选取和选取相似等。
(1)通过“边界”命令可以将选区的边界向内或向外进行扩展,扩展后的选区边界将与原来的选区边界形成新的选区。首先创建选区,如图3-87所示。接着执行“选择”→“修改”→“边界”命令,在弹出的“边界选区”对话框中输入数值,如图3-88所示。单击“确定”按钮结束操作,即可得到边界选区,如图3-89所示。

图3-87

图3-88

图3-89
(2)通过“平滑选区”命令可以将选区进行平滑处理。对选区执行“选择”→“修改”→“平滑”命令,可以在弹出的“平滑选区”对话框中设置“取样半径”数值,如图3-90所示,平滑选区效果如图3-91所示。

图3-90
(3)通过“扩展选区”命令可以将选区向外进行扩展。对选区执行“选择”→“修改”→“扩展”命令,可以在弹出的“扩展选区”对话框中设置“扩展量”数值,如图3-92所示。如图3-93所示为设置“扩展量”为100像素的效果。

图3-91

图3-92

图3-93
(4)通过“收缩选区”命令可以向内收缩选区。执行“选择”→“修改”→“收缩”命令,可以在弹出的“收缩选区”对话框中设置“收缩量”数值,如图3-94所示,效果如图3-95所示。
(5)“羽化选区”命令是通过建立选区和选区周围像素之间的转换边界来模糊边缘,这种模糊方式将丢失选区边缘的一些细节。对选区执行“选择”→“修改”→“羽化”命令或按Shift+F6快捷键,在弹出的“羽化选区”对话框中定义选区的“羽化半径”,如图3-96所示。如图3-97所示为设置“羽化半径”为20像素后反向选区删除背景的效果。

图3-94

图3-95

图3-96
技巧提示:“羽化半径”过大会遇到的问题
如果选区较小,而“羽化半径”又设置得很大时,Photoshop会弹出一个警告对话框。单击“确定”按钮以后,确认当前设置的“羽化半径”,此时选区可能会变得非常模糊,以至于在画面中观察不到,但是选区仍然存在。
(6)“扩大选取”命令是基于“魔棒工具”选项栏中指定的“容差”范围来决定选区的扩展范围的。首先确定选区,接着执行“选择”→“扩大选取”命令,Photoshop会查找并选择那些与当前选区中像素色调相近的像素,从而扩大选择区域,如图3-98所示。
(7)“选取相似”命令与“扩大选取”命令相似,都是基于“魔棒工具”选项栏中指定的“容差”范围来决定选区的扩展范围。首先确定选区,对选区执行“选择”→“选取相似”命令,Photoshop同样会查找并选择那些与当前选区中像素色调相近的像素,从而扩大选择区域,如图3-99所示。

图3-97

图3-98

图3-99
3.2.6 选择并遮住
使用“选择并遮住”命令可以对已有选区进行进一步编辑,还可以重新创建选区。常用于长发、动物、细密的植物等的抠图。
(1)使用“快速选择工具”在图形上拖动得到图形的大致选区,然后单击选项栏中的“选择并遮住”按钮或者执行“选择”→“选择并遮住”命令,如图3-100所示。接着进入“选择并遮住”界面,在界面左侧出现一些用于调整选区以及视图的工具,左上方为所选工具的选项,右侧为选区编辑选项,如图3-101所示。

图3-100

图3-101
快速选择工具:通过按住鼠标左键并拖曳进行涂抹,软件会自动查找和跟随图像颜色的边缘创建选区。
调整边缘画笔工具:精确调整图像边界区域。制作头发或毛皮选区时可以使用“调整边缘画笔工具”柔化区域以增加选区内的细节。
画笔工具:通过涂抹的方式添加或减去选区。
套索工具组:在该工具组中有“套索工具”和“多边形套索工具”两种。使用该工具可以在选项栏中设置选区运算的方式。
(2)在界面右侧的“视图模式”选项组中可以进行视图显示方式的设置。单击视图列表,在下拉列表中选择一个合适的视图模式,如图3-102所示。
(3)此时图像对象边缘仍然有黑色的像素,可以对“边缘检测”的“半径”选项进行调节。“半径”选项确定发生边缘调整的选区边界大小。对于锐边,可以使用较小的半径;对于较柔和的边缘,可以使用较大的半径。图3-103和图3-104所示为不同参数的对比效果。“智能半径”选项可用于自动调整在边界区域发现的硬边缘和柔化边缘的半径。

图3-102

图3-103
(4)“全局调整”选项组主要用来对选区进行平滑、羽化和扩展等处理,如图3-105所示。因为羽毛边缘柔和,所以适当调节“平滑”和“羽化”选项即可,如图3-106所示。

图3-104

图3-105
平滑:减少选区边界中的不规则区域,以创建较平滑的轮廓。
羽化:模糊选区与周围像素之间的过渡效果。
对比度:锐化选区边缘并消除模糊的不协调感。在通常情况下,配合“智能半径”选项调整出来的选区效果会更好。
移动边缘:当设置为负值时,可以向内收缩选区边界;当设置为正值时,可以向外扩展选区边界。
清除选区:单击该按钮可以取消当前选区。
反相:单击该按钮,即可得到反向的选区。
(5)此时选区调整完成,接下来需要进行“输出”。在“输出”选项组中可设置选区边缘的杂色以及选区的输出方式。设置“输出到”为“选区”,单击“确定”按钮,如图3-107所示。接着即可得到选区,如图3-108所示。最后使用快捷键Ctrl+J将选区复制到独立图层,然后为其更换背景,效果如图3-109所示。

图3-106

图3-107

图3-108

图3-109
实战案例:利用“边缘检测”抠取美女头发
案例文件/第3章/利用“边缘检测”抠取美女头发
视频教学/第3章/利用“边缘检测”抠取美女头发.mp4
案例概述:
抠图中难度最大的就是抠取毛发、头发等对象,遇到这种情况,可以使用“魔棒工具”“快速选择工具”等创建头发大致的选区,并配合“选择并遮住”命令调整选区边缘,以快速得到精确的头发选区。抠图对比效果如图3-110和图3-111所示。

图3-110

图3-111
操作步骤:
(1)打开素材文件,按住Alt键并双击背景图层,将其转换为普通图层,如图3-112所示。接着单击工具箱中的“魔棒工具”按钮,在选项栏中设置“绘制模式”为“添加到选区”,“容差”为30,并选中“连续”复选框,接着在背景上多次单击,选中整个背景区域,如图3-113所示。

图3-112

图3-113
(2)通过操作在将背景选中的同时,人物头发边缘部位也被选中。所以执行“选择”→“选择并遮住”命令,打开“选择并遮住”对话框。在该对话框中使用“调整边缘画笔工具”在头发边缘处涂抹,随着涂抹可以看到发丝的细节逐渐呈现出来,效果如图3-114所示。继续涂抹其他部位的发丝边缘,涂抹完成后单击“确定”按钮,如图3-115所示。此时得到背景部分的选区,如图3-116所示。

图3-114

图3-115
(3)选中人物图层,按键盘上的Delete键删除背景,再按Ctrl+D快捷键取消选择,如图3-117所示。然后执行“文件”→“置入嵌入对象”命令,置入背景素材,将其放在人物图层的下方,同时将该素材图层进行栅格化处理。此时本案例制作完成,最终效果如图3-118所示。

图3-116

图3-117

图3-118