前面我们讲过钢笔工具绘制路径,产生选区。选区可以填充、描边。但钢笔工具绘制路径,还有一个特别大的用处,就是魔棒等快捷工具无法完成的抠图,可以用钢笔工具高效、精准、光滑、专业地完成抠图。抠出来的图,可以和其他图合成,实现新的用途。

宁缺毋滥

很多设计小白抠图,总想着把图抠扎实,事实上,如果水平确实有限,这样的抠图方式抠出来的图,会把周围背景也连带进去。所以,我们提出,钢笔工具抠图原则——“宁缺毋滥”。在这种原则下,还要达到不损伤图片形状的目的。

切忌浮躁

用很多设计师常说的一句话,钢笔抠图,要有抠图抠出痔疮的心理。如果你没有这样心理准备,敷衍了事,一步登天,是完不成一幅绝美的抠图作品来的。下面,我们以一辆跑车的抠图为例,对之前所讲解的钢笔工具所有用途,进行一次总结。

尽量向里

一些小伙伴理解,钢笔抠图,为了达到精准,在抠取图片边缘时,误认为不能少抠一点边缘。这种认识是不可取的。准确的抠图原则是,在不影响图片形状、不多抠背景的情况下,钢笔绘制路径时,一定要有意思地向图片内部靠拢。

抠图核心技巧

很多小朋友不清楚,钢笔工具抠图,起点定在哪里。其实,定在哪里都可以,毕竟,最终形成的路径,都要在起点这里闭合的。

  1. 习惯做法——复制图层

复制跑车层。顺便提醒小伙伴们一点,为了不破坏背景层以备用,有经验的设计师,都会事先复制一个图层,这点小伙伴们在学习设计初期,一定要注意养成习惯(图1,图片来源于百度)。

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(1)

图1 复制背景

2.起点圆滑

起点圆滑,就是起点要有弧度(图2),并且宁缺毋滥,弧度要尽量内收。为了看清楚跑车的边缘,习惯做法就是把图片放大(alt 鼠标滚轮),左右移动(空格键),放大到不影响清晰度,左右移动方便抠图,又能在看清边缘的状态下再抠图。

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(2)

图2 弧度

转角处,由于拖拽的控杆有些长,这个时候,要保持转角过度圆滑,alt转换点工具就派上用场了(图3)。具体是按住alt键,在锚点处红色标记的地方用鼠标点以下,控杆右边部分被截断。如果有些小伙伴用小白调整过(钢笔工具和小白工具转换,按住ctrl键,要再次回到昂比工具,再次按住钢笔工具快捷键P)第一步的弧度,现在直接按住alt键,不能转换为钢笔工具,鼠标变成箭头右下角➕的形式,这显然不是转换点工具的箭头。这个时候,需要按下P这个钢笔工具的快捷键,然后再按住alt键变成转换点工具。这点我们之前内容说过,就是要用转换点工具,得经过钢笔工具同意,先转换成钢笔工具再换成转换点工具的理论依据。

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(3)

图3 转换点工具

3.弧度多用点

虽然我们之前说过,钢笔工具锚点用多了,弧线显得不太圆滑,这仅仅是相对的说法。在弧度小、密集的情况下,还是要通过多点锚点来解决(图4)。大家也看出来了,设计不是那么死板的事情。

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(4)

图4 多点锚点

4.心理要预判

前面讲过,对于弧度大小,有经验的设计师,会事先预判弧度大小(图5)。当然,如果小伙伴们刚开始学习抠图,还不具备预判能力,只需要学会如何将钢笔工具转换成小白工具(ctrl和P之间的转换),随即调整弧度大小即可。

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(5)

图5 事先预判弧度大小

5.闭合路径

抠图完毕,路径闭合(图6)。闭合路径,小伙伴们要注意起始点和最后一点之间闭合时,往往会出现路径不圆滑的情况,这个时候,就要用小白工具进行微调,让路径变得圆滑。

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(6)

图6 闭合路径

6.微调不能少

路径闭合后,小伙伴们还要耐心对路径进行微调处理。处理工具就是小白工具,直到没有抠到多余颜色,路径圆滑为止。

7.路径来观察

有些小伙伴没有经验,抠完图,路径闭合后,发现图层面板里没有任何改变。原来,用路径抠取的图像,在路径面板里观察最直观(图7)。这里的路径,不是临时建立的路径。何谓临时路径,就是没有复制背景图的情况下,直接在背景图中进行路径绘制,打开路径面板,大家发现,记录路径的文字是斜体的,这就是临时路径。如果你没有复制背景图,直接在背景图上抠图,那么,在路径闭合,打开路径面板,小伙伴们记得在路径面板里再复制以下这个临时路径,复制后,临时路径就变成永久性的路径了,就是可以保存在PDS的文件里,便于给客户和自己观察、调取。

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(7)

图7

8.路径面板来编辑

一是,可以填充。这点之前在讲路径的布尔运算时,为了便于观察变化,我们用过填充这个功能。这里,我们再次填充一下(图8)。填充前,可以建立新的图层来填充。

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(8)

