【H2O2|全栈】关于Photoshop（3）

PS的一些杂谈（三）

前言

在这一篇博客中，我会写一些和PS抠图有关的的工具，并讲的尽可能简单（毕竟我也学的只是皮毛嘛）。主要是下面三种关键的工具：

1. 套索工具
2. 对象选择工具
3. 钢笔工具

对PS使用不熟悉的朋友，也可以点击我的主页，里面有很多其他的和PS有关的博客，包含PS的一些最基本的、核心的使用方法。 

PS杂谈第一期http://t.csdnimg.cn/xo4D0 

文笔不好，PS也是个业余选手，敬请见谅。

准备工作

软件：【参考版本】Adobe Photoshop 2021

案例用图：

套索工具

此前，我们已经了解到选区的相关功能，也就是选定一块区域，在区域中进行相关的操作。

但是，选区的四个类型，对于复杂的抠图之类的操作来说，未免有些太简单了。

比如，我们想把一个物品从背景里抠出来（当然抠人是类似的），如果使用选区工具的话，这个物品（或人）可能需要长得比较“圆润”或者“方正”……

至于单列和单行，不用想了，更不可能。

这个时候，就需要我们使用套索工具来解决这个问题了。

在左侧工具栏里，找到套索工具，右键点击，可以打开套索工具的菜单栏：

普通套索

普通的套索工具，需要我们一直按住鼠标左键，绘制出一块首尾相连的封闭区域。此时松开鼠标，就会自动生成一个选区，就像下面这样：

这样一来，当我们绘制的区域边缘与需要获取的物品的边缘重合，我们就可以把这个物品选取出来。

但是普通的套索有一个严重的问题——鼠标左键不能松手。

如果绘制路径短还比较凑合，稍微长一点，比如截个花瓶啥的，一旦不小心提前松手了，起始点和终止点会直接相连，就像这样：

这样一来，前面的努力就完全白费了。

而且，普通套索还会有个精确性的问题，在贴合边缘的过程中，难免会有手不稳的时候。这时，我们的选区边缘就不能很好的贴合物品了，于是截出来就是下面这个效果：

说实话，截成这样确实挺失败的……

多边形套索

为了解决普通套索的诸多问题，我们可以使用下面的的多边形套索工具。

与普通套索相比，多边形套索之间多了很多中间点，中间点之间以很多细小的线段相连。

每当鼠标点击一次，就会出现一个中间点，鼠标在两个点之间移动走过的线段就是路径。

直到人为相连，路径闭合，才会出现选区，就像下面这样：

当然想提前结束连线也不是没有办法，当线段数量不低于2（即至少可以组成一个有像素的封闭区域）时，直接双击鼠标左键，起始点和终止点就会自动相连组成选区。

有了这个工具，回到花瓶那里，我们就可以抠得更轻松、更精准一些了。

但是，多边形工具毕竟是由许许多多的线段组成的。对于这个花瓶，它明显具备很多圆弧，当我们放大圆弧区域来看时，不难看出边缘是不平滑的，还有很多贴合很差的、僵硬的直线。

磁性套索工具

与多边形套索相比，磁性套索将一个个“中心点”具体化出来，变成一个个方形的小点——锚点。

锚点之间的连线，就是路径。在鼠标移动时不需要点击，会自动在路径上生成锚点。

当然，如果觉得两个锚点之间的距离过大，也可以鼠标左键自己设置锚点。

“磁性”路径的特点就是，它可以自动识别物体的边缘，并吸附上去。

这样一来，我们只需要让鼠标贴近物品边缘即可，剩下的就交给“吸附”吧：

再次拿出花瓶来，这次使用磁性套索工具来抠，效果如下：

对比其他两种套索，磁性套索的操作相对来说更加简单了，吸附还是很香的。

但新的问题出来了，你这吸附，它靠谱吗？

