如果我们使用路径来建立蒙版,在图像效果上两者并没有什么不同,只是在图层调板中则会看到蒙版的样子好像有些不同。如下左图和中图。不过,路径可以很方便地进行修改,如下右图,将红色箭头处的路径点往上方移动些许,就可以变为一个新蒙版形状。
如果是用选区建立的蒙版,此时就需要删除原先的蒙版,然后建立新选区再将其作为图层蒙版。
或许大家会觉得其实不用那么麻烦,可以通过修改原有的蒙版来实现。这样想是没错的,但是如果要改为以下的这些形状呢?选区的修改工作就非常繁琐了。而如果是路径,修改起来则简单的多,只要在上图的基础上,拖动两下鼠标就可以完成了。
因此使用路径的意义不是为了让画面效果更出色,是为了让创建及修改的过程更简单更方便。在Photoshop中可以通过很多方式使用路径,其中最常用也最有价值的方式就是将其作为图层蒙版,这样也称为矢量蒙版。与通过选区所建立的点阵蒙版相比,它具有缩放不失真,修改方便等优点。同时也存在着一个非常大的缺点,如果不是因为有这个缺点,它就可以完全取代点阵蒙版。
锚点 1路径的概念
首先要记住路径是矢量的。如果说图像中什么东西是矢量的,那么它就是由路径所组成的。
其次,路径可以是与选区类似的封闭区域,也可以只是一条首尾并不相连的线段,分别称作封闭路径和开放路径。而线段可以是直线也可以是曲线,或两者兼而有之。
再者,路径在Photoshop中是指示性的,本身并不能直接构成图像的一部分,只有在将其作为图层蒙版或填色及画笔描边后,才可以对图像像素产生影响。在这点上与选区类似,单纯的创建或修改选区也不能直接令图像发生改变。
最后,在Photoshop中只有特定的几个工具能够针对路径进行操作,它们分别是钢笔工具
,自由钢笔工具
,添加锚点工具
,删除锚点工具
,转换点工具
。这5种工具用来绘制及修改路径。此外还有路径选择工具
和直接选择工具
,这两者都是用来选取路径的,但在功能上有所区别。
大家回忆一下我们在学习选区工具的时候,曾经介绍过一个多边形套索工具
,它创建选区的方式是在不同的地方单击,连接单击的各个点来产生选区。创建简单的路径也就是采用这种方法。
2用钢笔工具的事项
选择钢笔工具
〖P/SHIFT_P〗。在公共栏将绘图方式改为“路径”
(如下左图红色箭头处)。这一步非常重要,如果没有选择正确将会产生色彩填充效果。我们现在只是需要了解路径,色彩填充是路径的一种应用方式,将在以后学习。另外如果现在开启“橡皮带”选项会影响我们的学习,可点击下左图绿色箭头处,确保其没有开启。
为了得到较为直观的鼠标光标提示,建议大家在首选项中的显示与光标〖CTRL_K,CTRL_3〗项目中,将其它光标设为“标准”,如下右图。
-
3绘制直线路径
一个400×300(可自行设定其它大小)的图像,此时将鼠标移到图像内,光标应显示为
,然后依次在图像中4个不同地方单击,就会看到这4点间形成了一条路径。如下图所示。细心的读者可能会注意到,在点击了第一个地方之后,鼠标的光标从
变为了
。前者表示将要绘制一条新路径,后者表示正处在路径绘制之中。记住这些光标显示很有用,本章后面还会对路径操作中所出现的各种光标做一个总结。
现在注意看一下图像中的显示,可以很明显地看到我们单击的4处地方,每个单击的点都有一个方块,这些方块有的空心(如1、2、3处)有的实心(如4处)。这些点称为锚点。每两个锚点间的线段称为片断。按照下图中来说,锚点1与锚点2之间的片断我们将其命名为片断12,以此类推命名片断23和片断34。
锚点的英文名为anchor,片断的英文名为segment,大家要记住这两个单词,因为在许多矢量绘图软件(如CorelDraw)和三维制作软件(如3DSMAX)中都有它们。一些较新版本的软件往往是先以英文语言版本发布的,而中文语言版本要滞后一段时间,因此记忆常用的软件词汇是必要的。
我们刚才绘制这个路径的过程,实际并不是直接画出了3条线段,而是通过钢笔工具指定了4个锚点,Photoshop自动在这些锚点之间依次连接线段构成了一条路径。也就是说,画路径的过程实际上就是指定锚点位置的过程,锚点的位置决定路径的走向。记住这个概念很重要。既然是锚点决定走向,那么对于一个已经完成绘制的路径,更改锚点的位置也就可以更改路径的走向。
4选择并移动路径锚点
需要使用直接选择工具
〖A/SHIFT_A〗才可以移动锚点,现在我们先切换到直接选择工具
,在路径上任意位置点击一下,会看到路径上的各锚点都以空心方块显示,如下左图。然后我们在其中的锚点3上单击,会看到其变为了实心方块。如下中图。实心方块就表示该锚点(也可以是多个锚点)处于被选择状态,回忆一下我们刚才在绘制路径的时候,最后一个锚点都会自动处于被选择状态。
现在可以使用直接选择工具
移动锚点3,移动过程中可按住SHIFT键保持水平、垂直或45度角方向。在移动过程中鼠标光标为
。效果如下右图。为了方便比较,使用淡红色表示原先的走向。
在这里我们看到,移动锚点3后,同时引起了线段23和线段34的改变,这不难理解,因为这两条线段都与锚点3有关联。那么,如果我们移动锚点1或者锚点4,由于它们一个是起点锚点,一个是终点锚点,所以更改它们的位置只会改变一条线段的走向,分别是线段12和线段34。
-
-
5选择多个路径锚点的方法
可以移动多个锚点,前提当然是要先选择多个锚点。还记得添加选区的快捷键么,是SHIFT,在这里也是一样。在先选择了一个锚点后,然后按住SHIFT键单击其他的锚点即可加上。如下左图。如果对已处于选择的锚点按住SHIFT键单击,则会取消该锚点的选择。
也可以在锚点之外按住鼠标拖拉,框选多个锚点。如下右图。
-
6用方向键轻移路径锚点
如果一个或多个锚点处于选择状态,且当前选择的是直接选择工具
,就可以使用键盘的上下左右方向键来移动锚点,按住SHIFT键可加速。我们在学习移动图层的时候也用过这种方法,当时被称为“轻移图层”,现在我们也可将之命名为“轻移锚点”或“轻移路径”。
7在路径面板中选择路径
需要注意的是,如果路径没有显示在图像中,就不能对其进行选择并移动锚点和其他的操作。如果大家之前由于一些误操作导致路径在图像中消失,可以在路径调板中点击“工作路径”,即可在图像中看到路径。如下图。如果想要显示其锚点,可使用路径选择工具
和直接选择工具
在路径上任意位置点击一下。
在这里要特别说明的是,路径调板与图层调板是不同的,图层调板会将所有图层中的内容都依次显示在其中,也就是说,我们通过图层调板就可以得知图像中所有图层的情况。而路径调板并不是这样,即使在图像中使用了多个矢量路径,也并不会在路径调板中依次列出。如果只通过路径调板观看,我们并不能得知图像中所有路径的情况。这一点我们在本课后面的内容中将切实体会到。现在暂时不必深究。
对于一条已经绘制完成的路径来说,其锚点的数量也就固定了。但对于路径的修改,除了我们上面的移动锚点位置这种方式之外,也有可能需要增加片断的数量产生更复杂的路径,或者减少片断的数量简化路径。我们已经知道影响路径片断的是锚点,因此这样的操作实际就相当于是添加和删除锚点。
8删除路径锚点
在路径上删除现有锚点的方法是使用钢笔工具
〖P/SHIFT_P〗,将其移动到已有的锚点之上,注意鼠标光标变为
,此时单击即可删除该锚点,如下左图。如果要添加锚点,就是将鼠标移动到现有的路径片断上,光标将变为
,此时单击即可添加一个新锚点,如下中图。如果我们使用直接选择工具
移动这个新增锚点,会发现这是一条曲线,如下右图。曲线是路径绘制中最重要的技能,本课后面部分将会予以介绍。现在暂时不必理会。
以上两个操作的前提是必须将路径的锚点显示出来,否则钢笔工具移动到锚点之上并不会变为
,将始终是
,而此时单击将绘制新路径。因此在路径操作中,鼠标光标的提示很重要。
另外Photoshop提供了专门的添加锚点工具
和删除锚点工具
,添加锚点工具可直接在没有显示锚点的路径上添加新锚点,它可在路径的任意位置上使用。
而删除锚点工具
在没有显示锚点的路径上将显示为直接选择工具
的光标,在点击路径后会显示其锚点,此时在已有的锚点上单击即可删除该锚点。该工具只能在已有的锚点上有效,在其他位置上还是显示为直接选择工具
的光标。
-
-
9添加和删除路径锚点的注意事项
总结起来,添加或删除锚点其实都可以由钢笔工具来完成,也就是说其已兼备了绘制及修改锚点两个功能。而添加锚点工具和删除锚点工具属于专项工具,主要应用在使用钢笔工具可能发生误操作的时候。试想一下,如果我们想要在结构密集的众多锚点中删除一些锚点,那么使用钢笔工具就有一定风险,因为其只有停留在已有锚点位置上才发挥删除作用,停留在片断之上将发挥添加作用,而停留在片断和锚点之外将发挥绘制新路径作用,虽然有鼠标光标的指示,但我们的操作还是必须非常小心。此时如果使用专门的删除锚点工具,则就不必担心会添加锚点和绘制新路径了。添加锚点工具的使用前提也是如此。另外,可以在公共栏中关闭“自动添加/删除”选项,这样钢笔工具就不再具备增减锚点的能力。
到现在为止,我们所绘制的路径都是直线的,也就是每两个锚点之间都是以直线相连接的,是最简单的路径形态。而使用路径的真正意义除了我们之前所说的那些之外,也有很大一部分是由于它可以方便且准确地创建和修改曲线。
锚点方向线
虽然我们已经学习过了很多知识,但是如果要我们画出一个S形来,却还是很困难。按照通常的思路,就是在图层中填充颜色,或者创建一个带S形状的蒙版。这两种方法其实是相同的,因为它们都需要借助创建选区来完成。当然,有的人可能会想到建立一个带着全黑蒙版的色彩填充层,然后使用画笔工具用白色在黑色蒙版中绘制出一个S形。理论上这样做是正确的,但画笔工具完全依赖手动的鼠标轨迹,而手动轨迹很难形成一个平滑的曲线。可以说到目前为止我们并无法绘制出平滑且准确的曲线。而这一点可以通过路径来实现。
现在关闭之前的图像,再新建一个图像(400×300或任意尺寸),切换到钢笔工具
〖P/SHIFT_P〗来绘制新路径,之前我们是在不同部位点击产生锚点,现在的操作有所不同。
10绘制曲线路径
在起点按下鼠标并向右上方拖动些许,会看到一个锚点的产生以及两条以锚点为中心的射线随着鼠标拖动,在合适的地方松手,完成起点锚点的绘制。现在移动到第二个地方,同样按下鼠标拖放些许,方向大致为右下方,拖动时除了看到两条与之前相同的射线外,还能看见一条曲线在逐渐形成。松手后完成这个锚点的绘制。最后在终点的位置再按下鼠标拖动些许,方向为右上方,松手后完成。这样我们就得到一个由3个锚点产生的曲线路径,过程可参考下图。为了方便观看,我们在步骤之间使用了蓝色分隔线。并用红色数字表示将要绘制的锚点,用绿色数字表示已完成绘制的锚点。
11有关路径锚点方向线的理解
我们所看到的这些射线称之为方向线,它们决定着曲线的形态。现在大家一定对此感到一头雾水,这没有关系,它们其实很容易就可以理解。假设在城市中有AB两地,它们之间的道路分布及方向如下左图所示。现在有一个人从A地出发到B地,且不走最短的直线行程,那么:
如果A地的人看到他是面向南方出发的,而B地的人看到他是面向北方进入的,综合两地的观察结果,这个人走的路线如下第2图所示。
如果A地的人看到他是面向北方出发的,而B地的人看到他是面向南方进入的,这个人走的路线如下第3图所示。
如果A地的人看到他是面向南方出发的,而B地的人看到他也是面向南方进入的,这个人走的路线就如下第4图所示。当然还有第4条路线。就是面向北方出发也面向北方进入,这里就不必再做图示了。
-
-
-
12选择路径并隐藏锚点
现在使用路径选择工具
或直接选择工具
在路径之外的位置点击一下,就会看到路径上的所有锚点都被隐藏了。如下左图。当然前提是要保证路径调板中工作路径还处于被选择状态。
13选择路径片断并显示锚点和方向线
使用直接选择工具
〖A/SHIFT_A〗在锚点12之间的片断点击一下,就会看到两条射线。如下右图。
-
现在,我们就可以将上右图中的锚点1和锚点2理解为AB两地,从锚点1是“面向右上”出发,而进入锚点2时候是“面向右下”。这样综合起来判断,片断12就应该是一个盖形(上弧),如下左图。使用直接选择工具点击片断23,也会看到从锚点2出发和到达锚点3的两条方向线,基于同样的判断,片断23就应该是一个碗形(下弧)。如下右图。
14路径锚点方向线的来向与去向
现在我们可以理解为:对于一个锚点而言,都有“来向”与“去向”两条方向线。“去向”方向线影响的是该锚点与下一个锚点间片断的弯曲度。而“来向”方向线则影响着该锚点与前一个锚点间片断的弯曲度。
既然锚点决定片断,那么片断也可以反证锚点。如果将曲线片断作为圆弧对象来看,按照几何理论,方向线就应当是位于圆弧某一点位置上的切线。这个“某一点”正是锚点。
-
15更改路径锚点方向线的角度和长度
现在我们尝试更改锚点2的“去向”方向线,来看看会有怎样的变化。先使用直接选择工具
选择片断23,再切换到转换点工具
〖P/SHIFT_P〗,在方向线末端的圆点上按住并往左拖动些许位置,看到片断23的弯曲度发生了变化,效果如下左图。这实质上是修改了方向线的角度,造成了片断弯曲度的变化。
也可以不改变角度,在现有角度的方向上拖动,将方向线伸长或者缩短,也会造成片断弯曲度变化。如下右图。
-
16理解更改路径锚点方向线长度
对于修改方向线长度所造成的影响,我们可以这样来理解:锚点间的片断是一根有弹性的橡皮筋,方向线长一些就好比往某个方向上拉动的力量大一些,这样橡皮筋就会在这个方向上多弯曲一些。反过来如果方向线较短则表示拉动的力量较小,而橡皮筋则较少向这个方向弯曲。
如果将方向线看待为X轴,曲线的相离程度为Y轴,则两者对比应如下图所示。不难看出,在同样大的两个矩形区域右端(代表X轴方向上经过同样的距离),曲线在Y轴上的高度有明显的不同。方向线较长,则曲线贴近方向线的距离也就越远。
方向线非常非常重要,它是路径的灵魂所在。因此我们在这一小节所安排的内容并不多,给大家足够的时间来消化所学的知识,请务必透彻理解。在这里我们来总结一下目前所学的知识。
首先,可以从路径形态上将锚点分为直线型和曲线型两种。那么:
直线型锚点没有独立的方向线,或者说直线型锚点的方向线与路径走向是一致的。所以一般我们说起方向线,就是指曲线锚点。
曲线型锚点由两个方向线,它们控制着曲线的弯曲程度,改变方向线的角度和长度会影响曲线的弯曲度。这两条方向线一个控制着“来向”曲线形态,另一个控制“去向”曲线形态。
曲线形态
直线型路径并没有太大的意义,路径的一个很大优势在于其可以很方便地创建曲线。创建直线型锚点的方法就是在不同的地方单击点,而创建曲线路径是在需要的地方按下鼠标并拖动才能完成,这拖动的操作实际上就是在建立锚点的曲线方向线。也就是说,拖动的程度将会直接影响曲线的弯曲度。
虽然知道了这些知识,也知道如何绘制曲线路径(不就是按住拖动么),但我们似乎还有些不知所措,那就是该如何去控制曲线的样子,又该如何去确定锚点的位置呢?换言之,如果现在想要利用路径画一个曲线的形状,比如一个心形或者一个五星之类的,究竟应该如何着手?先不要着急,还有一些知识需要学习。
现在我们来动手做一下,新建一个合适尺寸的白底图像,选择钢笔工具
〖P/SHIFT_P〗,公共栏中应设定为路径方式
。接着鼠标移动到图像中,光标指示应为
(表示将建立一条新的路径),然后在起点按下鼠标并向下拖动一段距离,松手,然后在第二个地方执行同样的操作。形成一条曲线路径。然后结束路径绘制。
17结束路径绘制
如果要结束路径的绘制,可切换到其他的路径工具,如路径选择工具〖A〗、形状工具〖U〗。最常用最方便的应该是按住CTRL在路径之外点一下(这实际上是临时切换到了直接选择工具
)。在以后要学习的Illustrator中也可以使用此方法结束绘制。另外,如果将鼠标移动到起点锚点上,光标指示将变为
(前提是已有至少两个锚点存在,否则无效),这时若点击则会建立一个封闭区域,绘制也将随之结束。
以上通过两个锚点建立曲线的操作(第一个点按下并拖动、第二个点按下并拖动、按住CTRL在路径外单击结束绘制),大家可以多做几次,每次在拖动起点或终点方向线的时候尝试不同的长度和方向,就会看到不同的曲线形态。不过无论怎样变化,都不外乎几种形态,正所谓万变不离其中。
18C形曲线形态
比如下图中的这几种,都很像英文字母C,所以我们将其称之为C形曲线。想象一下,如果我们为每个曲线标上XY横竖坐标,那么以下曲线的两条方向线指向都处在X轴同一侧,或Y轴同一侧。这就是C形曲线的共同点。所谓方向线指向,就是从锚点的空心方块出发,到方向线末端的实心圆点的这个方向。
形象地说,C形曲线的两条方向线,要么是一起向上指向,要么是一起向下、向左或向右指向。而它们之间的夹角不会超过90度。
19S形曲线形态
下图的几种,它们的两条方向线夹角都大于90度,分别位于X轴或Y轴的两侧,也就是说,要么一上一下,要么一左一右。这样的曲线我们可以称之为S形曲线。
20特殊曲线形态
需要注意的是,有些看上去类似C形的曲线,其实两条方向线的夹角已经超过了90度。如下左图。有些曲线看上去像是由两个C形组成,但其实不然,如下中图。而有些看上去什么都不像,如下右图。这些都是特殊的曲线形态,其特点是有一条或两条方向线特别长。这样极端的形态并不适合用来绘制一个完整的物体,因为其前后的其他锚点和片断也将受其影响,形态很难控制。因此很少会使用到,在这里是为了将曲线形态表述完整才特地举例。
-
-
所有的复杂曲线,都可以看作是由C形或S形曲线相接组成的。而我们就可以借此来判断如何绘制所需的曲线,也就是判断出有几个C形或S形。现在大家来看下左图中鼠标的3条轮廓线,判断一下,它们属于什么类型的曲线?每一条各需要几个锚点?得出结论后再继续往下学习。
建议大家自己先尝试绘制,可以将下图保存后在Photoshop中打开,然后绘制路径。
作者:贺晓辉,如需转载务必注明出处:茂趣创意微信公众号,微信号:maofuns,违者必究,谢谢各路小编。欢迎分享给你的朋友,分享才是美德~查看