图8 填充

二是,可以描边。建立新的图层,然后执行描边。用鼠标在路径上点击右键,出现描边路径,同时弹出一系列选项,大家根据需要自选(图9)。有铅笔、有画笔等等。画笔可以根据需要选择各种形状的,形状选择不同,效果也不同。

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(9)

图9 描边

三是,可以建立选区

这点是我们上节课交代的重点。直接在路径面板中点击“将路径作为选区载入”即可(图10)。这个时候,有些小伙伴可能遇到这样的问题,虽然在路径面板中选择了该路径,但点击“将路径作为选区载入”发现弹出(图11)这样的警告。那是因为你抠出的路径没有被选中。选中办法是:用小黑或小白工具在抠取的路径上点击一下,路径被选中,然后执行上述命令,路径自然被载入选区。这点小伙伴们一定要注意。

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(10)

图10

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(11)

图11

当然,选区和路径之间也可以通过“从选区生成工作路径”这个命令来转化(图12)。这种转换,是通过(图13)来实现的。但这种转换和之前选区、路径,之间会存在一个容差(如14),为什么会出现这个功能,一方面,是为了让你通过更改容差值,减少路径锚点,从而达到整体更改路径的目的,通过更改路径,然后更改选区(图15)。这张图里,因为我们之前抠图非常精准,所以,执行这个转化,反倒因为锚点变少,该有弧度的地方变得没有弧度,抠图变得不准确了。所以,这个命令要慎重使用。另一方面,是为了把位图形状变成矢量的路径,这样,方便放大缩小不变形,这点后面遇到再讲。

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(12)

图12

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(13)

图13

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(14)

图14 更改前

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(15)

图15 更改后

9.几种抠图法

第一种:ctrl j复制抠图法:选中路径所在的图层、选中路径,载入选区,然后ctrl j产生一个新图层,同时关闭掉背景图层,留下(图16)即可。

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(16)

图16

第二种:矢量蒙版抠图法:点击钢笔工具所在功能的新建矢量蒙版(图17),此时,神奇的一幕出现了(图18)。

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(17)

图17

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(18)

图18

特别说明:矢量蒙版和ctrl j抠图法最大区别是,“多退少补”。矢量蒙版抠图,只要选中路径,对任何一个锚点可以移动,移动的目的是“多退少补”。如(图19)是原来的锚点,在矢量抠图法下,我们可以选中这个点随便移动(图20),以观察怎么个“多退少补”法。由此可见,矢量蒙版抠图法真得是既方便又高级。同时,既然是矢量的抠图,自然也具备矢量图的特点。

我们可以这样总结矢量蒙版抠图的特点:高级、精准、可随时调整和编辑。

这里,我们把矢量蒙版和图层蒙版顺便做以区别:

不同点:

相同点:

操作原理相同。

转化:

矢量蒙版可以转化为图层蒙版,如果我们要对矢量蒙版进行一些像素化操作,只需要选择矢量蒙版所在图层,点击鼠标右键选择删格化矢量蒙版(图21)(图22)。黑的代表透明,白的代表不透明。转化完后,就可以利用画笔、橡皮擦等对图像边缘进行进一步处理(图23)。画笔形状可以自由选择。

矢量蒙版和图层蒙版运用

说白了,你需要什么样的效果,就采用什么抠图法。

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(19)

图19

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(20)

图20

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(21)

图21

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(22)

图22

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(23)

图23

10.建立矢量蒙版的几种方法:

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(24)

图24

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(25)

图25

11.矢量蒙版和图层蒙版共同存在的好处:可以同时进行同步修改。矢量蒙版上,可以用小黑或者小白工具选中路径,然后对部分区域进行单独修改。同时,可以在图层蒙版上,用笔刷进行像素化操作(图26)。当然,因为矢量蒙版遮挡作用,笔刷在图层背景上起不了作用,只能在汽车上进行编辑,这里体现了蒙版的基本原理。

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(26)

图26 同步修改

12.钢笔工具中形状的特性

钢笔工具中有个形状按钮(图27)。点击形状按钮,我们发现,汽车被填充了颜色(图28),而且形成了新的图层,我们可以对形状层进行大小变化等操作(图29)。

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(27)

图27

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(28)

图28

怎么使用钢笔抠图详细步骤(钢笔工具全套抠图法)(29)

图29

这点和椭圆、矩形描边是一个道理,最后形成的都是矢量图,小伙们记住这点就行了。

关于钢笔工具的形状命令,小伙伴们记住:

钢笔工具学到这里,最核心的技巧都给小伙伴们进行了分享。我们说过,钢笔工具绘制的优势和难点在于带弧度的图形。它的缺点在于不能绘制规矩标准的的圆形、矩形等图形。下节内容,我们顺着钢笔工具绘制形状的特性,顺便给小伙伴们分享一下,形状工具的用法,这也是PS里最重要的、核心工具之一。

,