在开始这一章节之前,大家最好做到一件事,那就是忘记前面所学,以全新的心态来学习本章节的内容。按照之前我们的所学的,所有对图像产生实质性效果(如创建选区就不属于实质性)的操作,可以分为两类。
一是绘制,主要用画笔工具完成的,这个绘制除了通常意义上的产生新图像之外,也包括用画笔修改图层蒙版这样的操作,都称为绘制。此外使用文字工具也应算是一种绘制。
二是调整,比如最常用到的色彩调整,将红色变为绿色等。再就是针对图层的各种操作,比如更改不透明度等。还有图层样式的设定。此外还应当包括更改图像大小即改变图像像素数量这样的操作,都可以称为调整。
在掌握了前面的这些知识后,我们已经掌握了绝大部分的基础知识和技术,即使现在停止学习也可以胜任实际工作。换句话说就是可以“出师”了,在这里先恭喜大家一下。传说老虎的本领都是猫传授的,但猫没有教老虎爬树的本领。而这正救了猫的命,因为老虎出师后要找猫PK。我们大家不是猫和老虎,我也不打算留一手。
路径就是前面我们说过的三大基础概念(选区、图层、路径)中的第三,也是Photoshop“任督二脉”中的督脉,由此可见路径的地位非同寻常。尽管如此,但路径在画面效果的表现上并无独特之处,它主要被用来建立一个封闭区域,然后在这个区域内可以进行类似填充或色彩调整这样的操作,也可作为图层蒙版。而这些工作似乎完全可以交给选区去完成,事实上到现在为止我们也都一直在使用选区进行这些操作,也并没有觉得有什么效果是做不出来的。再复杂的选区也可以通过不断修补最终完成。
虽然路径在画面效果的表现上并非不可替代(比如可用选区替代),但其矢量、灵活的特点却是独一无二。矢量的意义已不必再次说明,相关的内容我们早已学习过。而所谓灵活,一是针对其创建,二是针对其修改。
让我们来看一个例子,要制作出一个类似下左图的形状,我们可以通过先创建一个矩形选区,然后减去一个椭圆选区来得到所需的选区形状,如下中图。然后利用这个选区建立一个色彩填充图层,图层调板类似下右图所示。
如果我们使用路径来建立蒙版,在图像效果上两者并没有什么不同,只是在图层调板中则会看到蒙版的样子好像有些不同。如下左图和中图。不过,路径可以很方便地进行修改,如下右图,将红色箭头处的路径点往上方移动些许,就可以变为一个新蒙版形状。
如果是用选区建立的蒙版,此时就需要删除原先的蒙版,然后建立新选区再将其作为图层蒙版。
或许大家会觉得其实不用那么麻烦,可以通过修改原有的蒙版来实现。这样想是没错的,但是如果要改为以下的这些形状呢?选区的修改工作就非常繁琐了。而如果是路径,修改起来则简单的多,只要在上图的基础上,拖动两下鼠标就可以完成了。
因此使用路径的意义不是为了让画面效果更出色,是为了让创建及修改的过程更简单更方便。在Photoshop中可以通过很多方式使用路径,其中最常用也最有价值的方式就是将其作为图层蒙版,这样也称为矢量蒙版。与通过选区所建立的点阵蒙版相比,它具有缩放不失真,修改方便等优点。同时也存在着一个非常大的缺点,如果不是因为有这个缺点,它就可以完全取代点阵蒙版。
01路径的概念
要记住路径是矢量的。如果说图像中什么东西是矢量的,那么它就是由路径所组成的。
其次,路径可以是与选区类似的封闭区域,也可以只是一条首尾并不相连的线段,分别称作封闭路径和开放路径。而线段可以是直线也可以是曲线,或两者兼而有之。
再者,路径在Photoshop中是指示性的,本身并不能直接构成图像的一部分,只有在将其作为图层蒙版或填色及画笔描边后,才可以对图像像素产生影响。在这点上与选区类似,单纯的创建或修改选区也不能直接令图像发生改变。
最后,在Photoshop中只有特定的几个工具能够针对路径进行操作,它们分别是钢笔工具,自由钢笔工具,添加锚点工具,删除锚点工具,转换点工具。这5种工具用来绘制及修改路径。此外还有路径选择工具和直接选择工具,这两者都是用来选取路径的,但在功能上有所区别。
大家回忆一下我们在学习选区工具的时候,曾经介绍过一个多边形套索工具,它创建选区的方式是在不同的地方单击,连接单击的各个点来产生选区。创建简单的路径也就是采用这种方法。
02用钢笔工具的事项
选择钢笔工具〖P/SHIFT_P〗。在公共栏将绘图方式改为“路径”(如下左图红色箭头处)。这一步非常重要,如果没有选择正确将会产生色彩填充效果。我们现在只是需要了解路径,色彩填充是路径的一种应用方式,将在以后学习。另外如果现在开启“橡皮带”选项会影响我们的学习,可点击下左图绿色箭头处,确保其没有开启。
为了得到较为直观的鼠标光标提示,建议大家在首选项中的显示与光标〖CTRL_K,CTRL_3〗项目中,将其它光标设为“标准”,如下右图。
-
03绘制直线路径
一个400×300(可自行设定其它大小)的图像,此时将鼠标移到图像内,光标应显示为,然后依次在图像中4个不同地方单击,就会看到这4点间形成了一条路径。如下图所示。细心的读者可能会注意到,在点击了第一个地方之后,鼠标的光标从变为了。前者表示将要绘制一条新路径,后者表示正处在路径绘制之中。记住这些光标显示很有用,本章后面还会对路径操作中所出现的各种光标做一个总结。
现在注意看一下图像中的显示,可以很明显地看到我们单击的4处地方,每个单击的点都有一个方块,这些方块有的空心(如1、2、3处)有的实心(如4处)。这些点称为锚点。每两个锚点间的线段称为片断。按照下图中来说,锚点1与锚点2之间的片断我们将其命名为片断12,以此类推命名片断23和片断34。
锚点的英文名为anchor,片断的英文名为segment,大家要记住这两个单词,因为在许多矢量绘图软件(如CorelDraw)和三维制作软件(如3DSMAX)中都有它们。一些较新版本的软件往往是先以英文语言版本发布的,而中文语言版本要滞后一段时间,因此记忆常用的软件词汇是必要的。
我们刚才绘制这个路径的过程,实际并不是直接画出了3条线段,而是通过钢笔工具指定了4个锚点,Photoshop自动在这些锚点之间依次连接线段构成了一条路径。也就是说,画路径的过程实际上就是指定锚点位置的过程,锚点的位置决定路径的走向。记住这个概念很重要。既然是锚点决定走向,那么对于一个已经完成绘制的路径,更改锚点的位置也就可以更改路径的走向。
04 选择并移动路径锚点
需要使用直接选择工具〖A/SHIFT_A〗才可以移动锚点,现在我们先切换到直接选择工具,在路径上任意位置点击一下,会看到路径上的各锚点都以空心方块显示,如下左图。然后我们在其中的锚点3上单击,会看到其变为了实心方块。如下中图。实心方块就表示该锚点(也可以是多个锚点)处于被选择状态,回忆一下我们刚才在绘制路径的时候,最后一个锚点都会自动处于被选择状态。
现在可以使用直接选择工具移动锚点3,移动过程中可按住SHIFT键保持水平、垂直或45度角方向。在移动过程中鼠标光标为。效果如下右图。为了方便比较,使用淡红色表示原先的走向。
在这里我们看到,移动锚点3后,同时引起了线段23和线段34的改变,这不难理解,因为这两条线段都与锚点3有关联。那么,如果我们移动锚点1或者锚点4,由于它们一个是起点锚点,一个是终点锚点,所以更改它们的位置只会改变一条线段的走向,分别是线段12和线段34。
--
05 选择多个路径锚点的方法
可以移动多个锚点,前提当然是要先选择多个锚点。还记得添加选区的快捷键么,是SHIFT,在这里也是一样。在先选择了一个锚点后,然后按住SHIFT键单击其他的锚点即可加上。如下左图。如果对已处于选择的锚点按住SHIFT键单击,则会取消该锚点的选择。
也可以在锚点之外按住鼠标拖拉,框选多个锚点。如下右图。
-
06 用方向键轻移路径锚点
如果一个或多个锚点处于选择状态,且当前选择的是直接选择工具,就可以使用键盘的上下左右方向键来移动锚点,按住SHIFT键可加速。我们在学习移动图层的时候也用过这种方法,当时被称为“轻移图层”,现在我们也可将之命名为“轻移锚点”或“轻移路径”。
07 在路径面板中选择路径
需要注意的是,如果路径没有显示在图像中,就不能对其进行选择并移动锚点和其他的操作。如果大家之前由于一些误操作导致路径在图像中消失,可以在路径调板中点击“工作路径”,即可在图像中看到路径。如下图。如果想要显示其锚点,可使用路径选择工具和直接选择工具在路径上任意位置点击一下。
在这里要特别说明的是,路径调板与图层调板是不同的,图层调板会将所有图层中的内容都依次显示在其中,也就是说,我们通过图层调板就可以得知图像中所有图层的情况。而路径调板并不是这样,即使在图像中使用了多个矢量路径,也并不会在路径调板中依次列出。如果只通过路径调板观看,我们并不能得知图像中所有路径的情况。这一点我们在本课后面的内容中将切实体会到。现在暂时不必深究。
对于一条已经绘制完成的路径来说,其锚点的数量也就固定了。但对于路径的修改,除了我们上面的移动锚点位置这种方式之外,也有可能需要增加片断的数量产生更复杂的路径,或者减少片断的数量简化路径。我们已经知道影响路径片断的是锚点,因此这样的操作实际就相当于是添加和删除锚点。
08 删除路径锚点
在路径上删除现有锚点的方法是使用钢笔工具〖P/SHIFT_P〗,将其移动到已有的锚点之上,注意鼠标光标变为,此时单击即可删除该锚点,如下左图。如果要添加锚点,就是将鼠标移动到现有的路径片断上,光标将变为,此时单击即可添加一个新锚点,如下中图。如果我们使用直接选择工具移动这个新增锚点,会发现这是一条曲线,如下右图。曲线是路径绘制中最重要的技能,本课后面部分将会予以介绍。现在暂时不必理会。
以上两个操作的前提是必须将路径的锚点显示出来,否则钢笔工具移动到锚点之上并不会变为,将始终是,而此时单击将绘制新路径。因此在路径操作中,鼠标光标的提示很重要。
另外Photoshop提供了专门的添加锚点工具和删除锚点工具,添加锚点工具可直接在没有显示锚点的路径上添加新锚点,它可在路径的任意位置上使用。
而删除锚点工具在没有显示锚点的路径上将显示为直接选择工具的光标,在点击路径后会显示其锚点,此时在已有的锚点上单击即可删除该锚点。该工具只能在已有的锚点上有效,在其他位置上还是显示为直接选择工具的光标。
--
09添加和删除路径锚点的注意事项
总结起来,添加或删除锚点其实都可以由钢笔工具来完成,也就是说其已兼备了绘制及修改锚点两个功能。而添加锚点工具和删除锚点工具属于专项工具,主要应用在使用钢笔工具可能发生误操作的时候。试想一下,如果我们想要在结构密集的众多锚点中删除一些锚点,那么使用钢笔工具就有一定风险,因为其只有停留在已有锚点位置上才发挥删除作用,停留在片断之上将发挥添加作用,而停留在片断和锚点之外将发挥绘制新路径作用,虽然有鼠标光标的指示,但我们的操作还是必须非常小心。此时如果使用专门的删除锚点工具,则就不必担心会添加锚点和绘制新路径了。添加锚点工具的使用前提也是如此。另外,可以在公共栏中关闭“自动添加/删除”选项,这样钢笔工具就不再具备增减锚点的能力。
到现在为止,我们所绘制的路径都是直线的,也就是每两个锚点之间都是以直线相连接的,是最简单的路径形态。而使用路径的真正意义除了我们之前所说的那些之外,也有很大一部分是由于它可以方便且准确地创建和修改曲线。
虽然我们已经学习过了很多知识,但是如果要我们画出一个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在路径外单击结束绘制),大家可以多做几次,每次在拖动起点或终点方向线的时候尝试不同的长度和方向,就会看到不同的曲线形态。不过无论怎样变化,都不外乎几种形态,正所谓万变不离其中。
18 C形曲线形态
比如下图中的这几种,都很像英文字母C,所以我们将其称之为C形曲线。想象一下,如果我们为每个曲线标上XY横竖坐标,那么以下曲线的两条方向线指向都处在X轴同一侧,或Y轴同一侧。这就是C形曲线的共同点。所谓方向线指向,就是从锚点的空心方块出发,到方向线末端的实心圆点的这个方向。
形象地说,C形曲线的两条方向线,要么是一起向上指向,要么是一起向下、向左或向右指向。而它们之间的夹角不会超过90度。
19 S形曲线形态
下图的几种,它们的两条方向线夹角都大于90度,分别位于X轴或Y轴的两侧,也就是说,要么一上一下,要么一左一右。这样的曲线我们可以称之为S形曲线。
20 特殊曲线形态
需要注意的是,有些看上去类似C形的曲线,其实两条方向线的夹角已经超过了90度。如下左图。有些曲线看上去像是由两个C形组成,但其实不然,如下中图。而有些看上去什么都不像,如下右图。这些都是特殊的曲线形态,其特点是有一条或两条方向线特别长。这样极端的形态并不适合用来绘制一个完整的物体,因为其前后的其他锚点和片断也将受其影响,形态很难控制。因此很少会使用到,在这里是为了将曲线形态表述完整才特地举例。
--
所有的复杂曲线,都可以看作是由C形或S形曲线相接组成的。而我们就可以借此来判断如何绘制所需的曲线,也就是判断出有几个C形或S形。现在大家来看下左图中鼠标的3条轮廓线,判断一下,它们属于什么类型的曲线?每一条各需要几个锚点?得出结论后再继续往下学习。
建议大家自己先尝试绘制,可以将下图保存后在Photoshop中打开,然后绘制路径。
我们已经说过,绘制路径其实根本就在于锚点,锚点的位置和方向线决定了片断(即锚点之间的线段)的形态,许多个片断相连就组成了我们所看到的曲线。所以判断锚点的位置就显得很重要,而判断锚点位置的方法,其实也就是分析出C形和S形片断曲线的所在。如下左图,不难看出,1号是C形,2号和3号是S形。根据我们所掌握的知识,它们都是由两个锚点所组成的。锚点的位置就是每条曲线的起点和终点。因此它们的绘制效果应该如下右图。
-
我们已经明白这些理论上的内容,那如何能够绘制出所想要的曲线呢?这里大家要明白的是,如果是凭空来绘制曲线,比如画一条眉毛或一只眼睛,这需要有绘画方面的美术知识。鉴于大多数人都不具备这样的能力,我们就通过临摹现成的图像来学习。也就是我们在一个已经成型的图案中,用曲线去勾勒它的轮廓。
其实无论是否具备美术知识,操作的方法都是一样的,区别只在于那些有美术基础知识的人,可以凭空想象出眉毛或眼睛的曲线应该是怎样的形态,而不具备的人需要通过观察现成的图像才能感知。即使并不具备美术知识的读者,也不要灰心,如果你能每天临摹10只眼睛,不用多久你也能拥有凭空绘制眼睛的能力,因为大脑在重复思维中逐渐固化了那样的曲线形态。不断练习是掌握Photoshop的必经之路,再详细的教程,再优秀的老师也不能取代这个阶段。
在实际操作中,锚点的位置通常是比较容易确定的,难点主要在于锚点方向线的控制上。方向线有两个控制因素,一是角度,二是长度。角度相对来说简单些,就是锚点处的曲线切线,并且要朝向下一锚点的方向就可以了。而长度则影响着曲线与方向线的相离程度,如果曲线的跨度很大(圆弧距离长),则方向线应长些,反之则短些。这样分析起来,好像没有一个是难点了。OK,Let'sgo!
首先在1号曲线的左端起点(起点并不一定左边,只是大家都习惯从左往右而已),按下鼠标并拖动方向线,这个方向线的角度就应该如下左图中的黑色线条,而两条红色线条是错误的角度,上面一条相离圆弧太远,下面一条则与圆弧相割。同样是错误,但情节有轻重。在这两者中,上面一条红线还不会造成太大的误差,可以通过下一个锚点的方向线来补偿一些。而位于下面的红线所造成的误差则很难弥补。因此,如果说一定要错的话,宁相离勿相割。当然画出正确的方向线才是努力的方向。
大家已经在操作中得知,鼠标在按下并拖动之后将出现两条长度相同的方向线,成180度夹角,跟随鼠标(光标为)的都是“去向”方向线。那么以下右图来说,对于起点(锚点1)而言,我们拖动的方向就是通往锚点2的方向线。在锚点2处拖动的时候,拖动的方向也还是通往下一锚点的方向线。但是对于这两个锚点之间的片断而言,在锚点2处对其形态产生影响的,应该是与鼠标拖动方向相反的“来向”方向线,如下右图中的绿色箭头。因此在绘制时要注意观察。
按照这个思路和方法,就可以完成3条独立曲线的绘制。大家可以按照教程所提供的图像,也可以自己寻找其他图像临摹。
-
现在为止我们都只是绘制简单的两点曲线,即起点和终点。但在实际应用中所需要绘制的路径,并不可能都这样单一,大多数都是“蜿蜒曲折”的。我们现在就来学习能够应用于实际应用的绘制方法。
再新建一个图像,准备绘制一个如下左图m形状的路径。它应该是由两个C形曲线构成,锚点和方向线应该如下中图所示,注意中间那个锚点的方向线夹角很特殊,并不是像以往我们所看到的那样成180度。但大家仔细想一下就能理解,中间这个锚点的方向线必须要是这样的夹角,才能形成m形。如果无法理解,请回到本课有关锚点方向线的小节巩固相关知识。
虽然我们明白了道理,但是在绘制过程中,中间那个锚点的方向线却无法形成特定的夹角。我们绘制的实际过程应该如下右图所示,首先在锚点1处沿着红色箭头拖动出方向线,然后在锚点2处沿着绿色箭头拖动方向线,这样位于锚点1与锚点2之间的片断就是我们需要的形状了。至此没有问题。
当我们在锚点3处沿着蓝色箭头拖动方向线的时候,却发现锚点23之间的片断形态并不是我们所需要的C形,而是成了一个S形。此时我们就需要修改锚点2的方向线来达到目的。
--
21显示及修改路径锚点方向线
修改锚点方向线的方法并不复杂,但首先必须选择锚点,我们在介绍直线型路径的时候就已经学习过了,用直接选择工具〖A/SHIFT_A〗在锚点上单击即可选择。不过由于曲线形路径有时候很难判断锚点的所在,可以先在片断上单击一下,就会看到路径中所有锚点的位置,这样就可以比较准确地选择了。被选择的锚点以实心小方块显示,未选择的锚点以空心小方块显示。可以参照本课第二小节中操作速查1205的方法选择多个锚点。
当在锚点上单击之后,该锚点的两条方向线就会同时显示出来。此时选择转换点工具,在需要修改的方向线末端圆点(这个圆点也称作手柄)处拖动,即可修改方向线的角度和长度,如下左图。也可以使用直接选择工具,在手柄处按住ALT键不放,拖动方向线。如下中图。如果没有按住或中途松开了ALT键,就会造成如下右图的错误。另外,在拖动手柄的过程中如果按住SHIFT键,可以锁定方向线为45度角的整数倍,即0、45、90等角度。
--
以上操作中需要注意的是,如果是通过拖拉方式选择的多个锚点,那么这些锚点的方向线可能都不显示,这时必须在一个锚点上单击以显示出该锚点的方向线。也可以逐个单击所选的锚点,这样它们的方向线都会显示出来。
另外,如果用直接选择工具在初始的180度夹角的方向线手柄上拖动,无论拖动哪个手柄,都会同时改变两条方向线,就如同上右图所展示的那样。切记一定要按住ALT不放才可以移动单个手柄。但对于已经不是180度初始夹角的水平线而言,就不必按住ALT键了,直接选择工具可以直接单独拖动其中一个手柄。
在路径的绘制过程中,如果没有掌握操作的技巧,可能就要频繁地切换工具才能完成操作,这不仅降低了效率,也令旁人觉得你手忙脚乱不够专业。因此务必要牢记我们在这里所教授的绘制技巧,并多加练习。
现在我们可以归纳出的技巧是:从理论上来说,选择锚点和修改锚点方向线,应该分别使用不同的工具。但我们可以在使用直接选择工具完成锚点的选择(显示出方向线)后,按住ALT键(方向线为初始的水平夹角时)或直接(方向线非初始水平夹角时)去拖动手柄,完成方向线的修改。这样就免去了切换到转换点工具的麻烦。
现在我们所学习的方法,是在完成锚点的绘制后,再修改锚点以完成操作。这虽然可以达到目的,但当所要绘制的路径上有许多锚点的时候,这些不正确的方向线会使画面显得凌乱,也会影响我们的判断。
22绘制路径时直接修改锚点方向线
那么,现在我们来学习在绘制锚点后直接修改方向线,过程如下图所示。前面两步并没有什么不同,关键是第三步,在绘制完第二个锚点的方向线之后不要松开鼠标,按住ALT键,此时光标会变为,现在可以在手柄上按下鼠标拖动(可同时按住SHIFT键锁定角度),完成修改后松开鼠标再松开相应的快捷键,在下一个锚点的位置继续绘制。
这种绘制方法的关键在于:在使用钢笔工具绘制的过程中,按住ALT键可临时切换到转换点工具。然后利用转换点工具去修改方向线。这样就免去了通过工具栏切换的麻烦。另外,按住CTRL键可临时切换到直接选择工具,可用来选择锚点,也可以用来修改方向线,方法如前。
23绘制及修改路径锚点的技巧
除了之前归纳过的有关修改锚点的技巧之外,现在又多了一个绘制锚点并实时修改的技巧。
前者偏重于后期修改,称为后期技巧。以直接选择工具为对象。正常情况下是选择(一个或多个)锚点、移动(一个或多个)锚点、以及改变锚点方向线。当锚点的两条方向线成初始的水平夹角,而只想修改其中一条的时候,可按住ALT键拖动手柄。
后者偏重于实时修改,称为实时技巧。以钢笔为对象,正常情况下是绘制锚点及其方向线。绘制过程中按住ALT将切换到转换点工具,可更改目前锚点的单独方向线。按住CTRL键将切换到直接选择工具,可选择及移动(一个或多个)锚点。
在实际应用中,应该多通过“实时技巧”去绘制曲线。而对于一些较难控制的锚点,再在后期通过“后期技巧”进行修改。如果说绘制路径是一门武功的话,那么这两个技巧就相当于口诀心经。必须熟练掌握。如果掌握了这两个技巧,那么就几乎掌握了路径的全部奥秘,并可完整移植应用到Illustrator之中。这个m形曲线尽管简单,但却可以用来练习这两个技巧,因此要多加练习力求熟练掌握。
24修改路径片断
在修改锚点方向线的时候,之前无论使用直接选择工具还是转换点工具,都是针对锚点的方向线进行修改,这样每次只能修改一条方向线。除此之外,我们还可以直接对片断做出修改。方法是使用直接选择工具,然后在片断上拖动。如下左图。可以看出,拖动片断的时候,与之有关的前后两个锚点的方向线也随之发生改变,但无论往什么方向拖动,仅局限于长度的改变,角度是不会改变的。要改变方向线的角度,必须使用之前所学习的方法。
这个方法可以直接对片断做出修改,应该属于“后期技巧”的一种,但因为其不能改变方向线角度,且改动幅度较大不易控制,所以使用的机会较少。
25绘制封闭型路径
现在我们来学习如何绘制一个封闭路径,它在绘制过程中并无特别之处,只是将终点锚点与起点锚点重合在一起,形成头尾相接的封闭形。需要搞清楚的一个概念是,这里所说的“终点锚点与起点锚点重合”,是指一个锚点,而不是两个锚点。如下左图所示,我们一次绘制出锚点1、2、3,然后将鼠标移动到起点锚点上,注意光标变为了,然后按下鼠标,终点与起点即重合为一个锚点,同时绘制结束。这样锚点1就即是起点又是终点。
也可以绘制曲线形的封闭路径,方法也相同,如下右图。需要注意的是,以前我们说过起点锚点只有“去向”方向线,而终点锚点只有“来向”方向线。但是当我们绘制封闭路径的时候,起点与终点和二为一,于是锚点就重新具备了两条方向线。
需要注意的是,按下鼠标闭合路径的同时,可以拖动改变两条方向线的角度,如果先按住ALT键再按下鼠标,则可以只对一条方向线作出修改。但对于起点时候的方向线,只能改变角度不能改变长度。
-
现在要求大家完成如下图心形的绘制,仔细考虑一下该用几个锚点完成。首先允许大家使用“后期技巧”通过修改来完成。接着要求大家通过“实时技巧”直接一次性完成绘制。具体绘制方法在后面的课程中讲解。
路径的其它操作
26使用路径调板
在前面的学习过程中,大家可能会遇到所绘制的路径不知为何消失的情况,怎么也找不到,无奈之下只好重新绘制。其实路径存放在专门的地方,就是路径调板,路径调板通常和图层调板组合在一起,也可以通过【窗口_路径】开启。
我们看路径调板和图层调板有几分相似。现在新建一幅图像,随手画条路径,就可以在路径调板中看到。如下左图(使用了大型缩览图)。我们看到目前的路径名称为“工作路径”且为斜体字,这样的路径属于临时路径,随时可以被取代。
如果在路径调板中取消该路径的选择,并重新绘制,那么这个路径就不存在了,被新路径所取代。而新的路径也是“工作路径”,也还是临时身份。取消路径选择的方法,可以在路径调板中路径名称之外点击即可(如下右图红色区域)。如果当前使用的是路径类工具的时候,按下回车键也可取消当前路径选择。
-
27将临时路径转为永久路径
如果要将其长久保留在路径调板中,就要将其变为永久路径。在这里考大家一下,如何通过路径调板来复制路径呢?大家一定都想到将现有的路径拖动到底部的新建按钮上,就如同复制图层一样。那现在大家就照这样操作一下看看。我们看到在路径调板中并没有多一个图层,而只是变为了“路径1”。这其实就是将原先的临时路径转变为了永久路径。
如果现在再重复同样的操作,则相当于复制路径,在路径调板中就会多出一个路径,如下右图。
-
因此,单纯的路径绘制完之后是临时性的。所谓单纯的路径就是指在公共栏以方式绘制的路径,必须转为永久路径后才能长期保留。不过如果是以方式绘制的则不必担心会消失(尽管不属于永久路径),这我们会在后面的课程中再详细介绍。
在这里大家要明白的是,路径并不是图层,因此不要用图层的思路来思考路径,比如路径的复制,刚才我们在路径调板中的复制,其实算不上真正的复制,因为这两个路径并不能同时出现。基于像素的点阵图像,如果要避免混淆,需要用单独的图层去存放,否则像素就会融合到一起。而路径本身可独立成体,如下左图。虽然在路径调板中显示只有一条路径,但是在画面中却存在着两条独立的路径。
28理解路径调板
大家可以这样来理解,路径调板中的每一个路径名称,其实都是一个路径组,在这个组中可以存放很多路径。可以通过路径选择工具〖A/SHIFT_A〗去移动路径,如下中图。按住SHIFT键后依次点击各路径,可选择(再次点击则取消选择)多条路径,另外也可以如下右图般拖拉出选取框来选择多条路径。拖拉框只需要触及路径即可,不用完全包围。
虽然直接选择工具也可以移动路径,但很容易造成路径上锚点或片断的移动,因此如果是为了移动整条路径,而不是为了修改,还是使用路径选择工具较为妥当。另外需要注意的是,单纯的路径是无法通过我们惯用的移动工具去移动的,这点要尤其注意,是初学者很容易犯的错误。
在移动过程中,按住SHIFT键可锁定移动的方向,另外也可以使用键盘上的方向键移动。
--
29继续绘制路径
在对于已经完成绘制的路径,如果需要继续对其绘制,可使用钢笔工具移动到路径的末端端点,注意光标变为,并且锚点处于被选择状态,此时就可以在其它地方继续绘制这条路径的新锚点了。如下图所示。
30连接多条路径
当路径组中有两条以上的路径时,我们可以将它们连接起来变为一条,方法是使用钢笔工具分别在两条路径的端点上单击即可,过程如下图。注意当移动到两个端点上时,光标先后都会变为。
31复制路径
我们知道,在选择(一个或多个)图层后用移动工具按住ALT键后拖动,可达到复制(一个或多个)图层的效果。对于路径也是一样,只是必须通过路径选择工具去完成,如下图所示。这种方法才算得上是真正的复制路径,复制后两条路径可以同时显示,以后也可以同时加以应用。可以选择多条路径后一起复制。
之前所学习的方法实际相当于复制路径组,复制出来的路径与原路径不处于同一组中,无法同时显示和应用。
32直接绘制永久路径
现在我们新建一幅图像,开启路径调板,看到其中是空白的,此时点击下左图红色箭头处的新建按钮,建立一个空白的路径组。这样做的好处是,接下来所绘制的路径就会直接以“永久路径”的形式存放在其中。
33在不同的路径组中绘制路径
如果路径调板中存在着多个路径组,那么所绘制的路径将存放在当前所选择的路径组中,因此在绘制之前要确定是否正确选择了路径组。如下右图,分别在两个路径组中绘制了不同的路径。
-
34将路径拷贝到另外的路径组中
在Photoshop中无法同时显示两个路径组中的内容,无法显示也就无法加以应用。如果有时候需要将不同路径组中的路径同时显示,则可以通过拷贝粘贴来完成。过程如下图所示,先在路径调板中选择“路径1”,用路径选择工具选中路径(选中的路径会显示出锚点),按下〖CTRL_C〗拷贝。然后在路径调板中选择“路径2”,按下〖CTRL_V〗将所拷贝的路径粘贴,两条曲线就位于同一个路径组中了。
这样就可以对它们进行其他的操作或应用,如将两条曲线连接为一条,以及后面要学习的路径运算等。
35删除路径
对于已经完成绘制路径,有些时候可能需要删除。大家也许也能想到,如同图层调板一样,在路径调板中将路径名称拖动到下方的垃圾桶图标上。这个方法是没错,但需要注意的是,由于路径调板是组方式,删除路径组将引起组中所有路径都被删除。因此事先要看清楚以免误操作。
通常都是使用路径选择工具选择一条或多条路径后,按下键盘上的DELETE键或BackSpace键予以删除。如果有多个路径组存在,就要先确定是否正确选择。
另外要说明的是,虽然我们极力反对,但如果大家还是打算通过直接选择工具去删除路径的话,则需要确保选择了路径的所有锚点。
和选区一样,路径也存在加上、减去、交叉这样的运算。这我们将在后面的课程中予以介绍。
36转换曲线锚点为直线或半曲线锚点
对于已经绘制好的曲线锚点,可以将它改变为直线锚点,方法是使用转换点工具在锚点上点击,如下左图。如果按住ALT键点击,则可以单独删除“去向”方向线,此时的锚点既有曲线性质也有直线性质,称为半曲线锚点。如下右图。
-
37转换直线锚点为曲线锚点
如果要将直线锚点转为曲线锚点,则可以使用转换点工具在锚点上按下并拖动出方向线,如下图。如果原先已经是曲线锚点,这个操作就可以重新建立方向线。因此在修改曲线锚点的时候也会应用此项操作。
38通过自由变换修改锚点
除了使用工具栏中的路径类工具以外,也可以使用自由变换功能来修改路径。既可以对路径整体(即所有锚点)作出修改,也可以只针对一个或多个锚点进行修改。在选择锚点后〖CTRL_T〗即可开启自由变换,此外也可以在使用路径类工具的时候点击右键选择。尽管这种方式较少使用,但却能营造非常好的效果。大家可以尝试选择不同的锚点,进行不同的变换操作。如下各图所示。为了令效果明显,图中只演示了直线锚点,大家可以尝试使用曲线锚点。
再提醒大家一下,如果要对路径整体进行修改,应使用路径选择工具选择路径,避免使用直接选择工具以免误操作。
--
现在我们来看一下如何绘制心形。使用“后期技巧”的方法就不再说了,看懂了如下左图的锚点和方向线就能明白。这里主要讲一下如何实时绘制,如下右图所示,在第二个锚点的时候朝红色箭头方向拖动。然后按住ALT键将方向线朝绿色箭头移动。接下来先按住ALT键再点击起点锚点,这样就可以单独更改方向线而不会影响起点原先的方向线。再朝着青色箭头拖动,就可以完成绘制。
这其中最关键的一步,就是封闭路径时要先按住ALT再点击起点锚点,这个方法也应归入“实时技巧”之中。
-
有一个前提要记住的是:锚点数量越少越好。这样说大家可能会觉得奇怪,如果锚点较多,不是可以营造出更多的曲线形态么?这个想法本身是没有错的,较多的锚点使可控制的范围也更广。但问题也正是出在这里,因为锚点多,可能使得后期修改的工作量也大。
现在我们画出一条“盖形”曲线,然后将其改为“碗形”,如下左图所示,这个过程很简单。现在撤销操作,使用添加锚点工具在曲线的中间添加一个锚点,如下右图所示。如果要将这个由3个锚点组成曲线改为之前的“碗形”,则要麻烦得多了。大家可以自己尝试一下。因此锚点并不是越多越好,一个优秀的路径,应该使用最少的锚点来完成。从一个路径的锚点数量上,也就可以看出绘制者水平的高低。
-
虽然我们强调要用尽可能少的锚点来绘制路径,但大家也不应过分苛求,否则就本末倒置了。大家看到的下左图,就是我在撰写教程时所使用的无线轨迹球,现在尝试用路径来勾勒它的外轮廓。
首先使用4个锚点完成了绘制,如下中图,这看起来还是比较好的。但是注意锚点23之间的片断并不是很完美。因为此处的弧度变化急剧,需要近距离的两个锚点来控制,但锚点2如果与锚点3拉近距离,则其与锚点1之间的片断形态又无法保证。按照这样的情形,虽然我们做到了用最少的锚点来绘制路径,但同时也牺牲了精确度。
于是后来又修改了路径,如下右图,可以看到在锚点12和锚点34之间各增加了一个锚点,如下右图中绿色及蓝色箭头处。这样加强了对左方及右方弧线的控制,分担(注意不是取代)了锚点2的工作,于是锚点2可以向锚点3移动些许,使它们之间的片断得到了更精确的控制。
在变化较为平缓的弧度上,锚点应尽可能地远,以减少锚点的数量。在变化较为急剧的弧度上,近距离的锚点可以提供较强的控制力。
如果以上的图片看的不是很清楚,在下图的比较中就可以很清楚的看到。另外大家也可以打开素材包中的PSD文件,然后在路径调板中分别选择两条路径观看。
从这个例子我们可以再归纳出一个技巧,就是绘制路径时应先尝试用尽量少的锚点,在后期修改中如果发现无法精确控制,出于加强控制力,可在现有锚点之间增加新锚点。新锚点应尽量位于原有两点的中间位置,这样可以令新锚点的两条方向线长度类似,不至于出现较大的差距。如下左图中的两个路径的对比,在不同位置上增加的新锚点,其两条方向线的比例也大不一样。从实际操作上考虑,锚点1的其中一条方向线太短,这样在修改的时候,稍微拖动便改变了很大的角度,不易控制精确度。而锚点2则要相对好上许多。
需要注意的是,在有些情况下,在两个锚点中间位置添加的新锚点,其两条方向线长度未必就相近。如下右图,处在中间位置添加的锚点1,其两条方向线长度相差就较大,而并非在中间位置添加的锚点2,其方向线长度反而相近。这是因为,新锚点还要参考原先两个锚点的方向线,如果原先两个锚点的方向线长度相差很大,要想令新锚点达到我们的要求,就需要将其靠近方向线较短锚点的那一侧。
同时,我们也可从下右图中看出新增的锚点对原先锚点方向线有削弱的作用。尽管角度没有变化,但长度明显缩短。以后可以通过这个方法来避免出现过长的方向线。因为如果方向线太长,特别是如果超出了图像边界,绘制和修改就较为不便。
-
39创建平滑的曲线路径
我们知道每个锚点都有两条方向线,分别控制着上一锚点与本锚点之间,以及本锚点与下一锚点之间的片断。我们也知道了改变方向线的角度会影响片断的形态。在这里要提出的问题是,如果要在锚点处保持平滑的曲线,则锚点的两条方向线应处于水平夹角,否则曲线就会出现“尖角”现象。如下左图中的对比。注意这里的水平并不是指相对图像的水平,而是指夹角为180度。两者也分别被称为平滑点与角点。
从方向线的几何特性上也不难理解。既然方向线是片断的切线,那么前后两条方向线的切线角度相同,则好比它们共有一条方向线,“来向”的最终进入角度,和“去向”的原始出发角度就相等。它们的长度可以不同,只要角度相同就可以保持平滑的曲线。
大家如果已经开始实际动手绘制路径的话,应该就已经遇到过曲线不平滑的现象,因此理解这个知识很重要。可以通过前面学习过的方法,用转换点工具在锚点上拖动来重新建立方向线。
面对路径如此之多的内容,大家也许会感到有些力不从心。这并不奇怪,因为路径本身就和我们以前所学习的内容有很大不同。我们这里对路径的学习深度,已经超出了Photoshop的需求范围,也就是说在Photoshop中,通常还用不到这么多的路径知识。其实这是在为大家今后接触Illustrator作铺垫,如果你们完全掌握了本课关于路径绘制的内容,那么Illustrator的学习将格外轻松。并且在计算机图形领域,能拥有很强的拓展能力。
40路径工具使用要点
现在我们总结一下各个路径工具的使用要点。
首先说绘制,通常用的是钢笔工具,与之同类的有自由钢笔工具,虽然后者我们并没有专门介绍,不过凭借大家现在所掌握的知识,自学应该不会有问题。使用钢笔时候要注意光标指示,如果光标为,表示将建立新路径;在绘制过程中光标为;光标为则表示将闭合路径。在一个开放路径的端点(即头尾锚点)点击后可继续绘制该路径,或将其与另外的开放路径相连。
在绘制过程中,若要结束绘制,最方便的方法是按住CTRL键后在路径之外点击。
再来说修改,最常用的是直接选择工具与转换点工具。其次为钢笔类工具。还有较为特殊的就是通过自由变换。
直接选择工具主要用来选择并移动锚点。但它也可以修改方向线,只是要按住ALT键才可以单独修改一条方向线。此外,直接选择工具还可以直接对片断进行修改。使用过程中按住CTRL键将切换到路径选取工具。
转换点工具用来修改锚点方向线,使用中按住CTRL键可切换到直接选区工具,这样就方便就继续对其他锚点进行修改。其还具有将锚点转变为直线或曲线的功能,在锚点上拖动可重新定义方向线(若原先为直线锚点,则转为曲线锚点)。
钢笔类工具其实在绘制的时候就附带了修改的功能,那就是按CTRL键切换到直接选择工具,按ALT键切换到转换点工具。这也是我们要求大家熟练掌握的绘制方式。此外,钢笔工具还可增加或删除锚点。以及连接多条路径。
到目前为止我们还不知道路径究竟有什么实用价值。画是画出来了,能做些什么呢?路径的应用可以分为两大用途,一是点阵应用,二是矢量应用。
在这里要提醒大家记住的是,一个选区对图像而言也是没有任何实际效果的,除非我们利用这个选区去填充颜色或建立蒙版等操作,选区才算是发挥了作用。同样,单纯的路径对于图像来说也没有任何效果。虽然在Photoshop中可以看到路径,但保存为其他的图像格式(如jpg、gif、bmp等)时,路径形同虚设。一定要将路径加以应用才能对图像产生实质性的影响。
另外,如果要保存路径信息,应该将图像存储为PSD文件格式,正如同要保存图层信息一样。保存为其他的图像格式则无法保留。所以大家要注意保存好PSD源文件。
点阵应用最通常的就是将其转为选区。我们知道,普通的选区工具很难创建曲线型边缘,而路径则可以很容易地建立。但这种用途也丧失了路径在修改上的优势。路径之所以优秀有两大原因,一是因为可以创建曲线。二就是因为其修改方便。
首先想一下,我们将选区用在什么地方呢?在以往的学习中,最早是利用选区对图像进行填充颜色,或局部色彩调整,后来升级到利用选区建立填充图层和色彩调整层。这两种图层的优点这里就不再重复介绍了。往更深层思考,这两种图层其实都是带着蒙版的,由蒙版对填充层或调整层的面积进行控制。那么归根结底,是将选区转为了蒙版。后来我们又将蒙版扩展为对普通的图层进行控制。可以说,在现实的制作中,尤其在图像合成类型的设计稿中,只要有图层就几乎伴随着蒙版。
除了蒙版以外,选区的另外一个可见的应用就是描边。先预设好画笔,然后通过【编辑_描边】来完成。但我们并不注重这个功能,因为选区一定是封闭的,选区描边出来的线条也都是封闭的。那么在大多数情况下就可以通过图层样式来实现。图层样式快速、可修改的优势是普通的描边无法比拟的。
当然,选区描边也并非一无是处,因为它是以画笔设定为基础的,可以营造出图层样式不能实现的效果。比如可以设定较大的间距实现点线的效果。或者设定直径渐隐来实现由粗到细的效果。还可以指定其他的笔尖形状(类似树叶、稻草等)。只是这一类效果在网页设计中很少被使用。
总结起来,在Photoshop中,选区的最大价值在于建立蒙版。那么如果需要将路径转为选区,其目的大多数也是为了建立蒙版。此外路径也可以用来描边,由于路径允许是开放的,因此描出来的边也可以是一条开放线段。这比起选区来就更具有灵活性。但描边属于点阵应用,因为描边的成品存放于普通图层中,不再具备矢量特性。
41将路径转为选区
那现在我们就来学习一下如何将路径转为选区。首先在路径调板中确认是否正确选择了路径组,然后点击下左图红色箭头处的按钮即可转为选区。或者〖CTRL_回车〗,也可以按住CTRL单击路径调板中的缩略图,就会看到选区被创建。此外,点击路径调板右上角的圆三角按钮后选择“建立选区”,则会出现如下右图的设置框,其中各选项的作用大家应该都能明白,这里就不再介绍了。需要注意的是,如果路径是开放的,那么相当于将两个端点之间以直线连接后创建选区。
42描边路径及填充路径
此外,路径调板中的按钮功能是描边。按钮则是填充颜色。点击圆三角按钮后出现相应的设置框。这两者都属于点阵应用,点阵就意味着是作用于图层的,因此还要正确地选择图层。
-
事实上不必通过选区,路径可以直接作为图层的蒙版,并保留可编辑性。比起描边填充和转为选区,这才是路径最主要的应用。
首先创建一个路径,如下图。锚点的绘制顺序为数字所标(大家可自定顺序)。注意锚点4其实是一个半曲线锚点,就是在绘制之后,接着就按住ALT键单击该锚点,删除锚点的去向方向线。这样下一个绘制出来的锚点5也是直线型锚点,因此没有方向线显示出来。而锚点5与锚点1之间的片断15还是曲线,因为锚点1具有两条方向线。
在绘制的过程中有些方向线或锚点可能超出画面范围,尤其在图像边缘绘制时。此时可以适当拉大图像窗口方便操作。注意不是放大图像,放大图像并不能在图像周围留出空隙。
需要注意的是,选区在创建时是不可能超出图像之外的,但路径却可以。不过这对于应用后的实际效果来说,并无影响,不用担心会超出原有图像的边界。大家也可以自己尝试描边和填充。
43用路径建立矢量蒙版
确保路径处于显示状态,通过【图层_矢量蒙版_当前路径】即可为图层创建矢量蒙版,如下左图。图层调板如下中图所示,注意红色箭头处的蒙版缩略图,不是点阵蒙版通常的黑白图像,而是灰色与白色。注意背景图层是无法创建蒙版的,将其转为普通图层最快速的方法是:按住ALT键双击图层调板中的背景图层。
点阵蒙版的白色表示图层显示区域,黑色表示隐藏区域。矢量蒙版也是用白色表示显示,而使用灰色表示隐藏,主要是为了在调板中避免两者缩略图的混淆。
我们还注意到在图像中显示着路径的曲线,这是因为矢量蒙版处于被选择状态,处于选择状态表示可以对其进行修改。单击矢量蒙版缩略图就可以将其取消,取消后的路径调板如下右图。此时图像中的路径就消失了。
需要注意的是,即使矢量蒙版如下右图那样并未处于选择状态,但鼠标在其上方停留一段时间后画面中也会显示出路径,鼠标移开即消失。如果要编修改矢量蒙版的路径,应该如下中图那样将其选择。
--
44矢量蒙版与图层的链接
与点阵蒙版相同,矢量蒙版也存在着与图层的链接关系。链接关系体现在各种变换(如移动、旋转等)上。点击两者缩览图之间的锁链标志就可解除链接。这样两者可以各自进行变换操作。但需要注意的是,在“点阵蒙版时代”,需确认目前选择的是图层还是蒙版,然后用移动工具〖V〗进行操作。但移动工具是无法移动路径的。这样在“矢量蒙版时代”,无论你选择的是图层还是矢量蒙版,只要是移动工具,就无法单独移动路径。
若要移动路径,应使用路径选择工具〖A/SHIFT_A〗去完成,当然前提是路径必须处于显示状态。事实上,无论矢量蒙版与图层的链接关系是否存在,路径选择工具都可以单独移动蒙版中的路径(蒙版中的路径需处于显示状态),也就是说图层与蒙版的链接限制对路径选择工具是无效的。
细心的读者可能会联想到一个问题,那就是在学习选区和蒙版时候所遇到过的锯齿边问题。如果创建选区的时候没有开启抗锯齿,在将其作为蒙版之后,会在隐藏与显示的区域分界上出现锯齿现象。路径工具没有抗锯齿的选项,那么将其作为蒙版之后,是否出现锯齿效果呢?
验证的过程很简单,就是在下方建立一个色彩填充层(注意不能在有选区或路径的前提下),可以用对比强烈的颜色(如反转色)以突出效果。结果如下左图所示,不难看出路径蒙版的边缘与背景融合得很好。红色区域的局部放大如下右图,可以看到边缘部分实际上是有淡化过渡效果的。
-
我们所说的“将路径转为选区”其实是不确切的,因为转变意味旧灭新生,如“茧转变为蛾”。确切的说法应该是“利用路径建立了选区”,在选区建立后原先的路径仍然还显示在路径调板中,并没有消失。矢量蒙版也是一样。
在以往所学的所有知识中,我们习惯性地认为:位于Photoshop图层中的内容(包括蒙版)都是点阵的。这个想法现在要加以修正,因为矢量蒙版本身携带矢量信息又依附于图层,因此图层中的内容就也就包含了矢量。
“利用路径建立矢量蒙版”的操作,实际上是复制了一条路径出来存放于相应的图层中,它与原先的路径没有依存关系,将原先的路径删除也不会对它有影响。平时在路径调板中,可能看不到矢量蒙版路径的存在。当带有矢量蒙版的图层被选择时,才会在路径调板中显示。取消图层选择后,又会从路径调板中消失。如下2图的对比。
需要注意的是,以下左图的状态为前提,如果点击了“图层0”的矢量蒙版缩览图,则该路径会自动处于选择状态,就如下右图。此时可对其进行修改等操作。如果只是点击了“图层0”的缩览图,则矢量蒙版的路径虽然也会在路径调板中显示,却不会像下右图那样处于选择状态。这样如果此时要对其进行修改,还需要再次点击一下矢量蒙版缩览图才可。两者的区别虽然不大,但也能为操作节省时间。
-
现在又有了更多的问题:矢量蒙版能否取代点阵蒙版?矢量与点阵蒙版能否同时使用?如果可以同时使用,那么当两者所指定的隐藏区域不同时又该如何处理?
45矢量蒙版的局限
先回答第一个问题:不能。在点阵蒙版中可以轻易实现多重半透明,最简单的就是制作黑白渐变的蒙版,得到一个不透明度渐变的效果。如下图。这种多重不透明度称为Alpha透明,也称作Alpha通道(意指可容纳多个不透明度级别,如常见的256级)。大家现在动手把它做出来,因为接着要用到。
而矢量蒙版只能简单地将图层内容控制为隐藏或显示,即要么完全看的见,要么完全看不见。无法提供更丰富的变化。如果不是这个原因,矢量蒙版是可以完全替代点阵蒙版的。
46同时使用点阵和矢量蒙版
在已有了一个点阵蒙版的基础上,使用矩形工具〖U/SHIFT_U〗,以路径方式在图像中画出一个矩形封闭路径,如下左图。然后点击图层调板下方的建立蒙版按钮。就会看到如下右图的效果,一个图层中有两个蒙版同时存在。两个蒙版的位置与建立先后顺序没有关系,位于左方的是点阵蒙版,右方的是矢量蒙版。这样就解答了第二个问题。
对于图层而言,现在同时受到两个蒙版的控制。如果两者中有任何一个指定某区域为隐藏(即位于矢量蒙版路径范围之外,或在点阵蒙版中为黑色),那么该区域就为隐藏状态。这是一种逻辑“或”关系,即所有条件中一个条件成立就算数。而图层中所显示的区域,必须既在点阵蒙版中为白色,又同时位于矢量蒙版的路径范围之内。这是一种逻辑“与”关系,即所有条件同时成立才算数。
与民主机构的“一票否决制”类似,大家可以把这个特点简要记忆为“一票隐藏制”。
-
47点阵与矢量路径蒙版的配合
刚才我们使两个蒙版的内容不同,是为了讲解的需要,实际这样做并无意义。两者应配合使用,取长补短地作用于图层。矢量的长处是曲线、任意修改、缩放不失真。点阵的长处是支持Alpha透明。那么在通常的情况下,应该以矢量蒙版为主去控制图层的显示区域,而用点阵蒙版在路径范围之内制作羽化或半透明效果。如下左图就显示了这种配合的效果。图层调板内容如下中图所示。
-
如果准备利用点阵蒙版在图层显示区域的边缘制作羽化效果,可参考这样一条思路:先利用路径建立矢量蒙版,再建立一个全白的点阵蒙版。使路径处于显示状态,在路径调板中使用描边功能即可。如下2图所示。
当然,要注意设定好相应的画笔和前景色。并且描边的时候要确认选择了点阵蒙版,不要将边描到了图层中。
-
还记得在早期教程中作过的一个设计稿么,如下左图。其中使用了蒙版对色相饱和度调整层进行控制,如下中图。这个蒙版是通过选区创建的。为了得到蒙版的弧线,当时是用椭圆选区减去矩形选区完成的。现在学会了路径,做这样的蒙版就是小菜一碟了。如下右图,通过对矩形路径添加锚点并移动些许,就完成了蒙版制作。
现在大家就自己动手对原先的蒙版进行“升级”吧:将原先的点阵蒙版删除,用绘制好的路径作为调整层的矢量蒙版。不过要注意图像下方还有一块矩形区域,应该使用添加方式在矢量蒙版中相应位置画一个矢量矩形。
--
矢量化的蒙版可以提供给我们更加丰富的创作空间,现在通过修改路径,我们可以做出如下左图的效果。如下右图显示出了矢量蒙版的形状。注意在修改过程中有些锚点或方向线可能会超出图像尺寸,此时可以将图像窗口拉大一些方便操作。
-
其实,路径蒙版最经常应用的地方并不是像上面那样去抢点阵蒙版的饭碗,它的最大价值在于为填充图层建立蒙版,使我们可以在图像中绘制出所需要的色块。色块在网页设计中是很常用的,比如栏目标题或导航菜单,都是由色块加工而来的。我们在学习图层样式的时候也提到过“色块加图层样式”的制作手法。
回忆一下,在“古代”绘制一个矩形,要新建空白图层,接着创建矩形选区后再填色。后来在“近代”我们学习了色彩填充层,以上步骤就简化为:创建矩形选区后建立填充层。相比前者,这样的好处是以后可以随意更改填充色。但两者的蒙版其实都属于点阵类型,如果对色块进行变换操作,则可能会损失图像的质量。矢量在变换中是无损的,所以在“现代”我们就可以建立矢量填充层来满足需要。
48建立形状图层
按照一般的思路,创建带有矢量蒙版的填充层,是在路径方式下(顶部公共栏显示为)先画好路径并保持显示状态,然后点击图层调板下方的按钮建立纯色填充层。其实Photoshop已经考虑到会经常有这样的需要,因此提供了形状图层绘制方式,即顶部公共栏中的方式,如下左图。在此方式下绘制路径,将自动建立一个带矢量蒙版的纯色(以前景色为准)填充层。
49路径的绘图方式
在学习路径以前,为了避免混淆,我们在课程中都只使用到填充像素的方式。相信有许多读者曾对此感到困惑,现在这些问题就迎刃而解了。Photoshop路径的绘图方式其实也可以理解为表现形式,总有3种(钢笔工具只有前两种),可在顶部的公共栏中选择。分别为:
形状图层:直接对图像产生影响。携带矢量信息。与图层选择无关。所绘制的路径将自动被应用,成为新建纯色填充层的蒙版。
路径:对图像不产生影响。携带矢量信息。与图层选择无关。单纯绘制路径,不做其他应用。
填充像素:直接对图像产生影响。不携带矢量信息。与图层选择有关。所绘制的路径将自动转为图层中的点阵色块。
至于它们的应用范围,大体上以形状图层为主,因为其可以产生矢量化的色块方便进行变换和修改。若再为其添加图层样式,则就是网页设计中常用的制作手法。其次是路径,主要用在除了蒙版以外的矢量用途,如创建选区和描边等。填充像素方式应尽可能少使用,因为其画面效果与形状图层完全一样,但不具备形状图层的矢量和随时更改填充颜色的功能。即使在一些必须使用点阵图层的时候(如使用滤镜),形状图层也可以通过栅格化转为普通的点阵图层。况且直接对一个色块使用滤镜的机会并不多。所以从理论及实践上来看,可以用形状图层取代填充像素。
实战路径运算
现在我们来学习路径的另外一个很重要的操作,那就是运算。与选区运算一样,路经也具备添加、减去、交叉等功能。这其实应该在学习路径绘制的时候就接触,但当时单一的路径不容易体现出运算的效果,现在通过形状图层来学习就很直观了。因为形状图层会在图像中产生一个色块,这样就很容易观察到路径运算的效果。
在顶部公共栏红色箭头处选择形状图层方式,橙色箭头处即为各种运算方式。绿色箭头处的按钮如果按下,可以在样式列表中为形状图层指定图层样式。把需要用到的图层样式存储到列表中,这时就可以直接使用。当然也可以通过样式调板使用。最后是填充的颜色。
路径的运算方式分别为:
新形状图层:此方式下使用形状工具所绘制的形状将作为新的颜色填充图层。
添加形状区域:所绘制的形状将与原有的形状区域共同产生填充颜色效果。
从形状区域减去:从原有的形状中减去填充色区域。如果没有重叠则没有减去效果。
交叉形状区域:在多个形状区域的重叠部分填充颜色。
反交叉形状区域:在多个形状区域的重叠部分以外填充颜色。如果没有重叠则等同于添加。
50导致填充色无效的情况
需要注意的是,有两种情况会导致填充色无效。一是在减去和反交叉方式下,如果两个形状完全相同且位置一致,则填充色无效。二是在交叉方式下,如果多个形状没有重叠则填充色无效。在实际使用中应避免发生这些情况。
51形状工具的几何选项
现在新建一个400×300的图像,使用矩形工具〖U/SHIFT_U〗,如下左图,在顶部公共栏点击红色箭头处,开启形状的几何选项。这个选项依据形状工具的不同,其内容也不同。将矩形尺寸设为固定的200×20像素,这个数值是相对整个图像的尺寸而言的,大家可以自己设定。然后在图像中画出一个矩形。由于后面要对路径进行操作,因此现在先填充一个较浅的灰色,这样就比较容易看清楚路径的线条。
需要注意的是,要确认目前的样式为无样式。否则矩形绘制出来就带着图层样式效果。
现在要为这个矩形添加一个箭头,我们使用多边形工具〖U/SHIFT_U〗来完成,多边形的选项如下左图,其中半径我们并没有指定,大家也可以设置为30像素这样的数值。
现在要确认之前的矩形路径在图像中处于显示状态(如果填充颜色太深可能路径就不明显),即图层调板应如下中图所示,在矢量蒙版周围有选择框。如果同时开启了路径调板,则应如下右图所示。
--
接着确认顶部公共栏中的运算方式为添加,可通过快捷键〖+〗来快速切换。然后在图像中绘制一个三角形,位置任意。然后使用路径选择工具〖A/SHIFT_A〗,按住ALT键(这样就启动了移动复制功能)将三角形拖动到矩形的左侧。然后〖CTRL_T〗启动自由变换,将其水平翻转。过程大致如下图。
也可以通过〖CTRL_C〗和〖CTRL_V〗的方式对路径进行复制,但由于粘贴后的路径位置与复制时候相同,所以最好在复制之后移动一下原路径,再进行粘贴。
52 对齐路径
细心的读者会发现,使用路径选择工具的时候,公共栏出现了对齐选项。那么就可以在选择多个路径后利用它们来完成排列,如分布和居中。如下图。注意在对齐的时候要全部选择所需的路径。另外,与普通图层的对齐相同,分布排列类型的选项需要选择至少3个路径才有效。
完成后可按下回车键,这样路径就不再显示,可以看到最终的效果。此外也可以点击图层调板中的矢量蒙版缩略图,或点击公共栏的√按钮。
现在我们将三角形再复制一个出来,通过变换将其缩小到65%(可在使用变换时的公共栏中填入)左右,再将其移动到原先的三角形之内,然后在公共栏指定为减去方式(可通过〖-〗来切换),制作出挖空效果。过程大致如下图。
通过以上各步骤,我们知道只有处在同一路径组中的各路径之间才可以进行运算。而要让多个路径处于同一路径组,从第二个路径开始,就必须通过除了新形状图层以外的方式去绘制。此外大家所要掌握的知识是:
1:用路径选择工具去移动、复制、对齐路径。不要再犯使用移动工具的错误。此外也可以通过键盘方向键轻移。
2:复制出来的路径,具有和原路径相同的运算方式。比如之前所复制出来的三角形。
3:路径运算方式可以更改。比如之前从添加方式改为减去方式的小三角形。
尤其是最后一点,可在后期更改运算方式的功能带来很大的方便,我们不必像以前的选区运算那样,运算之前必须胸有成竹,因为选区运算的结果不可改变只能撤销。而路径运算即便操作错误(如把该添加的做成了减去)也不用撤销。再加上可通过路径选择工具或键盘移动路径,可以很容易地调整运算结果,比如减去太多了可以改少些。而选区运算只能推倒重来。
现在我们制作的效果应如下左图。现在需要做出如下右图的挖空效果。大家先想象一下该如何实现。在继续看后面的讲解。
-
我们来看一下该如何制作这个效果,从简单的层次上考虑,就是制作出下左图红色区域的形状,然后将其改为减去方式即可。而制作这个红色区域主要的问题在于其左端,那是一个与三角形边缘相符的曲线。
那现在我们就来制作这个红色区域,首先将左端的三角形和矩形一起选择,然后移动复制到其他的地方,移动的时候最好是同时按住SHIFT键,垂直复制到原路径的上方或下方,这样制作完之后再垂直移动回去,就免去了一步对齐。
接着适当减少矩形的高度和宽度,以留出空隙。可以使用直接选择工具〖A/SHIFT_A〗,选择水平和垂直方向的片断,将其向内移动。也可以通过自由变换完成(应使用路径选择工具选择矩形)。然后用路径选择工具选择三角形,按下〖-〗将其改为减去方式。
53 组合路径
此时如果只作为个体来看,已经是完成了制作。但如果将这两个形状移动回去的话,三角形的减去方式也会对其他路径产生效果。所以现在用路径选择工具选择两者,然后点击公共栏的“组合”按钮,这样两个路径就合并为了一个,这其实是最关键的一步。现在将这个路径移动回原先的路径中并设为减去方式,大功告成。
现在来看一下有关路径组合的内容,先画出一个大圆,然后以添加方式画一个小圆,将两者重叠一部分。这样组合之后,可以看到路径合并为了一个,如下左图。从实际操作来看,要用锚点控制完成这个8字型的路径是比较困难的,而通过这种组合的方式却可以轻易做到。所以这种方法也可以用来创建一些较复杂的路径。如果小圆是减去方式,在组合之后合并为了一个月牙形,如下中图。但如果小圆是添加方式,又与大圆相离,如下右图。则组合后也还是两条路径。所以并不是所有情况下都会合并。
多条路径组合之后,就失去了独立性,不能通过路径选择工具进行单独的移动,如下中图的月牙形。因此若非必须(某些运算或对齐用途),应避免使用组合功能。在组合之前应确认所选择的几个路径是否正确,如果没有选择任何路径,则组合对整个路径组都有效。
--
对于这个箭头的制作,也许大家觉得没有必要这么麻烦,使用多个图层也能完成,同样是矢量,同样可以排列对齐,也同样可以通过蒙版来制作挖空。那为什么要费这么大的劲通过路径来制作呢?首先是用这个例子来练习路径的操作,这些方法、思路和技巧也适用于Illustrator及其他矢量绘图软件。也是在徽标设计等方面常被用到的。再者,这样制作出来的成品可以作为自定形状存储起来,方便以后的调用。
54将路径定义为自定形状
使路径处于显示状态,然后【编辑_定义自定形状】,如下左图。之后就可以在形状列表中找到,如下右图。如果将形状列表存储为外部文件,则还可以提供给他人使用。如果我们是采取图层的方式制作的,尽管也都是矢量,但由于无法同时显示所有的路径,因此也就无法定义为自定形状了。
需要注意的是:自定形状中的路径不再具备独立性,相当于和使用了组合功能后一样。
-
最后介绍一种可能出现误操作的情况。如下左图,我们先绘制了方形,接着绘制了减去方式的圆形。这样形成了“圆减去方”的效果。如果想要变为“方减去圆”,大家可能想到的方法是:选择圆改为添加方式,接着选择方改为减去方式。但最后的效果却会如下中图般。
如果〖CTRL_C〗复制方型路径并将其〖DELETE〗删除(或直接〖CTRL_X〗剪切路径),然后再〖CTRL_V〗粘贴,此时改变运算方式就可以得到如下右图的效果了。
这是因为在一个路径组中,第一个被绘制出来的路径称为基础路径,默认其为添加方式。如果将其改为减去方式,会造成反相的效果。因此不应试图用其对其他路径执行减去运算。如果基础路径被删除,则其他路径按照绘制的顺序“继位”成为基础路径。因此我们后来采用剪切的方式让方形“退位”,再粘贴进来执行运算,就可以既保留路径形状又达到运算的目的。
现在我们来制作一个徽标,最终效果如下图。
很明显的,这就是将一个圆分割为两个部分,只是分割线是一条曲线。但注意上下两个部分的颜色不同,这就意味着两者要分别位于不同的图层中,才能指定不同的填充色。我们已经学习了所有路径的知识,已经不存在技术问题,现在需要的是技巧和思路。
看到这一行文字时,请立即停止阅读,先行思考如何制作并动手尝试,再看后面的讲解。如果思考有难度,往下一些可得到进一步的提示。
如果思路不清晰,那么就把问题看成,如何把一个圆以弧线分割为半圆,如下图所示。解决了这个问题也可以在一定程度上完成制作。
现在我们来讲解如何制作。首先以形状图层方式绘制出圆,在图层调板中复制该层并将隐藏原图层。如下左图。这样做是为了备份,大家应该养成这样的习惯,并且在制作过程中应随时按〖CTRL_S〗存盘以避免数据丢失。
接下来将矢量蒙版中的路径显示出来,用路径选择工具〖A/SHIFT_A〗将其选择,〖CTRL_C〗复制。然后将除背景层外的所有图层隐藏,确保没有选择带矢量蒙版的图层(可以选择背景图层,或不选择任何图层),〖CTRL_V〗将路径粘帖,此时画面及图层和路径调板如下右图。
如果选择了带矢量蒙版的图层,即使该图层处于隐藏状态,但路径还是会显示在路径调板中。如果发生这种情况也没有关系,只要确认在路径调板中所选择的为“工作路径”即可,因为它就是刚才粘帖来的路径。
-
现在对工作路径予以修改,如下各图所示。首先减去下方的锚点,然后使用转换点选择工具调整蓝色箭头处的两个手柄。