
5.2 基于色彩的抠图技法
Photoshop中有多种可以创建和编辑选区的工具,除了前面讲解的多种选区工具外,还有3种工具是利用图像中颜色的差异来创建选区,即磁性套索、魔棒以及快速选择工具,这3种工具主要用于“抠图”。除此之外,使用背景橡皮擦工具和魔术橡皮擦工具可以基于颜色差异擦除特定部分的颜色。
实例072 使用磁性套索工具抠图图
文件路径 第5章\使用磁性套索工具抠图
难易指数 ★★☆☆☆
技术掌握 磁性套索工具

扫码深度学习
操作思路
(磁性套索工具)可以自动检测画面中颜色的差异,并在两种颜色交界的区域创建选区。本案例主要使用磁性套索工具将人物提取出来,再加入其他元素,制作优秀的人像海报。
案例效果
案例效果如图5-57所示。

图5-57
操作步骤
01执行菜单“文件>打开”命令,打开背景素材“1.jpg”,如图5-58所示。继续执行菜单“文件>置入嵌入的智能对象”命令,在弹出的“置入嵌入的智能对象”对话框中选择素材“2.jpg”,然后单击“置入”按钮,将素材放置在适当位置,按Enter键完成置入,如图5-59所示。执行菜单“图层>栅格化>智能对象”命令,将该图层栅格化为普通图层。

图5-58

图5-59
02选择工具箱中的(磁性套索工具),然后在画面中喊话器的边缘单击确定起点,如图5-60所示。接着沿着喊话器轮廓移动光标,此时Photoshop会自动生成很多锚点,如图5-61所示。

图5-60

图5-61
03继续沿人体边缘移动光标,当勾画到起点时单击形成闭合选区,如图5-62所示。使用Ctrl+Shift+I快捷键将选区反选,如图5-63所示。

图5-62

图5-63
04按Delete键删除选区中的像素,再按Ctrl+D快捷键取消选区,效果如图5-64所示。

图5-64
05此时可以看到手臂和喊话器下面的区域仍有白色背景。再次使用磁性套索工具绘制右侧手臂处的选区,如图5-65所示。直接按Delete键将其删除,如图5-66所示。

图5-65

图5-66
06用同样的方法,删除其他部分的白色背景,效果如图5-67所示。

图5-67
07在画面中置入素材进行修饰。执行菜单“文件>置入嵌入智能对象”命令,置入素材“3.png”,将素材放置在适当位置,按Enter键完成置入,最终效果如图5-68所示。

图5-68
要点速查:磁性套索工具的选项栏
磁性套索工具的选项栏如图5-69所示。

图5-69
宽度:“宽度”值决定了以光标中心为基准,光标周围有多少个像素能够被磁性套索工具检测到。如果对象的边缘比较清晰,可以设置较大的值;如果对象的边缘比较模糊,可以设置较小的值。
对比度:该选项主要用来设置磁性套索工具感应图像边缘的灵敏度。如果对象的边缘比较清晰,可以将该值设置得高一些;如果对象的边缘比较模糊,可以将该值设置得低一些。
频率:在使用磁性套索工具勾画选区时,Photoshop会生成很多锚点,“频率”选项就是用来设置锚点的数量。数值越高,生成的锚点越多,捕捉到的边缘越准确,但是可能会造成选区不够平滑。
钢笔压力:如果计算机配有数位板和压感笔,可以激活该按钮,Photoshop会根据压感笔的压力自动调节磁性套索工具的检测范围。
实例073 使用魔棒工具提取牛奶
文件路径 第5章\使用魔棒工具提取牛奶
难易指数 ★★☆☆☆
技术掌握
•魔棒工具
•置入嵌入的智能对象

扫码深度学习
操作思路
在Photoshop中(魔棒工具)是一个非常便捷好用的抠图工具。只需要在画面中单击即可获得相似颜色的选区。对于颜色内容差异大,色彩倾向明确的图片更利于操作。本案例使用魔棒工具将牛奶提取出来,再加入其他元素,制作新颖的海报效果。
案例效果
案例效果如图5-70所示。

图5-70
操作步骤
01执行菜单“文件>打开”命令,打开素材“1.jpg”,如图5-71所示。

图5-71
02执行菜单“文件>置入嵌入的智能对象”命令,置入牛奶素材“2.jpg”,如图5-72所示,然后按Enter键确定置入此图片。执行菜单“图层>栅格化>智能对象”命令,将该图层栅格化为普通图层,如图5-73所示。

