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

扫码深度学习
操作思路
(磁性套索工具)是一款非常便捷的选取工具,在使用过程中会出现自动跟踪线,颜色边界越明显,磁力越强。本案例使用磁性套索工具抠出粉色图形,并为画面更换背景。
案例效果
案例效果如图3-93所示。

图3-93
操作步骤
01 执行菜单“文件>打开”命令,或按Ctrl+O快捷键,在弹出的“打开”对话框中选择素材“2.jpg”,单击“打开”按钮,如图3-94所示。效果如图3-95所示。

图3-94

图3-95
02 执行菜单“文件>置入嵌入的智能对象”命令,在弹出的“置入嵌入对象”对话框中选择素材“1.jpg”,单击“置入”按钮,如图3-96所示。按Enter键完成置入,接着执行菜单“图层>栅格化>智能对象”命令,效果如图3-97所示。

图3-96

图3-97
03 选择工具箱中的(磁性套索工具),将光标移动到画面粉色形状边缘单击,确定起点,如图3-98所示。接着沿粉色形状边缘移动光标,此时Photoshop会生成很多锚点,如图3-99所示。

图3-98

图3-99
04 当光标移动到起始锚点位置时单击,此时会得到一个闭合路径,如图3-100所示。效果如图3-101所示。

图3-100

图3-101
05 继续右击选区,在弹出的快捷菜单中执行“选择反向”命令,如图3-102所示。将选区反选后,按Delete键删除选区中的像素,再使用Ctrl+D快捷键取消选区,如图3-103所示。

图3-102

图3-103
要点速查:磁性套索工具的选项栏
磁性套索工具选项栏如图3-104所示。

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

扫码深度学习
操作思路
本案例主要使用快速选择工具绘制背景部分的选区,并删除背景,实现抠图操作。在选区绘制过程中要注意调整笔尖大小。
案例效果
案例对比效果如图3-105和图3-106所示。

图3-105

图3-106
操作步骤
01 执行菜单“文件>打开”命令,或按Ctrl+O快捷键,在弹出的“打开”对话框中选择素材“2.jpg”,单击“打开”按钮,如图3-107所示。效果如图3-108所示。

图3-107

图3-108
02 执行菜单“文件>置入嵌入的智能对象”命令,在弹出的“置入嵌入对象”对话框中选择素材“1.jpg”,单击“置入”按钮,如图3-109所示。接着按Enter键完成置入,执行菜单“图层>栅格化>智能对象”命令,效果如图3-110所示。

图3-109

图3-110
03 选择工具箱中的(快速选择工具),在工具选项栏中单击“添加到选区”按钮,在画面中单击白色背景并进行拖曳,如图3-111所示。接着在人物腋下的位置按住鼠标左键拖曳得到白色背景的选区,如图3-112所示。

图3-111

图3-112
04 接着按Delete键删除选区中的像素,再使用Ctrl+D快捷键取消选区,如图3-113所示。

图3-113
05 执行菜单“文件>置入嵌入的智能对象”命令,置入素材“3.jpg”,按Enter键完成置入,执行菜单“图层>栅格化>智能对象”命令,效果如图3-114所示。在“图层”面板中设置图层混合模式为“滤色”,如图3-115所示。

图3-114

图3-115
06 最终效果如图3-116所示。

图3-116
实例030 使用魔棒工具为人像更换背景
文件路径 第3章\使用魔棒工具为人像更换背景
难易指数 ★★★☆☆
技术掌握
●魔棒工具
●渐变工具
●多边形套索工具
●矩形选框工具
●混合模式
●横排文字工具

扫码深度学习
操作思路
(魔棒工具)是Photoshop中比较便捷的抠图工具,它对一些分界明显、颜色分明的图像可以很快地将其置于选择状态。本案例首先使用渐变工具绘制背景部分,接着使用魔棒工具抠取人物形象,最后选择横排文字工具在画面中输入文字。
案例效果
案例效果如图3-117所示。