注意底座的位置，由于底座的颜色是黑色的，而阴影颜色也是黑色的，这样就会导致底座和阴影的分界线并不明显，导致自动吸附并不能准确的找到它们的边界。 

显然，我们需要的是一个具有完整边界的花瓶和它的底座，只需要删去背景和阴影。

即磁性套索的对象选择出现了问题。

对象选择工具

如果从需求的角度出发，花瓶和底座就是我们需要抠图出来的对象，而阴影和背景则不属于这一范畴。

如果我们想把一个对象从背景中抠出来，就会用到对象选择工具。在左侧的工具栏里，对象选择工具长这样：

对整个对象进行操作的思想是很重要的，这是一种全局的概念。当然，并不是说前面的套索工具就失去了它的作用，只是说两种方法都需要掌握。

普通对象选择工具

还是这个花瓶，使用对象选择工具，我们直接左键拉出一个选择框来，让它尽量覆盖整个花瓶（和底座）。

松开左键，选区会自动包裹整个花瓶对象。

可以看到，花瓶和底座都完整地截出来了，但很遗憾，阴影也跟着被截出来了。

 

这就说明，虽然我们已经能做到完整地提取对象，但提取对象的范围太大了。

所以，我们需要对这个范围进行调整，把多余的部分去掉。

快速选择工具

找到快速选择工具，在上边的选项栏中，可以看到快速选择工具有如下选项：

从左到右依次是：快速选择，添加到选区，从选区中删去。最右边是鼠标选区的范围，类似SAI、画图里面的画笔的粗细。

选择减去，20px有点太粗了，把它调整为1px（参考值，不强求）。

回到上一步中抠出来的花瓶，如果选区已经不在了没关系，重新选择对象即可。

阴影和底座的颜色实在是太接近了……可以看到，虽然每一次点击都可以减去一块选区，但是对象选择工具的边界实质上还是吸附的。

在边缘位置操作时，稍微点一下，要么阴影和底座一起没，要么干脆整个花瓶都被减掉了。

在这里选择增强边缘：

增强边缘可以帮助我们把模糊的边缘变得更加清晰，但是很遗憾，在这种相当接近的情况下，增强边缘也是没用的……

由于边界无法准确识别，选区总是会一次减去一大块，就像下面这样：

这说明，快速选择工具依旧依赖于边缘检测，对于难以检测的边缘选区效果比较差。

魔棒工具

魔棒工具的功能是，提取颜色相同或相近的区域作为选区。

使用方法很简单，直接鼠标点击需要提取的选区即可。

比如我们现在有一张人物图，我们想把背景换为粉色。

只需要用魔棒在背景中点一下，就可以选中整个背景，因为背景所在区域是颜色相同的。 

替换背景后的效果如下：

钢笔工具

通过之前的一系列操作，不难发现下面几个问题：

• 不能吸附边界的功能很难绘制边界
• 可以吸附边界的功能依赖边缘检测，对于模糊边缘的检测效果很差
• 绘制的边界一旦成型，就不能微调了

很遗憾，对于我这种新手来说，关于第二点边缘检测这个事情暂时解决不了，没有那个能力（捂脸）。

但是关于第三点，微调边界这个事情新手还是可以做到的。在侧边栏里打开钢笔工具，菜单是这个样子的——

 

普通钢笔工具

我第一次使用钢笔工具的时候，感觉是相当别扭的，内心：这么难用的玩意真有人会去用？

多用几次之后，看着丝滑的边界，真香（嘿嘿）。

使用方法是，左键点击确定工作路径起始点。

然后这一步很关键，我估计会有很多朋友在这一步出问题。

先松开鼠标，找到下一个锚点，点击并按住鼠标左键不松。这一步一旦松手了，那么这一段边界就不能调节了。

然后，移动鼠标，让两点之间的弧线贴合目标物体的边缘。