图5-72

图5-73
03提取牛奶元素。选择工具箱中的(魔棒工具),在选项栏中单击“添加到选区”按钮
,设置“容差值”为50,接着在牛奶杯中的白色区域上单击,自动获取附近区域相同的颜色,使它们处于被选择状态,如图5-74所示。连续单击牛奶瓶部分使牛奶所有部分处于被选择状态,如图5-75所示。

图5-74

图5-75
04单击“图层”面板底部的“添加图层蒙版”按钮,如图5-76所示。画面中的牛奶背景将被隐藏,效果如图5-77所示。

图5-76

图5-77
05执行菜单“文件>置入嵌入的智能对象”命令,置入丝带素材“3.png”,如图5-78所示。接着按Enter键确定置入此图片。画面最终效果如图5-79所示。

图5-78

图5-79
要点速查:魔棒工具的选项
魔棒工具的选项栏如图5-80所示。

图5-80
容差:决定所选像素之间的相似性或差异性,其取值范围为0~255。数值越低,对像素的相似程度的要求越高,所选的颜色范围就越小;数值越高,对像素的相似程度的要求越低,所选的颜色范围就越大。
连续:勾选该复选框时,只选择颜色连接的区域;取消勾选该复选框时,可以选择与所选像素颜色接近的所有区域,当然也包含没有连接的区域。
对所有图层取样:如果文档中包含多个图层,勾选该复选框时,可以选择所有可见图层上颜色相近的区域;取消勾选该复选框,则仅选择当前图层上颜色相近的区域。
实例074 使用“选择并遮住”抠图
文件路径 第5章\使用“选择并遮住”抠图
难易指数 ★★★☆☆
技术掌握
•选择并遮住
•魔棒工具

扫码深度学习
操作思路
在使用选框工具、套索工具等选区工具时,在选项栏中都有一个按钮。单击此按钮,可以打开“选择并遮住”窗口。在该窗口中可以对已有的选区边缘进行平滑、羽化、对比度、位置等参数设置。例如,在抠取不规则对象、毛发边缘时可以使用调整边缘参数进行调整得到精确的选区。本案例利用“选择并遮住”模式,对人物头发边缘处进行调整,再利用其他工具制作人像海报。
案例效果
案例效果如图5-81所示。

图5-81
操作步骤
01执行菜单“文件>打开”命令,或按Ctrl+O快捷键,在弹出的“打开”对话框中选择素材“1.jpg”,单击“打开”按钮,如图5-82所示。继续执行菜单“文件>置入嵌入智能对象”命令,在弹出的“置入嵌入对象”对话框中选择素材“2.jpg”,单击“置入”按钮,将素材放置在适当位置,按Enter键完成置入,如图5-83所示。接着执行菜单“图层>栅格化>智能对象”命令,将该图层栅格化为普通图层。

图5-82

图5-83
02首先将人物的背景去除。选择工具箱中的(魔棒工具),在选项栏中设置“容差”为20,移动光标在画面的白色背景处单击,得到选区,效果如图5-84所示。

图5-84
03单击选项栏中的“选择并遮住”按钮,进入选区编辑状态,设置“视图模式”为黑白,再单击“调整边缘画笔工具”
按钮,然后在头发边缘处涂抹,并设置“半径”为5像素,单击“确定”按钮完成设置,如图5-85所示。得到选区后,按Delete键删除选区中的像素,再使用Ctrl+D快捷键取消选区,效果如图5-86所示。

图5-85

图5-86
04执行菜单“文件>置入”命令,置入素材“3.png”,将素材放置在适当位置,按Enter键完成置入操作,效果如图5-87所示。

图5-87
要点速查:“遮住并选择”模式下的功能介绍
单击选项栏中的“遮住并选择”按钮,打开“遮住并选择”窗口,如图5-88所示。