图3-117
操作步骤
01 执行菜单“文件>新建”命令,在弹出的“新建”对话框中设置“宽度”为1242像素、“高度”为2208像素、“分辨率”为72像素/英寸,设置“颜色模式”为“RGB颜色”,设置“背景内容”为“白色”,设置完成后单击“创建”按钮,如图3-118所示。接着选择工具箱中的渐变工具,在工具选项栏中单击渐变色条,在弹出的“渐变拾色器”对话框中编辑一个蓝色系渐变,设置完成后单击“确定”按钮,完成编辑,然后在工具选项栏中设置渐变模式为“径向渐变”,如图3-119所示。

图3-118

图3-119
02 在画面中单击并拖曳光标填充渐变,如图3-120所示。

图3-120
03 选择工具箱中的多边形套索工具,在画面中多次单击绘制三角形选区。新建一个图层,设置前景色为浅蓝色,使用Alt+Delete快捷键进行填充,使用Ctrl+D快捷键取消选区,如图3-121和图3-122所示。

图3-121

图3-122
04 新建一个图层,继续使用多边形套索工具绘制选区,并填充为黄色,如图3-123所示。同样的方法绘制另外两个形状,如图3-124所示。

图3-123

图3-124
05 选择工具箱中的矩形选框工具,绘制一个非常细的纵向选区,如图3-125所示。接着执行菜单“选择>变换选区”命令,旋转选区并将其移动到左上角的三角形处,如图3-126所示。

图3-125

图3-126
06 接着设置前景色为浅蓝色,新建一个图层,使用前景色(填充快捷键为Alt+Delete)进行填充,如图3-127所示。同样的方法制作其他矩形形状,如图3-128所示。

图3-127

图3-128
07 执行菜单“文件>置入嵌入的智能对象”命令,在弹出的“置入嵌入对象”对话框中选择素材“1.jpg”,然后单击“置入”按钮,如图3-129所示。将素材“1.jpg”等比例放大(将光标定位到一角处,按住Shift键并按住鼠标左键拖曳),按Enter键完成操作,接着执行菜单“图层>栅格化>智能对象”命令,对素材进行栅格化,如图3-130所示。

图3-129

图3-130
08 选择工具箱中的魔棒工具,在工具选项栏中设置“容差”为5,在画面中单击人物周围的空白区域,创建选区,按住Ctrl键继续单击白色地方进行加选,如图3-131所示。选中人物图层,执行菜单“图层>图层蒙版>隐藏选区”命令,为图层创建图层蒙版,使白色背景部分隐藏,如图3-132所示。

图3-131

图3-132
09 继续对图层执行菜单“图层>图层样式>外发光”命令,在“图层样式”对话框中设置“混合模式”为“滤色”、“不透明度”为75%、“发光颜色”为白色、“大小”为57像素、“范围”为50%,单击“确定”按钮完成设置,如图3-133所示。效果如图3-134所示。

图3-133

图3-134
10 新建一个图层,选择工具箱中的矩形选框工具,按住鼠标左键拖曳绘制矩形选区,并填充为白色,如图3-135所示。选择矩形图层,执行菜单“图层>复制图层”命令,在弹出的“复制图层”对话框中单击“确定”按钮完成复制,并将复制矩形拖曳到矩形形状上方,如图3-136所示。

图3-135

图3-136
11 选择工具箱中的横排文字工具,在工具选项栏中设置“字体”“字号”及“填充”,在画面中单击输入文字,如图3-137所示。同样的方法,输入其他文字,如图3-138所示。

图3-137

图3-138
要点速查:魔棒工具的选项
(魔棒工具)选项栏如图3-139所示。

图3-139
容差:决定所选像素之间的相似性或差异性,其取值范围为0~255。数值越低,对像素相似程度的要求越高,所选的颜色范围就越小;数值越高,对像素相似程度的要求越低,所选的颜色范围就越大。
连续:当勾选该复选框时,只选择颜色连接的区域;当取消勾选该复选框时,可以选择与所选像素颜色接近的所有区域,当然也包含没有连接的区域。
对所有图层取样:如果文档中包含多个图层,勾选该复选框时,可以选择所有可见图层上颜色相近的区域,取消勾选该复选框则时仅选择当前图层上颜色相近的区域。
实例031 创建边界选区制作发光边缘
文件路径 第3章\创建边界选区制作发光边缘
难易指数 ★★★☆☆
技术掌握
●套索工具
●创建边界选区