贴合好之后，才可以松开鼠标左键，目前的效果是这样：

 实心的小方块就是一个锚点，它是我们下一步操作的起始点。两边的小圆点是转换点，转换点之间的连线是参考线。

名字不一定对哈，不同的人叫法不一样，我也不知道官方名字叫什么。

下一步操作的圆弧，将参考参考线发生弧度的变化。我们需要的，是当前这一步的参考线。

而上一步的参考线，对于我们来说是多余的，甚至会打乱我们的路径，就像这样：

可以看到，第二段曲线同时参考了两边的参考线，导致曲线并未按照我们预期的样子变形。

因此，我们需要把多余的参考线删去，此时用到的工具是转换点工具。

快捷键是按住Alt，用鼠标左键点击多余参考线上的转换点，把它移动到合适的位置。我们这里直接将它移动到上一个锚点的位置，就可以删掉这条参考线了，效果如下：

这一步的操作就是角拖移。 角拖移一般在下一个锚点创建前使用，否则就会像上图一样，曲线已经被之前的错误操作影响了。

完整地步骤是：创建锚点 — 角拖移 —创建下一个锚点。

 

这样看起来就丝滑多了。一直重复这个步骤，直到完成封闭选图，我们就可以获得一个边缘极致丝滑的选区了。

从钢笔路径切换为选区的快捷方式是Ctrl+Enter。

取消钢笔路径的快捷方式是Enter。

应用到花瓶上，就是这个效果——

这下舒服了（叉腰）。

自由钢笔工具

自由钢笔工具和画笔差不多，划到哪路径就到哪，锚点是路径上自动创建的，效果如下：

 

和普通钢笔工具相比，锚点不用一个一个创建了。但是也不如钢笔那样方便调整了。

弯度钢笔工具

钢笔调整位置确实有点难受，是吧，总要不断地角拖移，然后一不小心整错位置了又要不断地改正。

自由钢笔工具是自由了不少，可以一步到位，但是不好调整位置啊。

有没有一种即使已经确定了锚点的位置，依然可以进行位置调整，顺便还能让之前画好的曲线和当前曲线无缝丝滑对接的钢笔工具呢？

可不就是弯度钢笔工具嘛。

之前普通钢笔角拖移举的三个锚点的例子，三个锚点之间看起来有些不丝滑，不像一段整体的弧：

现在，使用弯度钢笔工具，就可以自动调整两段曲线，使其互相适应。

 

点击弯度钢笔工具路径上的锚点，还可以拖动他们的位置。对于任意路径上的锚点，都可以这样拖动。

 

添加和删除锚点

即使是已经确定的路径，依然可以进行调整，这个时候就可以使用添加锚点的功能。

这里是一段已经确定的路径，使用添加锚点工具，就会出现一个新的可以调节的锚点：

同样的，对于，不需要的锚点，我们可以使用删除锚点工具将其移除。比如，删除中间的锚点。

特别的，对于弯度钢笔工具而言，直接点击路径上的点就可以添加锚点，而且是没有参考线的锚点。

删除锚点，也可以使用右键点击锚点，在出现的选项中选择删除。

预告和回顾

在我的下一篇PS系列的博客中，将会开始写一些和图形工具、文字工具有关的内容，下一期内容学习完后，应该就可以开始探讨如何制作UI了。依然是以杂谈的形式分享知识，共同进步。

对PS的使用不熟悉的朋友，可以从我的第一期PS分享开始看，希望我的分享能帮助到你。

PS杂谈第一期（基本）

PS杂谈第二期 

后话

笔者也是一个刚刚接触全栈的小白，对于这些东西也是才会使用不久。关于这篇博客，主要是记录一下自己学习的一些经历，然后把自己领悟到的一些东西总结一下，分享给大家。

文章全篇的操作过程都是笔者亲自操作完成的，一些定义性的文字加入了笔者自己的很多理解在里面，所以仅供参考。如果有说的不对的地方，还请谅解。

【H2O2】