图5-88
快速选择工具:通过按住鼠标左键拖曳涂抹的方式创建选区,该选区会自动查找和跟随图像颜色的边缘。
调整边缘画笔工具:精确调整发生边缘调整的边界区域。制作头发或毛皮选区时可以使用调整边缘画笔工具柔化区域以增加选区内的细节。
画笔工具:通过涂抹的方式添加或删除选区。选择画笔工具,在选项栏中单击“添加到选区”按钮
,单击
按钮,在下拉面板中设置笔尖的“大小”“硬度”和“距离”选项,接着在画面中按住鼠标左键拖曳进行涂抹,涂抹的位置就会显示出像素,也就是在原来选区的基础上添加了选区。若单击“从选区减去”按钮
,在画面中涂抹,即可减去选区。
套索工具组:该工具组中有
(套索工具)和
(多边形套索工具)两种。使用该工具可以在选项栏中设置选区运算的方式。
半径:确定发生边缘调整的选区边界的大小。对于锐边,可以使用较小的半径;对于较柔和的边缘,可以使用较大的半径。
智能半径:自动调整边界区域中发现的硬边缘和柔化边缘的半径。
平滑:减少选区边界中的不规则区域,以创建较平滑的轮廓。
羽化:模糊选区与周围的像素之间的过渡效果。
对比度:锐化选区边缘并消除模糊的不协调感。在通常情况下,配合“智能半径”选项调整出来的选区效果会更好。
移动边缘:当设置为负值时,可以向内收缩选区边界;当设置为正值时,可以向外扩展选区边界。
清除选区:单击该按钮可以取消当前选区。
反相:单击该选项,即可将选区反相。
实例075 快速选择抠出人像制作清凉夏日广告
文件路径 第5章\快速选择抠出人像制作清凉夏日广告
难易指数 ★★★☆☆
技术掌握
•快速选择工具
•横排文字工具
•置入嵌入智能对象
•图层样式

扫码深度学习
操作思路
使用(快速选择工具),并利用可调整的圆形笔尖迅速绘制出选区。拖曳笔尖时选取范围不但会向外扩张,而且还可以自动寻找并沿着图像的边缘来描绘边界。本案例使用快速选择工具将人物提取出来,再搭配其他元素,制作清凉风格的夏日广告。
案例效果
案例效果如图5-89所示。

图5-89
操作步骤
01执行菜单“文件>打开”命令,或按Ctrl+O快捷键,在弹出的“打开”对话框中选择素材“1.jpg”,单击“打开”按钮,如图5-90所示。继续执行菜单“文件>置入嵌入智能对象”命令,在打开的“置入嵌入智能对象”对话框中选择素材“2.jpg”,单击“置入”按钮,将素材放置在适当位置,按Enter键完成置入,接着执行菜单“图层>栅格化>智能对象”命令,将该图层栅格化为普通图层,如图5-91所示。

图5-90

图5-91
02选择工具箱中的(快速选择工具),在选项栏中单击“添加到选区”按钮
,在“画笔预设”面板中设置“大小”为50像素,接着将光标移动至人物背景处,如图5-92所示,按住鼠标左键拖曳得到背景的选区,如图5-93所示。

图5-92

图5-93
03继续在人物上方和右侧位置按住鼠标左键拖曳得到背景的选区,如图5-94所示。接着在人物腿部位置按住鼠标左键拖曳得到背景的选区,如图5-95所示。

图5-94

图5-95
04继续对其他位置进行选取,如图5-96所示。现在可以在画面中看到人物身体部位选择过多,需要将多选择的选区取消,在选项栏中单击“从选区减去”按钮,接着在人物边缘按住鼠标左键拖曳减去选区,效果如图5-97所示。

图5-96

图5-97
05得到背景选区后,按Delete键删除选区中的像素,再使用Ctrl+D快捷键取消选区,如图5-98所示。

图5-98
06下面需要添加文字。选择工具箱中的(横排文字工具),在选项栏中设置合适的“字体”和“字号”,设置填充为白色,接着在画面中间位置单击输入文字,如图5-99所示。然后在选项栏中设置一个新的“字体”和“字号”,继续在画面中单击输入副标题文字,如图5-100所示。

图5-99

图5-100
07按住Ctrl键加选两个文字图层,使用Ctrl+Alt+E快捷键进行盖印并命名为“合并”。新建一个图层,然后按住Ctrl键单击“合并”图层的缩览图得到文字选区,接着将选区填充为淡蓝色,如图5-101所示。在“图层”面板中将“合并”图层移动至文字图层的下方,画面效果如图5-102所示。

图5-101

图5-102
08将所有文字图层移动至人物图层的下方,然后选择工具箱中的(移动工具),将蓝色文字向下移动,制作投影效果,如图5-103所示。

图5-103
09选择蓝色文字图层,执行菜单“图层>图层样式>描边”命令,在弹出的“图层样式”对话框中设置“大小”为4像素、“位置”为“外部”、“混合模式”为“正常”、“不透明度”为100像素、“填充类型”为“颜色”、“颜色”为白色,单击“确定”按钮完成设置,如图5-104所示。文字效果如图5-105所示。