扫码深度学习
操作思路
本案例首先使用套索工具绘制选区,然后使用菜单“选择>修改>边界”命令,此时图片边缘出现选区,最后使用白色进行填充。
案例效果
案例效果如图3-140所示。

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

图3-141
02 执行菜单“文件>置入嵌入的智能对象”命令,置入素材“2.jpg”,调整到合适大小后,按Enter键完成置入,如图3-142所示。然后在“图层”面板中选择该图层并右击,在弹出的快捷菜单中执行“栅格化图层”命令,将其转换为普通图层,如图3-143所示。

图3-142

图3-143
03 接下来制作相框效果。选择工具箱中的(套索工具),围绕人物绘制选区,如图3-144所示。

图3-144
04 绘制完成后,单击“图层”面板底部的“添加图层蒙版”按钮,此时画面效果如图3-145所示。蒙版效果如图3-146所示。

图3-145

图3-146
05 接下来制作发光边缘效果。按住Ctrl键单击该图层蒙版缩览图,此时图片边缘出现选区。接着在新建的图层中执行菜单“选择>修改>边界”命令,在弹出的“边界选区”对话框中设置“宽度”为30像素,然后单击“确定”按钮,如图3-147所示。此时画面效果如图3-148所示。

图3-147

图3-148
06 新建一个图层,将前景色设置为白色,使用Alt+Delete快捷键进行填充,画面最终效果如图3-149所示。

图3-149
实例032 使用“选择并遮住”为卷发美女抠图
文件路径 第3章\使用“选择并遮住”为卷发美女抠图
难易指数 ★★★☆☆
技术掌握 快速选择工具

扫码深度学习
操作思路
本案例主要使用快速选择工具与“选择并遮住”按钮制作人物选区,在绘制选区时需合理设置“边缘检测”半径,这样可以将选区边缘变得更为精准,人物抠图的效果呈现得更加自然。
案例效果
案例对比效果如图3-150和图3-151所示。

图3-150

图3-151
操作步骤
01 执行菜单“文件>打开”命令,打开人物素材“1.jpg”,如图3-152所示。

图3-152
02 执行菜单“文件>置入嵌入的智能对象”命令,置入素材“2.jpg”,如图3-153所示。调整到合适大小后,按Enter键完成置入。然后在“图层”面板中选择该图层并右击,在弹出的快捷菜单中执行“栅格化图层”命令,将其转换为普通图层,如图3-154所示。

图3-153

图3-154
03 复制人物图层,并将其置于图层面板最上方。选择工具箱中的快速选择工具,然后在工具选项栏中单击“添加到选区”按钮,设置“大小”为8像素,然后在人物周围细致地绘制选区,如图3-155所示。绘制完成后,选区如图3-156所示。

图3-155

图3-156
04 此时单击工具选项栏中的“选择并遮住”按钮,在弹出的窗口中单击“调整边缘画笔工具”按钮,设置画笔“大小”为125像素,然后调整头发边缘及细节处,如图3-157所示。接着设置“边缘检测”选项组下的“半径”为5像素,如图3-158所示。

图3-157

图3-158
05 设置完成后,单击“确定”按钮,得到选区。接着单击“图层”面板底部的“添加图层蒙版”按钮,蒙版效果如图3-159所示。画面最终效果如图3-160所示。

图3-159

图3-160
要点速查:“遮住并选择”模式下的功能介绍
单击工具选项栏中的“遮住并选择”按钮,弹出的对话框如图3-161所示。

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

扫码深度学习
操作思路
“编辑”菜单下的“复制”和“粘贴”命令可以说是Photoshop中常用的命令之一,通常也可以使用快捷键进行此操作,它能在作图过程中创造捷径,节省时间。本案例首先针对人像部分进行框选,接着使用“复制”和“粘贴”命令复制选区内人像,最终呈现出油画效果。
案例效果
案例效果如图3-162所示。

图3-162
操作步骤
01 执行菜单“文件>打开”命令,打开素材“1.psd”,如图3-163所示。

图3-163
02 接下来向画框内添加油画人像。首先在“图层”面板中将人像图层的“不透明度”设置为50%,以便于观察底部相框位置,方便下一步的操作,如图3-164和图3-165所示。

图3-164

图3-165
03 接着选择工具箱中的(矩形选框工具),沿此相框内侧绘制选区,释放鼠标后,选区自动生成,如图3-166所示。接下来执行菜单“编辑>拷贝”命令,然后继续执行菜单“编辑>粘贴”命令,此时选区内的图像被复制出来,如图3-167所示。

图3-166

图3-167
04 此时将原人像图层隐藏,最终油画相框效果如图3-168所示。

图3-168
提示 剪切
创建选区后,执行菜单“编辑>剪切”命令,或按Ctrl+X快捷键,可以将选区中的内容剪切到剪贴板上。继续执行菜单“编辑>粘贴”命令,或按Ctrl+V快捷键,可以将剪切的图像粘贴到画布中,并生成一个新的图层。
提示 复制并合并
当文档中包含很多图层时,执行菜单“选择>全选”命令,或按Ctrl+A快捷键,全选当前图像,然后执行菜单“编辑>合并拷贝”命令,或按Ctrl+Shift+C快捷键,将所有可见图层复制并合并到剪切板中。最后按Ctrl+V快捷键可以将合并复制的图像粘贴到当前文档或其他文档中。
实例034 使用快速蒙版制作可爱儿童照片版式
文件路径 第3章\使用快速蒙版制作可爱儿童照片版式
难易指数 ★★★☆☆
技术掌握
●画笔工具
●画笔面板
●图层蒙版

扫码深度学习
操作思路
(快速蒙版)是一种以绘图的方式创建选区的功能。本案例主要使用“快速蒙版”功能,以画笔绘制的方式创建选区,并以特殊的选区为人物添加图层蒙版,制作特殊的抠图效果。
案例效果
案例效果如图3-169所示。

图3-169
操作步骤
01 执行菜单“文件>新建”命令,新建一个“宽度”为918像素、“高度”为632像素、“分辨率”为72像素/英寸、“背景内容”为“白色”的文档,如图3-170所示。

图3-170
02 选择工具箱中的(画笔工具),在画笔选取器中选择一个合适的柔边圆画笔笔尖,将前景色设置为淡黄绿色,在白色背景中进行涂抹,如图3-171所示。

图3-171
03 按照同样方法,更换前景色,使用画笔工具继续在画面中涂抹,呈现出柔和的多彩效果,如图3-172所示。

图3-172
04 执行菜单“文件>置入嵌入的智能对象”命令,置入素材“1.jpg”,按Enter键确定置入操作。接着在“图层”面板中的该图层上右击,在弹出的快捷菜单中执行“栅格化图层”命令,将其转换为普通图层,画面效果如图3-173所示。

图3-173
05 选择工具箱中的(画笔工具),单击工具选项栏中的“画笔面板”按钮
,在面板右侧选择一个枫叶的画笔笔尖形状,设置“间距”为65%,如图3-174所示;勾选“形状动态”复选框,设置“大小抖动”为100%、“最小直径”为60%、“角度抖动”为30%,如图3-175所示;勾选“散布”复选框,再勾选“两轴”复选框,设置“散布”为270%、“数量”为4,如图3-176所示;勾选“传递”复选框,并设置“不透明度抖动”为60%、“流量抖动”为40%,如图3-177所示。

图3-174

图3-175

图3-176

图3-177
06 单击工具箱底部的“快速蒙版”按钮,进入快速蒙版中编辑。使用枫叶画笔在画面右侧人物部分进行涂抹,如图3-178所示。接着单击“快速蒙版”按钮
,退出快速蒙版。得到的选区如图3-179所示。

图3-178

图3-179
07 接着使用Ctrl+Shift+I快捷键将选区反选,如图3-180所示。然后单击“图层”面板底部的“图层蒙版”按钮,此时画面效果如图3-181所示。

图3-180

图3-181
08 接着执行菜单“文件>置入嵌入的智能对象”命令,置入素材“2.png”,按Enter键确定置入操作,最终效果如图3-182所示。

图3-182
提示 编辑快速蒙版小技巧
在快速蒙版模式下,不仅可以使用各种绘制工具,还可以使用滤镜对快速蒙版进行处理。