图5-104

图5-105
10继续使用横排文字工具在画面中输入文字,如图5-106所示。

图5-106
实例076 使用色彩范围为多叶植物换背景
文件路径 第5章\使用色彩范围为多叶植物换背景
难易指数 ★★★★☆
技术掌握
•色彩范围
•图层蒙版

扫码深度学习
操作思路
“色彩范围”命令可根据图像中某一种或多种颜色的范围创建选区。“色彩范围”具有一个完整的参数设置对话框,在其中可以进行颜色的选择、颜色容差的设置,以及使用“添加到取样”吸管、“从选区中减去”吸管对选中的区域进行调整。本案例主要通过“色彩范围”命令来识别图中的绿色区域,为风景照片换背景。
案例效果
案例效果如图5-107所示。

图5-107
操作步骤
01执行菜单“文件>打开”命令,打开素材“1.jpg”,如图5-108所示。

图5-108
02执行菜单“文件>置入嵌入的智能对象”命令,置入风景素材“2.jpg”,如图5-109所示。按住Shift+Alt快捷键并将光标移到图片左上角锚点处,按住鼠标左键向外拖曳,进行中心等比例放大,直至覆盖整个画面。接着执行菜单“图层>栅格化>智能对象”命令,将该图层栅格化为普通图层,效果如图5-110所示。

图5-109

图5-110
03执行菜单“选择>色彩范围”命令,在弹出的“色彩范围”对话框中设置“选择”为“取样颜色”,选中“选择范围”单选按钮,为了便于观察,将“选区预览”设置为“黑色杂边”。将鼠标移动至画面中,光标会变成形状,单击天空的位置,对颜色进行取样,然后返回到“色彩范围”对话框中设置“颜色容差”为100,如图5-111和图5-112所示。

图5-111

图5-112
04此时未被选择的区域在画面中用黑色表示,而画面中天空的区域仍有部分区域为灰色,单击“色彩范围”对话框中的“添加到取样”按钮,如图5-113所示。在画面的左上角处单击,此时可以看到天空部分被完全选中,如图5-114所示。

图5-113

图5-114
05单击“色彩范围”对话框中的“确定”按钮,得到天空部分选区。使用Ctrl+Shift+I快捷键反选选区,如图5-115所示。此时单击该“图层”面板底部的“添加图层蒙版”按钮,即可隐藏天空部分,蒙版效果如图5-116所示。

图5-115

图5-116
06画面最终效果如图5-117所示。

图5-117
要点速查:详解“色彩范围”对话框
执行菜单“选择>色彩范围”命令,弹出“色彩范围”对话框,如图5-118所示。

图5-118
图像查看区域:“图像查看区域”下面包含“选择范围”和“图像”两个选项。当选中“选择范围”单选按钮时,预览区域中的白色代表被选择的区域,黑色代表未被选择的区域,灰色代表被部分选择的区域(即有羽化效果的区域);当选中“图像”单选按钮时,预览区内会显示彩色图像。
选择:用来设置创建选区的方式。选择“取样颜色”选项时,光标会变成
形状,将光标放置在画布中的图像上单击进行取样;选择“红色”“黄色”“绿色”“青色”等选项时,可以选择图像中特定的颜色;选择“高光”“中间调”和“阴影”选项时,可以选择图像中特定的色调;选择“肤色”选项时,会自动检测皮肤区域;选择“溢色”选项时,可以选择图像中出现的溢色。
检测人脸:当“选择”设置为“肤色”选项时,将激活“检测人脸”复选框可以更加准确地查找皮肤部分的选区。
本地化颜色簇:启用此选项,移动“范围”滑块可以控制要包含在蒙版中的颜色与取样点的最大和最小距离。
颜色容差:用来控制颜色的选择范围。数值越高,包含的颜色就越广;数值越低,包含的颜色就越少。
范围:当取样方式为“高光”“中间调”和“阴影”时,可以通过调整范围数值,设置“高光”“中间调”和“阴影”各个部分的大小。
:当选择“取样颜色”选项时,可以对取样颜色进行添加或减去。使用“吸管工具”
可以直接在画面中单击进行取样。如果要添加取样颜色,可以单击“添加到取样”按钮
,然后在预览图像上单击,以取样其他颜色。如果要减去多余的取样颜色,可以单击“从取样中减去”按钮
,然后在预览图像上单击以减去其他取样颜色。