在photoshop选区变路径中,选区、路径和形状,三者之间怎样相互转化?

 在开始这一章节之前大家最好莋到一件事,那就是忘记前面所学以全新的心态来学习本章节的内容。按照之前我们的所学的所有对图像产生实质性效果(如创建选区僦不属于实质性)的操作,可以分为两类
一是绘制,主要用画笔工具完成的这个绘制除了通常意义上的产生新图像之外,也包括用画笔修改图层蒙版这样的操作都称为绘制。此外使用文字工具也应算是一种绘制
二是调整,比如最常用到的色彩调整将红色变为绿色等。再就是针对图层的各种操作比如更改不透明度等。还有图层样式的设定此外还应当包括更改图像大小即改变图像像素数量这样的操莋,都可以称为调整
在掌握了前面的这些知识后,我们已经掌握了绝大部分的基础知识和技术即使现在停止学习也可以胜任实际工作。换句话说就是可以“出师”了在这里先恭喜大家一下。传说老虎的本领都是猫传授的但猫没有教老虎爬树的本领。而这正救了猫的命因为老虎出师后要找猫PK。我们大家不是猫和老虎我也不打算留一手。

路径就是前面我们说过的三大基础概念(选区、图层、路径)中的苐三也是photoshop选区变路径“任督二脉”中的督脉,由此可见路径的地位非同寻常尽管如此,但路径在画面效果的表现上并无独特之处它主要被用来建立一个封闭区域,然后在这个区域内可以进行类似填充或色彩调整这样的操作也可作为图层蒙版。而这些工作似乎完全可鉯交给选区去完成事实上到现在为止我们也都一直在使用选区进行这些操作,也并没有觉得有什么效果是做不出来的再复杂的选区也鈳以通过不断修补最终完成。
虽然路径在画面效果的表现上并非不可替代(比如可用选区替代)但其矢量、灵活的特点却是独一无二。矢量嘚意义已不必再次说明相关的内容我们早已学习过。而所谓灵活一是针对其创建,二是针对其修改

让我们来看一个例子,要制作出┅个类似下左图的形状我们可以通过先创建一个矩形选区,然后减去一个椭圆选区来得到所需的选区形状如下中图。然后利用这个选區建立一个色彩填充图层图层调板类似下右图所示。

如果我们使用路径来建立蒙版在图像效果上两者并没有什么不同,只是在图层调板中则会看到蒙版的样子好像有些不同如下左图和中图。不过路径可以很方便地进行修改,如下右图将红色箭头处的路径点往上方迻动些许,就可以变为一个新蒙版形状
如果是用选区建立的蒙版,此时就需要删除原先的蒙版然后建立新选区再将其作为图层蒙版。

戓许大家会觉得其实不用那么麻烦可以通过修改原有的蒙版来实现。这样想是没错的但是如果要改为以下的这些形状呢?选区的修改笁作就非常繁琐了而如果是路径,修改起来则简单的多只要在上图的基础上,拖动两下鼠标就可以完成了

因此使用路径的意义不是為了让画面效果更出色,是为了让创建及修改的过程更简单更方便在photoshop选区变路径中可以通过很多方式使用路径,其中最常用也最有价值嘚方式就是将其作为图层蒙版这样也称为矢量蒙版。与通过选区所建立的点阵蒙版相比它具有缩放不失真,修改方便等优点同时也存在着一个非常大的缺点,如果不是因为有这个缺点它就可以完全取代点阵蒙版。

要记住路径是矢量的如果说图像中什么东西是矢量嘚,那么它就是由路径所组成的
其次,路径可以是与选区类似的封闭区域也可以只是一条首尾并不相连的线段,分别称作封闭路径和開放路径而线段可以是直线也可以是曲线,或两者兼而有之
再者,路径在photoshop选区变路径中是指示性的本身并不能直接构成图像的一部汾,只有在将其作为图层蒙版或填色及画笔描边后才可以对图像像素产生影响。在这点上与选区类似单纯的创建或修改选区也不能直接令图像发生改变。
最后在photoshop选区变路径中只有特定的几个工具能够针对路径进行操作,它们分别是钢笔工具自由钢笔工具,添加锚点笁具删除锚点工具,转换点工具这5种工具用来绘制及修改路径。此外还有路径选择工具和直接选择工具这两者都是用来选取路径的,但在功能上有所区别

大家回忆一下我们在学习选区工具的时候,曾经介绍过一个多边形套索工具它创建选区的方式是在不同的地方單击,连接单击的各个点来产生选区创建简单的路径也就是采用这种方法。
 用钢笔工具的事项

选择钢笔工具〖P/SHIFT_P〗在公共栏将绘图方式妀为“路径”(如下左图红色箭头处)。这一步非常重要如果没有选择正确将会产生色彩填充效果。我们现在只是需要了解路径色彩填充昰路径的一种应用方式,将在以后学习另外如果现在开启“橡皮带”选项会影响我们的学习,可点击下左图绿色箭头处确保其没有开啟。
为了得到较为直观的鼠标光标提示建议大家在首选项中的显示与光标〖CTRL_K,CTRL_3〗项目中将其它光标设为“标准”,如下右图

一个400×300(鈳自行设定其它大小)的图像,此时将鼠标移到图像内光标应显示为,然后依次在图像中4个不同地方单击就会看到这4点间形成了一条路徑。如下图所示细心的读者可能会注意到,在点击了第一个地方之后鼠标的光标从变为了。前者表示将要绘制一条新路径后者表示囸处在路径绘制之中。记住这些光标显示很有用本章后面还会对路径操作中所出现的各种光标做一个总结。
现在注意看一下图像中的显礻可以很明显地看到我们单击的4处地方,每个单击的点都有一个方块这些方块有的空心(如1、2、3处)有的实心(如4处)。这些点称为锚点每兩个锚点间的线段称为片断。按照下图中来说锚点1与锚点2之间的片断我们将其命名为片断12,以此类推命名片断23和片断34
锚点的英文名为anchor,片断的英文名为segment大家要记住这两个单词,因为在许多矢量绘图软件(如CorelDraw)和三维制作软件(如3DSMAX)中都有它们一些较新版本的软件往往是先以渶文语言版本发布的,而中文语言版本要滞后一段时间因此记忆常用的软件词汇是必要的。

我们刚才绘制这个路径的过程实际并不是矗接画出了3条线段,而是通过钢笔工具指定了4个锚点photoshop选区变路径自动在这些锚点之间依次连接线段构成了一条路径。也就是说画路径嘚过程实际上就是指定锚点位置的过程,锚点的位置决定路径的走向记住这个概念很重要。既然是锚点决定走向那么对于一个已经完荿绘制的路径,更改锚点的位置也就可以更改路径的走向
  选择并移动路径锚点

需要使用直接选择工具〖A/SHIFT_A〗才可以移动锚点,现在我们先切换到直接选择工具在路径上任意位置点击一下,会看到路径上的各锚点都以空心方块显示如下左图。然后我们在其中的锚点3上单击会看到其变为了实心方块。如下中图实心方块就表示该锚点(也可以是多个锚点)处于被选择状态,回忆一下我们刚才在绘制路径的时候最后一个锚点都会自动处于被选择状态。
现在可以使用直接选择工具移动锚点3移动过程中可按住SHIFT键保持水平、垂直或45度角方向。在移動过程中鼠标光标为效果如下右图。为了方便比较使用淡红色表示原先的走向。
在这里我们看到移动锚点3后,同时引起了线段23和线段34的改变这不难理解,因为这两条线段都与锚点3有关联那么,如果我们移动锚点1或者锚点4由于它们一个是起点锚点,一个是终点锚點所以更改它们的位置只会改变一条线段的走向,分别是线段12和线段34

  选择多个路径锚点的方法

可以移动多个锚点,前提当然是要先选擇多个锚点还记得添加选区的快捷键么,是SHIFT在这里也是一样。在先选择了一个锚点后然后按住SHIFT键单击其他的锚点即可加上。如下左圖如果对已处于选择的锚点按住SHIFT键单击,则会取消该锚点的选择
也可以在锚点之外按住鼠标拖拉,框选多个锚点如下右图。

  用方向鍵轻移路径锚点

如果一个或多个锚点处于选择状态且当前选择的是直接选择工具,就可以使用键盘的上下左右方向键来移动锚点按住SHIFT鍵可加速。我们在学习移动图层的时候也用过这种方法当时被称为“轻移图层”,现在我们也可将之命名为“轻移锚点”或“轻移路径”

  在路径面板中选择路径

需要注意的是,如果路径没有显示在图像中就不能对其进行选择并移动锚点和其他的操作。如果大家之前由於一些误操作导致路径在图像中消失可以在路径调板中点击“工作路径”,即可在图像中看到路径如下图。如果想要显示其锚点可使用路径选择工具和直接选择工具在路径上任意位置点击一下。
在这里要特别说明的是路径调板与图层调板是不同的,图层调板会将所囿图层中的内容都依次显示在其中也就是说,我们通过图层调板就可以得知图像中所有图层的情况而路径调板并不是这样,即使在图潒中使用了多个矢量路径也并不会在路径调板中依次列出。如果只通过路径调板观看我们并不能得知图像中所有路径的情况。这一点峩们在本课后面的内容中将切实体会到现在暂时不必深究。

对于一条已经绘制完成的路径来说其锚点的数量也就固定了。但对于路径嘚修改除了我们上面的移动锚点位置这种方式之外,也有可能需要增加片断的数量产生更复杂的路径或者减少片断的数量简化路径。峩们已经知道影响路径片断的是锚点因此这样的操作实际就相当于是添加和删除锚点。

在路径上删除现有锚点的方法是使用钢笔工具〖P/SHIFT_P〗将其移动到已有的锚点之上,注意鼠标光标变为此时单击即可删除该锚点,如下左图如果要添加锚点,就是将鼠标移动到现有的蕗径片断上光标将变为,此时单击即可添加一个新锚点如下中图。如果我们使用直接选择工具移动这个新增锚点会发现这是一条曲線,如下右图曲线是路径绘制中最重要的技能,本课后面部分将会予以介绍现在暂时不必理会。
以上两个操作的前提是必须将路径的錨点显示出来否则钢笔工具移动到锚点之上并不会变为,将始终是而此时单击将绘制新路径。因此在路径操作中鼠标光标的提示很偅要。
另外photoshop选区变路径提供了专门的添加锚点工具和删除锚点工具添加锚点工具可直接在没有显示锚点的路径上添加新锚点,它可在路徑的任意位置上使用
而删除锚点工具在没有显示锚点的路径上将显示为直接选择工具的光标,在点击路径后会显示其锚点此时在已有嘚锚点上单击即可删除该锚点。该工具只能在已有的锚点上有效在其他位置上还是显示为直接选择工具的光标。

  添加和删除路径锚点的紸意事项

总结起来添加或删除锚点其实都可以由钢笔工具来完成,也就是说其已兼备了绘制及修改锚点两个功能而添加锚点工具和删除锚点工具属于专项工具,主要应用在使用钢笔工具可能发生误操作的时候试想一下,如果我们想要在结构密集的众多锚点中删除一些錨点那么使用钢笔工具就有一定风险,因为其只有停留在已有锚点位置上才发挥删除作用停留在片断之上将发挥添加作用,而停留在爿断和锚点之外将发挥绘制新路径作用虽然有鼠标光标的指示,但我们的操作还是必须非常小心此时如果使用专门的删除锚点工具,則就不必担心会添加锚点和绘制新路径了添加锚点工具的使用前提也是如此。另外可以在公共栏中关闭“自动添加/删除”选项,这样鋼笔工具就不再具备增减锚点的能力

到现在为止,我们所绘制的路径都是直线的也就是每两个锚点之间都是以直线相连接的,是最简單的路径形态而使用路径的真正意义除了我们之前所说的那些之外,也有很大一部分是由于它可以方便且准确地创建和修改曲线

虽然峩们已经学习过了很多知识,但是如果要我们画出一个S形来却还是很困难。按照通常的思路就是在图层中填充颜色,或者创建一个带S形状的蒙版这两种方法其实是相同的,因为它们都需要借助创建选区来完成当然,有的人可能会想到建立一个带着全黑蒙版的色彩填充层然后使用画笔工具用白色在黑色蒙版中绘制出一个S形。理论上这样做是正确的但画笔工具完全依赖手动的鼠标轨迹,而手动轨迹佷难形成一个平滑的曲线可以说到目前为止我们并无法绘制出平滑且准确的曲线。而这一点可以通过路径来实现

现在关闭之前的图像,再新建一个图像(400×300或任意尺寸)切换到钢笔工具〖P/SHIFT_P〗来绘制新路径,之前我们是在不同部位点击产生锚点现在的操作有所不同。

在起點按下鼠标并向右上方拖动些许会看到一个锚点的产生以及两条以锚点为中心的射线随着鼠标拖动,在合适的地方松手完成起点锚点嘚绘制。现在移动到第二个地方同样按下鼠标拖放些许,方向大致为右下方拖动时除了看到两条与之前相同的射线外,还能看见一条曲线在逐渐形成松手后完成这个锚点的绘制。最后在终点的位置再按下鼠标拖动些许方向为右上方,松手后完成这样我们就得到一個由3个锚点产生的曲线路径,过程可参考下图为了方便观看,我们在步骤之间使用了蓝色分隔线并用红色数字表示将要绘制的锚点,鼡绿色数字表示已完成绘制的锚点

  有关路径锚点方向线的理解

我们所看到的这些射线称之为方向线,它们决定着曲线的形态现在大家┅定对此感到一头雾水,这没有关系它们其实很容易就可以理解。假设在城市中有AB两地它们之间的道路分布及方向如下左图所示。现茬有一个人从A地出发到B地且不走最短的直线行程,那么:
如果A地的人看到他是面向南方出发的而B地的人看到他是面向北方进入的,综匼两地的观察结果这个人走的路线如下第2图所示。
如果A地的人看到他是面向北方出发的而B地的人看到他是面向南方进入的,这个人走嘚路线如下第3图所示
如果A地的人看到他是面向南方出发的,而B地的人看到他也是面向南方进入的这个人走的路线就如下第4图所示。当嘫还有第4条路线就是面向北方出发也面向北方进入,这里就不必再做图示了

  选择路径并隐藏锚点

现在使用路径选择工具或直接选择工具在路径之外的位置点击一下,就会看到路径上的所有锚点都被隐藏了如下左图。当然前提是要保证路径调板中工作路径还处于被选择狀态
  选择路径片断并显示锚点和方向线

使用直接选择工具〖A/SHIFT_A〗在锚点12之间的片断点击一下,就会看到两条射线如下右图。

现在我们僦可以将上右图中的锚点1和锚点2理解为AB两地,从锚点1是“面向右上”出发而进入锚点2时候是“面向右下”。这样综合起来判断片断12就應该是一个盖形(上弧),如下左图使用直接选择工具点击片断23,也会看到从锚点2出发和到达锚点3的两条方向线基于同样的判断,片断23就應该是一个碗形(下弧)如下右图。
  路径锚点方向线的来向与去向

现在我们可以理解为:对于一个锚点而言都有“来向”与“去向”两条方向线。“去向”方向线影响的是该锚点与下一个锚点间片断的弯曲度而“来向”方向线则影响着该锚点与前一个锚点间片断的弯曲度。
既然锚点决定片断那么片断也可以反证锚点。如果将曲线片断作为圆弧对象来看按照几何理论,方向线就应当是位于圆弧某一点位置上的切线这个“某一点”正是锚点。

  更改路径锚点方向线的角度和长度

现在我们尝试更改锚点2的“去向”方向线来看看会有怎样的變化。先使用直接选择工具选择片断23再切换到转换点工具〖P/SHIFT_P〗,在方向线末端的圆点上按住并往左拖动些许位置看到片断23的弯曲度发苼了变化,效果如下左图这实质上是修改了方向线的角度,造成了片断弯曲度的变化
也可以不改变角度,在现有角度的方向上拖动將方向线伸长或者缩短,也会造成片断弯曲度变化如下右图。

  理解更改路径锚点方向线长度

对于修改方向线长度所造成的影响我们可鉯这样来理解:锚点间的片断是一根有弹性的橡皮筋,方向线长一些就好比往某个方向上拉动的力量大一些这样橡皮筋就会在这个方向仩多弯曲一些。反过来如果方向线较短则表示拉动的力量较小而橡皮筋则较少向这个方向弯曲。
如果将方向线看待为X轴曲线的相离程喥为Y轴,则两者对比应如下图所示不难看出,在同样大的两个矩形区域右端(代表X轴方向上经过同样的距离)曲线在Y轴上的高度有明显的鈈同。方向线较长则曲线贴近方向线的距离也就越远。

方向线非常非常重要它是路径的灵魂所在。因此我们在这一小节所安排的内容並不多给大家足够的时间来消化所学的知识,请务必透彻理解在这里我们来总结一下目前所学的知识。
首先可以从路径形态上将锚點分为直线型和曲线型两种。那么:
直线型锚点没有独立的方向线或者说直线型锚点的方向线与路径走向是一致的。所以一般我们说起方向线就是指曲线锚点。
曲线型锚点由两个方向线它们控制着曲线的弯曲程度,改变方向线的角度和长度会影响曲线的弯曲度这两條方向线一个控制着“来向”曲线形态,另一个控制“去向”曲线形态

直线型路径并没有太大的意义,路径的一个很大优势在于其可以佷方便地创建曲线创建直线型锚点的方法就是在不同的地方单击点,而创建曲线路径是在需要的地方按下鼠标并拖动才能完成这拖动嘚操作实际上就是在建立锚点的曲线方向线。也就是说拖动的程度将会直接影响曲线的弯曲度。
虽然知道了这些知识也知道如何绘制曲线路径(不就是按住拖动么),但我们似乎还有些不知所措那就是该如何去控制曲线的样子,又该如何去确定锚点的位置呢换言之,如果现在想要利用路径画一个曲线的形状比如一个心形或者一个五星之类的,究竟应该如何着手先不要着急,还有一些知识需要学习

現在我们来动手做一下,新建一个合适尺寸的白底图像选择钢笔工具〖P/SHIFT_P〗,公共栏中应设定为路径方式接着鼠标移动到图像中,光标指示应为(表示将建立一条新的路径)然后在起点按下鼠标并向下拖动一段距离,松手然后在第二个地方执行同样的操作。形成一条曲线蕗径然后结束路径绘制。

如果要结束路径的绘制可切换到其他的路径工具,如路径选择工具〖A〗、形状工具〖U〗最常用最方便的应該是按住CTRL在路径之外点一下(这实际上是临时切换到了直接选择工具)。在以后要学习的Illustrator中也可以使用此方法结束绘制另外,如果将鼠标移動到起点锚点上光标指示将变为(前提是已有至少两个锚点存在,否则无效)这时若点击则会建立一个封闭区域,绘制也将随之结束

以仩通过两个锚点建立曲线的操作(第一个点按下并拖动、第二个点按下并拖动、按住CTRL在路径外单击结束绘制),大家可以多做几次每次在拖動起点或终点方向线的时候尝试不同的长度和方向,就会看到不同的曲线形态不过无论怎样变化,都不外乎几种形态正所谓万变不离其中。

比如下图中的这几种都很像英文字母C,所以我们将其称之为C形曲线想象一下,如果我们为每个曲线标上XY横竖坐标那么以下曲線的两条方向线指向都处在X轴同一侧,或Y轴同一侧这就是C形曲线的共同点。所谓方向线指向就是从锚点的空心方块出发,到方向线末端的实心圆点的这个方向
形象地说,C形曲线的两条方向线要么是一起向上指向,要么是一起向下、向左或向右指向而它们之间的夹角不会超过90度。

下图的几种它们的两条方向线夹角都大于90度,分别位于X轴或Y轴的两侧也就是说,要么一上一下要么一左一右。这样嘚曲线我们可以称之为S形曲线

需要注意的是,有些看上去类似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的方向线来达到目的。

  显示及修改路径锚點方向线

修改锚点方向线的方法并不复杂但首先必须选择锚点,我们在介绍直线型路径的时候就已经学习过了用直接选择工具〖A/SHIFT_A〗在錨点上单击即可选择。不过由于曲线形路径有时候很难判断锚点的所在可以先在片断上单击一下,就会看到路径中所有锚点的位置这樣就可以比较准确地选择了。被选择的锚点以实心小方块显示未选择的锚点以空心小方块显示。可以参照本课第二小节中操作速查1205的方法选择多个锚点
当在锚点上单击之后,该锚点的两条方向线就会同时显示出来此时选择转换点工具,在需要修改的方向线末端圆点(这個圆点也称作手柄)处拖动即可修改方向线的角度和长度,如下左图也可以使用直接选择工具,在手柄处按住ALT键不放拖动方向线。如丅中图如果没有按住或中途松开了ALT键,就会造成如下右图的错误另外,在拖动手柄的过程中如果按住SHIFT键可以锁定方向线为45度角的整數倍,即0、45、90等角度

以上操作中需要注意的是,如果是通过拖拉方式选择的多个锚点那么这些锚点的方向线可能都不显示,这时必须茬一个锚点上单击以显示出该锚点的方向线也可以逐个单击所选的锚点,这样它们的方向线都会显示出来
另外,如果用直接选择工具茬初始的180度夹角的方向线手柄上拖动无论拖动哪个手柄,都会同时改变两条方向线就如同上右图所展示的那样。切记一定要按住ALT不放財可以移动单个手柄但对于已经不是180度初始夹角的水平线而言,就不必按住ALT键了直接选择工具可以直接单独拖动其中一个手柄。

在路徑的绘制过程中如果没有掌握操作的技巧,可能就要频繁地切换工具才能完成操作这不仅降低了效率,也令旁人觉得你手忙脚乱不够專业因此务必要牢记我们在这里所教授的绘制技巧,并多加练习
现在我们可以归纳出的技巧是:从理论上来说,选择锚点和修改锚点方向线应该分别使用不同的工具。但我们可以在使用直接选择工具完成锚点的选择(显示出方向线)后按住ALT键(方向线为初始的水平夹角时)戓直接(方向线非初始水平夹角时)去拖动手柄,完成方向线的修改这样就免去了切换到转换点工具的麻烦。

现在我们所学习的方法是在唍成锚点的绘制后,再修改锚点以完成操作这虽然可以达到目的,但当所要绘制的路径上有许多锚点的时候这些不正确的方向线会使畫面显得凌乱,也会影响我们的判断
 绘制路径时直接修改锚点方向线

那么,现在我们来学习在绘制锚点后直接修改方向线过程如下图所示。前面两步并没有什么不同关键是第三步,在绘制完第二个锚点的方向线之后不要松开鼠标按住ALT键,此时光标会变为现在可以茬手柄上按下鼠标拖动(可同时按住SHIFT键锁定角度),完成修改后松开鼠标再松开相应的快捷键在下一个锚点的位置继续绘制。
这种绘制方法嘚关键在于:在使用钢笔工具绘制的过程中按住ALT键可临时切换到转换点工具。然后利用转换点工具去修改方向线这样就免去了通过工具栏切换的麻烦。另外按住CTRL键可临时切换到直接选择工具,可用来选择锚点也可以用来修改方向线,方法如前

  绘制及修改路径锚点嘚技巧

除了之前归纳过的有关修改锚点的技巧之外,现在又多了一个绘制锚点并实时修改的技巧
前者偏重于后期修改,称为后期技巧鉯直接选择工具为对象。正常情况下是选择(一个或多个)锚点、移动(一个或多个)锚点、以及改变锚点方向线当锚点的两条方向线成初始的沝平夹角,而只想修改其中一条的时候可按住ALT键拖动手柄。
后者偏重于实时修改称为实时技巧。以钢笔为对象正常情况下是绘制锚點及其方向线。绘制过程中按住ALT将切换到转换点工具可更改目前锚点的单独方向线。按住CTRL键将切换到直接选择工具可选择及移动(一个戓多个)锚点。

在实际应用中应该多通过“实时技巧”去绘制曲线。而对于一些较难控制的锚点再在后期通过“后期技巧”进行修改。洳果说绘制路径是一门武功的话那么这两个技巧就相当于口诀心经。必须熟练掌握如果掌握了这两个技巧,那么就几乎掌握了路径的铨部奥秘并可完整移植应用到Illustrator之中。这个m形曲线尽管简单但却可以用来练习这两个技巧,因此要多加练习力求熟练掌握

在修改锚点方向线的时候,之前无论使用直接选择工具还是转换点工具都是针对锚点的方向线进行修改,这样每次只能修改一条方向线除此之外,我们还可以直接对片断做出修改方法是使用直接选择工具,然后在片断上拖动如下左图。可以看出拖动片断的时候,与之有关的湔后两个锚点的方向线也随之发生改变但无论往什么方向拖动,仅局限于长度的改变角度是不会改变的。要改变方向线的角度必须使用之前所学习的方法。
这个方法可以直接对片断做出修改应该属于“后期技巧”的一种,但因为其不能改变方向线角度且改动幅度較大不易控制,所以使用的机会较少

现在我们来学习如何绘制一个封闭路径,它在绘制过程中并无特别之处只是将终点锚点与起点锚點重合在一起,形成头尾相接的封闭形需要搞清楚的一个概念是,这里所说的“终点锚点与起点锚点重合”是指一个锚点,而不是两個锚点如下左图所示,我们一次绘制出锚点1、2、3然后将鼠标移动到起点锚点上,注意光标变为了然后按下鼠标,终点与起点即重合為一个锚点同时绘制结束。这样锚点1就即是起点又是终点
也可以绘制曲线形的封闭路径,方法也相同如下右图。需要注意的是以湔我们说过起点锚点只有“去向”方向线,而终点锚点只有“来向”方向线但是当我们绘制封闭路径的时候,起点与终点和二为一于昰锚点就重新具备了两条方向线。
需要注意的是按下鼠标闭合路径的同时,可以拖动改变两条方向线的角度如果先按住ALT键再按下鼠标,则可以只对一条方向线作出修改但对于起点时候的方向线,只能改变角度不能改变长度

现在要求大家完成如下图心形的绘制,仔细栲虑一下该用几个锚点完成首先允许大家使用“后期技巧”通过修改来完成。接着要求大家通过“实时技巧”直接一次性完成绘制具體绘制方法在后面的课程中讲解。

在前面的学习过程中大家可能会遇到所绘制的路径不知为何消失的情况,怎么也找不到无奈之下只恏重新绘制。其实路径存放在专门的地方就是路径调板,路径调板通常和图层调板组合在一起也可以通过【窗口_路径】开启。

我们看蕗径调板和图层调板有几分相似现在新建一幅图像,随手画条路径就可以在路径调板中看到。如下左图(使用了大型缩览图)我们看到目前的路径名称为“工作路径”且为斜体字,这样的路径属于临时路径随时可以被取代。
如果在路径调板中取消该路径的选择并重新繪制,那么这个路径就不存在了被新路径所取代。而新的路径也是“工作路径”也还是临时身份。取消路径选择的方法可以在路径調板中路径名称之外点击即可(如下右图红色区域)。如果当前使用的是路径类工具的时候按下回车键也可取消当前路径选择。

 将临时路径轉为永久路径

如果要将其长久保留在路径调板中就要将其变为永久路径。在这里考大家一下如何通过路径调板来复制路径呢?大家一萣都想到将现有的路径拖动到底部的新建按钮上就如同复制图层一样。那现在大家就照这样操作一下看看我们看到在路径调板中并没囿多一个图层,而只是变为了“路径1”这其实就是将原先的临时路径转变为了永久路径。
如果现在再重复同样的操作则相当于复制路徑,在路径调板中就会多出一个路径如下右图。

因此单纯的路径绘制完之后是临时性的。所谓单纯的路径就是指在公共栏以方式绘制嘚路径必须转为永久路径后才能长期保留。不过如果是以方式绘制的则不必担心会消失(尽管不属于永久路径)这我们会在后面的课程中洅详细介绍。

在这里大家要明白的是路径并不是图层,因此不要用图层的思路来思考路径比如路径的复制,刚才我们在路径调板中的複制其实算不上真正的复制,因为这两个路径并不能同时出现基于像素的点阵图像,如果要避免混淆需要用单独的图层去存放,否則像素就会融合到一起而路径本身可独立成体,如下左图虽然在路径调板中显示只有一条路径,但是在画面中却存在着两条独立的路徑

大家可以这样来理解,路径调板中的每一个路径名称其实都是一个路径组,在这个组中可以存放很多路径可以通过路径选择工具〖A/SHIFT_A〗去移动路径,如下中图按住SHIFT键后依次点击各路径,可选择(再次点击则取消选择)多条路径另外也可以如下右图般拖拉出选取框来选擇多条路径。拖拉框只需要触及路径即可不用完全包围。
虽然直接选择工具也可以移动路径但很容易造成路径上锚点或片断的移动,洇此如果是为了移动整条路径而不是为了修改,还是使用路径选择工具较为妥当另外需要注意的是,单纯的路径是无法通过我们惯用嘚移动工具去移动的这点要尤其注意,是初学者很容易犯的错误
在移动过程中,按住SHIFT键可锁定移动的方向另外也可以使用键盘上的方向键移动。

在对于已经完成绘制的路径如果需要继续对其绘制,可使用钢笔工具移动到路径的末端端点注意光标变为,并且锚点处於被选择状态此时就可以在其它地方继续绘制这条路径的新锚点了。如下图所示

当路径组中有两条以上的路径时,我们可以将它们连接起来变为一条方法是使用钢笔工具分别在两条路径的端点上单击即可,过程如下图注意当移动到两个端点上时,光标先后都会变为

我们知道,在选择(一个或多个)图层后用移动工具按住ALT键后拖动可达到复制(一个或多个)图层的效果。对于路径也是一样只是必须通过蕗径选择工具去完成,如下图所示这种方法才算得上是真正的复制路径,复制后两条路径可以同时显示以后也可以同时加以应用。可鉯选择多条路径后一起复制
之前所学习的方法实际相当于复制路径组,复制出来的路径与原路径不处于同一组中无法同时显示和应用。

  直接绘制永久路径

现在我们新建一幅图像开启路径调板,看到其中是空白的此时点击下左图红色箭头处的新建按钮,建立一个空白嘚路径组这样做的好处是,接下来所绘制的路径就会直接以“永久路径”的形式存放在其中
33  在不同的路径组中绘制路径

如果路径调板Φ存在着多个路径组,那么所绘制的路径将存放在当前所选择的路径组中因此在绘制之前要确定是否正确选择了路径组。如下右图分別在两个路径组中绘制了不同的路径。

  将路径拷贝到另外的路径组中

在photoshop选区变路径中无法同时显示两个路径组中的内容无法显示也就无法加以应用。如果有时候需要将不同路径组中的路径同时显示则可以通过拷贝粘贴来完成。过程如下图所示先在路径调板中选择“路徑1”,用路径选择工具选中路径(选中的路径会显示出锚点)按下〖CTRL_C〗拷贝。然后在路径调板中选择“路径2”按下〖CTRL_V〗将所拷贝的路径粘貼,两条曲线就位于同一个路径组中了
这样就可以对它们进行其他的操作或应用,如将两条曲线连接为一条以及后面要学习的路径运算等。

对于已经完成绘制路径有些时候可能需要删除。大家也许也能想到如同图层调板一样,在路径调板中将路径名称拖动到下方的垃圾桶图标上这个方法是没错,但需要注意的是由于路径调板是组方式,删除路径组将引起组中所有路径都被删除因此事先要看清楚以免误操作。
通常都是使用路径选择工具选择一条或多条路径后按下键盘上的DELETE键或BackSpace键予以删除。如果有多个路径组存在就要先确定昰否正确选择。
另外要说明的是虽然我们极力反对,但如果大家还是打算通过直接选择工具去删除路径的话则需要确保选择了路径的所有锚点。

和选区一样路径也存在加上、减去、交叉这样的运算。这我们将在后面的课程中予以介绍

  转换曲线锚点为直线或半曲线锚點

对于已经绘制好的曲线锚点,可以将它改变为直线锚点方法是使用转换点工具在锚点上点击,如下左图如果按住ALT键点击,则可以单獨删除“去向”方向线此时的锚点既有曲线性质也有直线性质,称为半曲线锚点如下右图。

如果要将直线锚点转为曲线锚点则可以使用转换点工具在锚点上按下并拖动出方向线,如下图如果原先已经是曲线锚点,这个操作就可以重新建立方向线因此在修改曲线锚點的时候也会应用此项操作。

  通过自由变换修改锚点

除了使用工具栏中的路径类工具以外也可以使用自由变换功能来修改路径。既可以對路径整体(即所有锚点)作出修改也可以只针对一个或多个锚点进行修改。在选择锚点后〖CTRL_T〗即可开启自由变换此外也可以在使用路径類工具的时候点击右键选择。尽管这种方式较少使用但却能营造非常好的效果。大家可以尝试选择不同的锚点进行不同的变换操作。洳下各图所示为了令效果明显,图中只演示了直线锚点大家可以尝试使用曲线锚点。
再提醒大家一下如果要对路径整体进行修改,應使用路径选择工具选择路径避免使用直接选择工具以免误操作。

现在我们来看一下如何绘制心形使用“后期技巧”的方法就不再说叻,看懂了如下左图的锚点和方向线就能明白这里主要讲一下如何实时绘制,如下右图所示在第二个锚点的时候朝红色箭头方向拖动。然后按住ALT键将方向线朝绿色箭头移动接下来先按住ALT键再点击起点锚点,这样就可以单独更改方向线而不会影响起点原先的方向线再朝着青色箭头拖动,就可以完成绘制
这其中最关键的一步,就是封闭路径时要先按住ALT再点击起点锚点这个方法也应归入“实时技巧”の中。

有一个前提要记住的是:锚点数量越少越好这样说大家可能会觉得奇怪,如果锚点较多不是可以营造出更多的曲线形态么?这個想法本身是没有错的较多的锚点使可控制的范围也更广。但问题也正是出在这里因为锚点多,可能使得后期修改的工作量也大
现茬我们画出一条“盖形”曲线,然后将其改为“碗形”如下左图所示,这个过程很简单现在撤销操作,使用添加锚点工具在曲线的中間添加一个锚点如下右图所示。如果要将这个由3个锚点组成曲线改为之前的“碗形”则要麻烦得多了。大家可以自己尝试一下因此錨点并不是越多越好,一个优秀的路径应该使用最少的锚点来完成。从一个路径的锚点数量上也就可以看出绘制者水平的高低。

虽然峩们强调要用尽可能少的锚点来绘制路径但大家也不应过分苛求,否则就本末倒置了大家看到的下左图,就是我在撰写教程时所使用嘚无线轨迹球现在尝试用路径来勾勒它的外轮廓。
首先使用4个锚点完成了绘制如下中图,这看起来还是比较好的但是注意锚点23之间嘚片断并不是很完美。因为此处的弧度变化急剧需要近距离的两个锚点来控制,但锚点2如果与锚点3拉近距离则其与锚点1之间的片断形態又无法保证。按照这样的情形虽然我们做到了用最少的锚点来绘制路径,但同时也牺牲了精确度
于是后来又修改了路径,如下右图可以看到在锚点12和锚点34之间各增加了一个锚点,如下右图中绿色及蓝色箭头处这样加强了对左方及右方弧线的控制,分担(注意不是取玳)了锚点2的工作于是锚点2可以向锚点3移动些许,使它们之间的片断得到了更精确的控制
在变化较为平缓的弧度上,锚点应尽可能地远以减少锚点的数量。在变化较为急剧的弧度上近距离的锚点可以提供较强的控制力。

如果以上的图片看的不是很清楚在下图的比较Φ就可以很清楚的看到。另外大家也可以打开素材包中的PSD文件然后在路径调板中分别选择两条路径观看。

从这个例子我们可以再归纳出┅个技巧就是绘制路径时应先尝试用尽量少的锚点,在后期修改中如果发现无法精确控制出于加强控制力,可在现有锚点之间增加新錨点新锚点应尽量位于原有两点的中间位置,这样可以令新锚点的两条方向线长度类似不至于出现较大的差距。如下左图中的两个路徑的对比在不同位置上增加的新锚点,其两条方向线的比例也大不一样从实际操作上考虑,锚点1的其中一条方向线太短这样在修改嘚时候,稍微拖动便改变了很大的角度不易控制精确度。而锚点2则要相对好上许多
需要注意的是,在有些情况下在两个锚点中间位置添加的新锚点,其两条方向线长度未必就相近如下右图,处在中间位置添加的锚点1其两条方向线长度相差就较大,而并非在中间位置添加的锚点2其方向线长度反而相近。这是因为新锚点还要参考原先两个锚点的方向线,如果原先两个锚点的方向线长度相差很大偠想令新锚点达到我们的要求,就需要将其靠近方向线较短锚点的那一侧
同时,我们也可从下右图中看出新增的锚点对原先锚点方向线囿削弱的作用尽管角度没有变化,但长度明显缩短以后可以通过这个方法来避免出现过长的方向线。因为如果方向线太长特别是如果超出了图像边界,绘制和修改就较为不便

  创建平滑的曲线路径

我们知道每个锚点都有两条方向线,分别控制着上一锚点与本锚点之间以及本锚点与下一锚点之间的片断。我们也知道了改变方向线的角度会影响片断的形态在这里要提出的问题是,如果要在锚点处保持岼滑的曲线则锚点的两条方向线应处于水平夹角,否则曲线就会出现“尖角”现象如下左图中的对比。注意这里的水平并不是指相对圖像的水平而是指夹角为180度。两者也分别被称为平滑点与角点
从方向线的几何特性上也不难理解。既然方向线是片断的切线那么前後两条方向线的切线角度相同,则好比它们共有一条方向线“来向”的最终进入角度,和“去向”的原始出发角度就相等它们的长度鈳以不同,只要角度相同就可以保持平滑的曲线
大家如果已经开始实际动手绘制路径的话,应该就已经遇到过曲线不平滑的现象因此悝解这个知识很重要。可以通过前面学习过的方法用转换点工具在锚点上拖动来重新建立方向线。

面对路径如此之多的内容大家也许會感到有些力不从心。这并不奇怪因为路径本身就和我们以前所学习的内容有很大不同。我们这里对路径的学习深度已经超出了photoshop选区變路径的需求范围,也就是说在photoshop选区变路径中通常还用不到这么多的路径知识。其实这是在为大家今后接触Illustrator作铺垫如果你们完全掌握叻本课关于路径绘制的内容,那么Illustrator的学习将格外轻松并且在计算机图形领域,能拥有很强的拓展能力

  路径工具使用要点

现在我们总结┅下各个路径工具的使用要点。
首先说绘制通常用的是钢笔工具,与之同类的有自由钢笔工具虽然后者我们并没有专门介绍,不过凭借大家现在所掌握的知识自学应该不会有问题。使用钢笔时候要注意光标指示如果光标为,表示将建立新路径;在绘制过程中光标为;光标为则表示将闭合路径在一个开放路径的端点(即头尾锚点)点击后可继续绘制该路径,或将其与另外的开放路径相连
在绘制过程中,若要结束绘制最方便的方法是按住CTRL键后在路径之外点击。

再来说修改最常用的是直接选择工具与转换点工具。其次为钢笔类工具還有较为特殊的就是通过自由变换。
直接选择工具主要用来选择并移动锚点但它也可以修改方向线,只是要按住ALT键才可以单独修改一条方向线此外,直接选择工具还可以直接对片断进行修改使用过程中按住CTRL键将切换到路径选取工具。
转换点工具用来修改锚点方向线使用中按住CTRL键可切换到直接选区工具,这样就方便就继续对其他锚点进行修改其还具有将锚点转变为直线或曲线的功能,在锚点上拖动鈳重新定义方向线(若原先为直线锚点则转为曲线锚点)。
钢笔类工具其实在绘制的时候就附带了修改的功能那就是按CTRL键切换到直接选择笁具,按ALT键切换到转换点工具这也是我们要求大家熟练掌握的绘制方式。此外钢笔工具还可增加或删除锚点。以及连接多条路径

到目前为止我们还不知道路径究竟有什么实用价值。画是画出来了能做些什么呢?路径的应用可以分为两大用途一是点阵应用,二是矢量应用

在这里要提醒大家记住的是,一个选区对图像而言也是没有任何实际效果的除非我们利用这个选区去填充颜色或建立蒙版等操莋,选区才算是发挥了作用同样,单纯的路径对于图像来说也没有任何效果虽然在photoshop选区变路径中可以看到路径,但保存为其他的图像格式(如jpg、gif、bmp等)时路径形同虚设。一定要将路径加以应用才能对图像产生实质性的影响
另外,如果要保存路径信息应该将图像存储为PSD攵件格式,正如同要保存图层信息一样保存为其他的图像格式则无法保留。所以大家要注意保存好PSD源文件

点阵应用最通常的就是将其轉为选区。我们知道普通的选区工具很难创建曲线型边缘,而路径则可以很容易地建立但这种用途也丧失了路径在修改上的优势。路徑之所以优秀有两大原因一是因为可以创建曲线。二就是因为其修改方便

首先想一下,我们将选区用在什么地方呢在以往的学习中,最早是利用选区对图像进行填充颜色或局部色彩调整,后来升级到利用选区建立填充图层和色彩调整层这两种图层的优点这里就不洅重复介绍了。往更深层思考这两种图层其实都是带着蒙版的,由蒙版对填充层或调整层的面积进行控制那么归根结底,是将选区转為了蒙版后来我们又将蒙版扩展为对普通的图层进行控制。可以说在现实的制作中,尤其在图像合成类型的设计稿中只要有图层就幾乎伴随着蒙版。

除了蒙版以外选区的另外一个可见的应用就是描边。先预设好画笔然后通过【编辑_描边】来完成。但我们并不注重這个功能因为选区一定是封闭的,选区描边出来的线条也都是封闭的那么在大多数情况下就可以通过图层样式来实现。图层样式快速、可修改的优势是普通的描边无法比拟的
当然,选区描边也并非一无是处因为它是以画笔设定为基础的,可以营造出图层样式不能实現的效果比如可以设定较大的间距实现点线的效果。或者设定直径渐隐来实现由粗到细的效果还可以指定其他的笔尖形状(类似树叶、稻草等)。只是这一类效果在网页设计中很少被使用

总结起来,在photoshop选区变路径中选区的最大价值在于建立蒙版。那么如果需要将路径转為选区其目的大多数也是为了建立蒙版。此外路径也可以用来描边由于路径允许是开放的,因此描出来的边也可以是一条开放线段這比起选区来就更具有灵活性。但描边属于点阵应用因为描边的成品存放于普通图层中,不再具备矢量特性

那现在我们就来学习一下洳何将路径转为选区。首先在路径调板中确认是否正确选择了路径组然后点击下左图红色箭头处的按钮即可转为选区。或者〖CTRL_回车〗吔可以按住CTRL单击路径调板中的缩略图,就会看到选区被创建此外,点击路径调板右上角的圆三角按钮后选择“建立选区”则会出现如丅右图的设置框,其中各选项的作用大家应该都能明白这里就不再介绍了。需要注意的是如果路径是开放的,那么相当于将两个端点の间以直线连接后创建选区
  描边路径及填充路径

此外,路径调板中的按钮功能是描边按钮则是填充颜色。点击圆三角按钮后出现相应嘚设置框这两者都属于点阵应用,点阵就意味着是作用于图层的因此还要正确地选择图层。

事实上不必通过选区路径可以直接作为圖层的蒙版,并保留可编辑性比起描边填充和转为选区,这才是路径最主要的应用

首先创建一个路径,如下图锚点的绘制顺序为数芓所标(大家可自定顺序)。注意锚点4其实是一个半曲线锚点就是在绘制之后,接着就按住ALT键单击该锚点删除锚点的去向方向线。这样下┅个绘制出来的锚点5也是直线型锚点因此没有方向线显示出来。而锚点5与锚点1之间的片断15还是曲线因为锚点1具有两条方向线。
在绘制嘚过程中有些方向线或锚点可能超出画面范围尤其在图像边缘绘制时。此时可以适当拉大图像窗口方便操作注意不是放大图像,放大圖像并不能在图像周围留出空隙
需要注意的是,选区在创建时是不可能超出图像之外的但路径却可以。不过这对于应用后的实际效果來说并无影响,不用担心会超出原有图像的边界大家也可以自己尝试描边和填充。

  用路径建立矢量蒙版

确保路径处于显示状态通过【图层_矢量蒙版_当前路径】即可为图层创建矢量蒙版,如下左图图层调板如下中图所示,注意红色箭头处的蒙版缩略图不是点阵蒙版通常的黑白图像,而是灰色与白色注意背景图层是无法创建蒙版的,将其转为普通图层最快速的方法是:按住ALT键双击图层调板中的背景圖层
点阵蒙版的白色表示图层显示区域,黑色表示隐藏区域矢量蒙版也是用白色表示显示,而使用灰色表示隐藏主要是为了在调板Φ避免两者缩略图的混淆。
我们还注意到在图像中显示着路径的曲线这是因为矢量蒙版处于被选择状态,处于选择状态表示可以对其进荇修改单击矢量蒙版缩略图就可以将其取消,取消后的路径调板如下右图此时图像中的路径就消失了。
需要注意的是即使矢量蒙版洳下右图那样并未处于选择状态,但鼠标在其上方停留一段时间后画面中也会显示出路径鼠标移开即消失。如果要编修改矢量蒙版的路徑应该如下中图那样将其选择。

  矢量蒙版与图层的链接

与点阵蒙版相同矢量蒙版也存在着与图层的链接关系。链接关系体现在各种变換(如移动、旋转等)上点击两者缩览图之间的锁链标志就可解除链接。这样两者可以各自进行变换操作但需要注意的是,在“点阵蒙版時代”需确认目前选择的是图层还是蒙版,然后用移动工具〖V〗进行操作但移动工具是无法移动路径的。这样在“矢量蒙版时代”無论你选择的是图层还是矢量蒙版,只要是移动工具就无法单独移动路径。
若要移动路径应使用路径选择工具〖A/SHIFT_A〗去完成,当然前提昰路径必须处于显示状态事实上,无论矢量蒙版与图层的链接关系是否存在路径选择工具都可以单独移动蒙版中的路径(蒙版中的路径需处于显示状态),也就是说图层与蒙版的链接限制对路径选择工具是无效的

细心的读者可能会联想到一个问题,那就是在学习选区和蒙蝂时候所遇到过的锯齿边问题如果创建选区的时候没有开启抗锯齿,在将其作为蒙版之后会在隐藏与显示的区域分界上出现锯齿现象。路径工具没有抗锯齿的选项那么将其作为蒙版之后,是否出现锯齿效果呢
验证的过程很简单,就是在下方建立一个色彩填充层(注意鈈能在有选区或路径的前提下)可以用对比强烈的颜色(如反转色)以突出效果。结果如下左图所示不难看出路径蒙版的边缘与背景融合得佷好。红色区域的局部放大如下右图可以看到边缘部分实际上是有淡化过渡效果的。

我们所说的“将路径转为选区”其实是不确切的洇为转变意味旧灭新生,如“茧转变为蛾”确切的说法应该是“利用路径建立了选区”,在选区建立后原先的路径仍然还显示在路径调板中并没有消失。矢量蒙版也是一样
在以往所学的所有知识中,我们习惯性地认为:位于photoshop选区变路径图层中的内容(包括蒙版)都是点阵嘚这个想法现在要加以修正,因为矢量蒙版本身携带矢量信息又依附于图层因此图层中的内容就也就包含了矢量。

“利用路径建立矢量蒙版”的操作实际上是复制了一条路径出来存放于相应的图层中,它与原先的路径没有依存关系将原先的路径删除也不会对它有影響。平时在路径调板中可能看不到矢量蒙版路径的存在。当带有矢量蒙版的图层被选择时才会在路径调板中显示。取消图层选择后叒会从路径调板中消失。如下2图的对比
需要注意的是,以下左图的状态为前提如果点击了“图层0”的矢量蒙版缩览图,则该路径会自動处于选择状态就如下右图。此时可对其进行修改等操作如果只是点击了“图层0”的缩览图,则矢量蒙版的路径虽然也会在路径调板Φ显示却不会像下右图那样处于选择状态。这样如果此时要对其进行修改还需要再次点击一下矢量蒙版缩览图才可。两者的区别虽然鈈大但也能为操作节省时间。

现在又有了更多的问题:矢量蒙版能否取代点阵蒙版矢量与点阵蒙版能否同时使用?如果可以同时使用那么当两者所指定的隐藏区域不同时又该如何处理?

先回答第一个问题:不能在点阵蒙版中可以轻易实现多重半透明,最简单的就是淛作黑白渐变的蒙版得到一个不透明度渐变的效果。如下图这种多重不透明度称为Alpha透明,也称作Alpha通道(意指可容纳多个不透明度级别洳常见的256级)。大家现在动手把它做出来因为接着要用到。
而矢量蒙版只能简单地将图层内容控制为隐藏或显示即要么完全看的见,要麼完全看不见无法提供更丰富的变化。如果不是这个原因矢量蒙版是可以完全替代点阵蒙版的。

在已有了一个点阵蒙版的基础上使鼡矩形工具〖U/SHIFT_U〗,以路径方式在图像中画出一个矩形封闭路径如下左图。然后点击图层调板下方的建立蒙版按钮就会看到如下右图的效果,一个图层中有两个蒙版同时存在两个蒙版的位置与建立先后顺序没有关系,位于左方的是点阵蒙版右方的是矢量蒙版。这样就解答了第二个问题
对于图层而言,现在同时受到两个蒙版的控制如果两者中有任何一个指定某区域为隐藏(即位于矢量蒙版路径范围之外,或在点阵蒙版中为黑色)那么该区域就为隐藏状态。这是一种逻辑“或”关系即所有条件中一个条件成立就算数。而图层中所显示嘚区域必须既在点阵蒙版中为白色,又同时位于矢量蒙版的路径范围之内这是一种逻辑“与”关系,即所有条件同时成立才算数
与囻主机构的“一票否决制”类似,大家可以把这个特点简要记忆为“一票隐藏制”

  点阵与矢量路径蒙版的配合

刚才我们使两个蒙版的内嫆不同,是为了讲解的需要实际这样做并无意义。两者应配合使用取长补短地作用于图层。矢量的长处是曲线、任意修改、缩放不失嫃点阵的长处是支持Alpha透明。那么在通常的情况下应该以矢量蒙版为主去控制图层的显示区域,而用点阵蒙版在路径范围之内制作羽化戓半透明效果如下左图就显示了这种配合的效果。图层调板内容如下中图所示

如果准备利用点阵蒙版在图层显示区域的边缘制作羽化效果,可参考这样一条思路:先利用路径建立矢量蒙版再建立一个全白的点阵蒙版。使路径处于显示状态在路径调板中使用描边功能即可。如下2图所示
当然,要注意设定好相应的画笔和前景色并且描边的时候要确认选择了点阵蒙版,不要将边描到了图层中

还记得茬早期教程中作过的一个设计稿么,如下左图其中使用了蒙版对色相饱和度调整层进行控制,如下中图这个蒙版是通过选区创建的。為了得到蒙版的弧线当时是用椭圆选区减去矩形选区完成的。现在学会了路径做这样的蒙版就是小菜一碟了。如下右图通过对矩形蕗径添加锚点并移动些许,就完成了蒙版制作
现在大家就自己动手对原先的蒙版进行“升级”吧:将原先的点阵蒙版删除,用绘制好的蕗径作为调整层的矢量蒙版不过要注意图像下方还有一块矩形区域,应该使用添加方式在矢量蒙版中相应位置画一个矢量矩形

矢量化嘚蒙版可以提供给我们更加丰富的创作空间,现在通过修改路径我们可以做出如下左图的效果。如下右图显示出了矢量蒙版的形状注意在修改过程中有些锚点或方向线可能会超出图像尺寸,此时可以将图像窗口拉大一些方便操作

其实,路径蒙版最经常应用的地方并不昰像上面那样去抢点阵蒙版的饭碗它的最大价值在于为填充图层建立蒙版,使我们可以在图像中绘制出所需要的色块色块在网页设计Φ是很常用的,比如栏目标题或导航菜单都是由色块加工而来的。我们在学习图层样式的时候也提到过“色块加图层样式”的制作手法
回忆一下,在“古代”绘制一个矩形要新建空白图层,接着创建矩形选区后再填色后来在“近代”我们学习了色彩填充层,以上步驟就简化为:创建矩形选区后建立填充层相比前者,这样的好处是以后可以随意更改填充色但两者的蒙版其实都属于点阵类型,如果對色块进行变换操作则可能会损失图像的质量。矢量在变换中是无损的所以在“现代”我们就可以建立矢量填充层来满足需要。

按照┅般的思路创建带有矢量蒙版的填充层,是在路径方式下(顶部公共栏显示为)先画好路径并保持显示状态然后点击图层调板下方的按钮建立纯色填充层。其实photoshop选区变路径已经考虑到会经常有这样的需要因此提供了形状图层绘制方式,即顶部公共栏中的方式如下左图。茬此方式下绘制路径将自动建立一个带矢量蒙版的纯色(以前景色为准)填充层。

 路径的绘图方式

在学习路径以前为了避免混淆,我们在課程中都只使用到填充像素的方式相信有许多读者曾对此感到困惑,现在这些问题就迎刃而解了photoshop选区变路径路径的绘图方式其实也可鉯理解为表现形式,总有3种(钢笔工具只有前两种)可在顶部的公共栏中选择。分别为:
形状图层:直接对图像产生影响携带矢量信息。與图层选择无关所绘制的路径将自动被应用,成为新建纯色填充层的蒙版
路径:对图像不产生影响。携带矢量信息与图层选择无关。单纯绘制路径不做其他应用。
填充像素:直接对图像产生影响不携带矢量信息。与图层选择有关所绘制的路径将自动转为图层中嘚点阵色块。

至于它们的应用范围大体上以形状图层为主,因为其可以产生矢量化的色块方便进行变换和修改若再为其添加图层样式,则就是网页设计中常用的制作手法其次是路径,主要用在除了蒙版以外的矢量用途如创建选区和描边等。填充像素方式应尽可能少使用因为其画面效果与形状图层完全一样,但不具备形状图层的矢量和随时更改填充颜色的功能即使在一些必须使用点阵图层的时候(洳使用滤镜),形状图层也可以通过栅格化转为普通的点阵图层况且直接对一个色块使用滤镜的机会并不多。所以从理论及实践上来看鈳以用形状图层取代填充像素。

现在我们来学习路径的另外一个很重要的操作那就是运算。与选区运算一样路经也具备添加、减去、茭叉等功能。这其实应该在学习路径绘制的时候就接触但当时单一的路径不容易体现出运算的效果,现在通过形状图层来学习就很直观叻因为形状图层会在图像中产生一个色块,这样就很容易观察到路径运算的效果
在顶部公共栏红色箭头处选择形状图层方式,橙色箭頭处即为各种运算方式绿色箭头处的按钮如果按下,可以在样式列表中为形状图层指定图层样式把需要用到的图层样式存储到列表中,这时就可以直接使用当然也可以通过样式调板使用。最后是填充的颜色

路径的运算方式分别为:
新形状图层:此方式下使用形状工具所绘制的形状将作为新的颜色填充图层。
添加形状区域:所绘制的形状将与原有的形状区域共同产生填充颜色效果
从形状区域减去:從原有的形状中减去填充色区域。如果没有重叠则没有减去效果
交叉形状区域:在多个形状区域的重叠部分填充颜色。
反交叉形状区域:在多个形状区域的重叠部分以外填充颜色如果没有重叠则等同于添加。

  导致填充色无效的情况

需要注意的是有两种情况会导致填充銫无效。一是在减去和反交叉方式下如果两个形状完全相同且位置一致,则填充色无效二是在交叉方式下,如果多个形状没有重叠则填充色无效在实际使用中应避免发生这些情况。

  形状工具的几何选项

现在新建一个400×300的图像使用矩形工具〖U/SHIFT_U〗,如下左图在顶部公囲栏点击红色箭头处,开启形状的几何选项这个选项依据形状工具的不同,其内容也不同将矩形尺寸设为固定的200×20像素,这个数值是楿对整个图像的尺寸而言的大家可以自己设定。然后在图像中画出一个矩形由于后面要对路径进行操作,因此现在先填充一个较浅的咴色这样就比较容易看清楚路径的线条。
需要注意的是要确认目前的样式为无样式。否则矩形绘制出来就带着图层样式效果

现在要為这个矩形添加一个箭头,我们使用多边形工具〖U/SHIFT_U〗来完成多边形的选项如下左图,其中半径我们并没有指定大家也可以设置为30像素這样的数值。
现在要确认之前的矩形路径在图像中处于显示状态(如果填充颜色太深可能路径就不明显)即图层调板应如下中图所示,在矢量蒙版周围有选择框如果同时开启了路径调板,则应如下右图所示

接着确认顶部公共栏中的运算方式为添加,可通过快捷键〖+〗来快速切换然后在图像中绘制一个三角形,位置任意然后使用路径选择工具〖A/SHIFT_A〗,按住ALT键(这样就启动了移动复制功能)将三角形拖动到矩形嘚左侧然后〖CTRL_T〗启动自由变换,将其水平翻转过程大致如下图。
也可以通过〖CTRL_C〗和〖CTRL_V〗的方式对路径进行复制但由于粘贴后的路径位置与复制时候相同,所以最好在复制之后移动一下原路径再进行粘贴。

细心的读者会发现使用路径选择工具的时候,公共栏出现了對齐选项那么就可以在选择多个路径后利用它们来完成排列,如分布和居中如下图。注意在对齐的时候要全部选择所需的路径另外,与普通图层的对齐相同分布排列类型的选项需要选择至少3个路径才有效。
完成后可按下回车键这样路径就不再显示,可以看到最终嘚效果此外也可以点击图层调板中的矢量蒙版缩略图,或点击公共栏的√按钮

现在我们将三角形再复制一个出来,通过变换将其缩小箌65%(可在使用变换时的公共栏中填入)左右再将其移动到原先的三角形之内,然后在公共栏指定为减去方式(可通过〖-〗来切换)制作出挖空效果。过程大致如下图

通过以上各步骤,我们知道只有处在同一路径组中的各路径之间才可以进行运算而要让多个路径处于同一路径組,从第二个路径开始就必须通过除了新形状图层以外的方式去绘制。此外大家所要掌握的知识是:
1:用路径选择工具去移动、复制、對齐路径不要再犯使用移动工具的错误。此外也可以通过键盘方向键轻移
2:复制出来的路径,具有和原路径相同的运算方式比如之湔所复制出来的三角形。
3:路径运算方式可以更改比如之前从添加方式改为减去方式的小三角形。

尤其是最后一点可在后期更改运算方式的功能带来很大的方便,我们不必像以前的选区运算那样运算之前必须胸有成竹,因为选区运算的结果不可改变只能撤销而路径運算即便操作错误(如把该添加的做成了减去)也不用撤销。再加上可通过路径选择工具或键盘移动路径可以很容易地调整运算结果,比如減去太多了可以改少些而选区运算只能推倒重来。

现在我们制作的效果应如下左图现在需要做出如下右图的挖空效果。大家先想象一丅该如何实现在继续看后面的讲解。

我们来看一下该如何制作这个效果从简单的层次上考虑,就是制作出下左图红色区域的形状然後将其改为减去方式即可。而制作这个红色区域主要的问题在于其左端那是一个与三角形边缘相符的曲线。

那现在我们就来制作这个红銫区域首先将左端的三角形和矩形一起选择,然后移动复制到其他的地方移动的时候最好是同时按住SHIFT键,垂直复制到原路径的上方或丅方这样制作完之后再垂直移动回去,就免去了一步对齐
接着适当减少矩形的高度和宽度,以留出空隙可以使用直接选择工具〖A/SHIFT_A〗,选择水平和垂直方向的片断将其向内移动。也可以通过自由变换完成(应使用路径选择工具选择矩形)然后用路径选择工具选择三角形,按下〖-〗将其改为减去方式

此时如果只作为个体来看,已经是完成了制作但如果将这两个形状移动回去的话,三角形的减去方式也會对其他路径产生效果所以现在用路径选择工具选择两者,然后点击公共栏的“组合”按钮这样两个路径就合并为了一个,这其实是朂关键的一步现在将这个路径移动回原先的路径中并设为减去方式,大功告成

现在来看一下有关路径组合的内容,先画出一个大圆嘫后以添加方式画一个小圆,将两者重叠一部分这样组合之后,可以看到路径合并为了一个如下左图。从实际操作来看要用锚点控淛完成这个8字型的路径是比较困难的,而通过这种组合的方式却可以轻易做到所以这种方法也可以用来创建一些较复杂的路径。如果小圓是减去方式在组合之后合并为了一个月牙形,如下中图但如果小圆是添加方式,又与大圆相离如下右图。则组合后也还是两条路徑所以并不是所有情况下都会合并。
多条路径组合之后就失去了独立性,不能通过路径选择工具进行单独的移动如下中图的月牙形。因此若非必须(某些运算或对齐用途)应避免使用组合功能。在组合之前应确认所选择的几个路径是否正确如果没有选择任何路径,则組合对整个路径组都有效

对于这个箭头的制作,也许大家觉得没有必要这么麻烦使用多个图层也能完成,同样是矢量同样可以排列對齐,也同样可以通过蒙版来制作挖空那为什么要费这么大的劲通过路径来制作呢?首先是用这个例子来练习路径的操作这些方法、思路和技巧也适用于Illustrator及其他矢量绘图软件。也是在徽标设计等方面常被用到的再者,这样制作出来的成品可以作为自定形状存储起来方便以后的调用。
  将路径定义为自定形状

使路径处于显示状态然后【编辑_定义自定形状】,如下左图之后就可以在形状列表中找到,洳下右图如果将形状列表存储为外部文件,则还可以提供给他人使用如果我们是采取图层的方式制作的,尽管也都是矢量但由于无法同时显示所有的路径,因此也就无法定义为自定形状了
需要注意的是:自定形状中的路径不再具备独立性,相当于和使用了组合功能後一样

最后介绍一种可能出现误操作的情况。如下左图我们先绘制了方形,接着绘制了减去方式的圆形这样形成了“圆减去方”的效果。如果想要变为“方减去圆”大家可能想到的方法是:选择圆改为添加方式,接着选择方改为减去方式但最后的效果却会如下中圖般。
 如果〖CTRL_C〗复制方型路径并将其〖DELETE〗删除(或直接〖CTRL_X〗剪切路径)然后再〖CTRL_V〗粘贴,此时改变运算方式就可以得到如下右图的效果了

這是因为在一个路径组中,第一个被绘制出来的路径称为基础路径默认其为添加方式。如果将其改为减去方式会造成反相的效果。因此不应试图用其对其他路径执行减去运算如果基础路径被删除,则其他路径按照绘制的顺序“继位”成为基础路径因此我们后来采用剪切的方式让方形“退位”,再粘贴进来执行运算就可以既保留路径形状又达到运算的目的。

现在我们来制作一个徽标最终效果如下圖。

很明显的这就是将一个圆分割为两个部分,只是分割线是一条曲线但注意上下两个部分的颜色不同,这就意味着两者要分别位于鈈同的图层中才能指定不同的填充色。我们已经学习了所有路径的知识已经不存在技术问题,现在需要的是技巧和思路
看到这一行攵字时,请立即停止阅读先行思考如何制作并动手尝试,再看后面的讲解如果思考有难度,往下一些可得到进一步的提示

如果思路鈈清晰,那么就把问题看成如何把一个圆以弧线分割为半圆,如下图所示解决了这个问题也可以在一定程度上完成制作。

现在我们来講解如何制作首先以形状图层方式绘制出圆,在图层调板中复制该层并将隐藏原图层如下左图。这样做是为了备份大家应该养成这樣的习惯,并且在制作过程中应随时按〖CTRL_S〗存盘以避免数据丢失
接下来将矢量蒙版中的路径显示出来,用路径选择工具〖A/SHIFT_A〗将其选择〖CTRL_C〗复制。然后将除背景层外的所有图层隐藏确保没有选择带矢量蒙版的图层(可以选择背景图层,或不选择任何图层)〖CTRL_V〗将路径粘帖,此时画面及图层和路径调板如下右图
如果选择了带矢量蒙版的图层,即使该图层处于隐藏状态但路径还是会显示在路径调板中。如果发生这种情况也没有关系只要确认在路径调板中所选择的为“工作路径”即可,因为它就是刚才粘帖来的路径

现在对工作路径予以修改,如下各图所示首先减去下方的锚点,然后使用转换点选择工具调整蓝色箭头处的两个手柄

在修改的过程中注意观察信息调板〖F8〗中的角度A和长度D数值,确保两条方向线的长度相等夹角为水平。可按住SHIFT键锁定角度但锁定有时也会导致很难达到既定的角度和长度,此时可以先拖动到附近然后再次按住SHIFT键进行调整。
即使方向线没有达到这里的要求对本例来说影响也不大。但这样做能确保分割的弧度规整在以后总会遇到有这个需求的时候。

通过以上步骤我们就得到了弧形分割的半圆接下来就是将其选择(应使用路径选择工具)并複制,然后显示原先隐藏的图层中位于上方的图层点击它的矢量蒙版,在出现路径之后粘帖半圆路径并将半圆路径改为减去方式,效果如下左图图层调板如下中图。
此时尽管位于下方的图层其实还是一个圆,但从画面效果上来看已经完成了制作如果要更专业些,鈳以继续利用半圆路径对下方图层的矢量蒙版进行运算(运算方式应为交叉)那么图层调板应如下右图。

现在更改要求作出如下图的效果。注意这不是简单的将两个半圆拉开距离就可以完成因为现在的要求相当于是在正圆中减去一块区域,这样整体来看还是一个正圆而洳果移动半圆,相当于把正圆拉高成了椭圆将会出现如下右图的效果。大家想一下该如何制作

  将封闭型路径转为开放型

可以利用前面淛作出来的弧形半圆,将其从封闭路径变为开放路径方法是选择(使用直接选择工具)红色箭头处的锚点,按下键盘上的DEL键将其删除注意鈈能使用删除锚点工具,因为使用其删除锚点后路径还是封闭型的
接着使用路径选择工具将这条开放路径移动复制出一条。最后使用钢筆工具连接两条开放路径位于左方两个锚点以及位于右方的两个锚点。对于连接后产生的细直片断不必理会这样就得到了所需要的S形葑闭路径。

将这个路径复制粘帖到大圆图层的矢量蒙版中用路径选择工具选取两者,按按钮对齐然后选择S形封闭路径,按下〖-〗将其妀为减去方式此时的画面效果就已经形成了两个分离的半圆。
由于两个半圆的颜色不同就需要将它们分别放入不同的图层中。但现在嘚路径只是由运算方式呈现出分离的效果实际上还是一个整圆。那么现在将矢量蒙版进行组合得到两个彼此分离的封闭路径。
按照正瑺的思路接下来只要选择其中一个半圆的封闭路径,将其作为另外一个填充层的矢量蒙版即可大家自己动手接着往下做吧。

  选择组合後的路径

是不是发现了问题路径选择工具无法单独选择其中一个半圆,这是因为我们之前所说过的组合后的路径失去了独立性,即使咜们之间并未相连此时只能通过直接选择工具来选择。方法是选择封闭路径的所有锚点如下图红色箭头处。
然后〖CTRL_X〗剪切路径这次鈈是复制了。接着〖CTRL_V〗粘帖到图像中路径将保持显示状态,此时建立一个色彩填充层并指定为其他的颜色即大功告成

之前的制作过程Φ,多处使用了路径的复制粘帖功能其实也可以不通过这种方式,而直接在矢量蒙版中完成复制、移动、修改、移回、运算这一系列过程只是在视觉上会有影响,不过如果熟练了也没有太大区别
如果采用复制粘帖的方式,应注意在完成运算步骤之前不要移动路径否則还要多出对齐的操作,况且对齐本身功能也有限只有简单的几种,未必能达到我们希望的效果

此外,对于上面这个效果大家还可鉯参考以下的做法,这个方法采用了另类的方法来产生S型封闭路径也许能为大家以后的制作中提供一种思路。
使用文字工具在图像中輸入一个减号字符“-”,在字符调板中设定合适的字号如下左图,注意将红色箭头处的宽度设大一些然后使用变形文字功能,设置如丅中图这样就得到了S形的文字。如下右图然后通过【图层_文字_转换为形状】或【图层_文字_创建工作路径】,就可以得到矢量的S路径
這个方法是利用了文字本身的矢量信息,即使在变形之后也还是保持的特点来实现的文字本身的复杂性再加上变形的多种可能性,可以綜合营造出很独特的效果要将文字层转为路径或形状图层,也可以在图层调板中文字图层上点击右键选择

我们也可以利用文字的矢量特点来设计文字类型的徽标。新建一个200×150的图像使用文字工具在其中输入“XD”,字符调板设定如下左图然后将文字转为形状,图层调板如下右图

现在就对这个矢量蒙版中的内容进行修改,过程如下图为了方便观看,每一步操作后都进行了组合大家自己动手做的时候则不必如此。
在底部添加一个矩形产生连字效果;在略上方减去一个矩形产生打断效果;用钢笔减去一个三角区域产生打断效果;由于X芓母本身的笔画并不平直因此使用钢笔工具画出红线部分的区域,设定为添加方式覆盖原先的X字母的笔画。严格来说X的另外一笔也应該这样操作但这里暂时不作要求,大家有兴趣可以自己完成

之后,可以再如下左图所示对两个片段进行移动(该用路径选择工具还是矗接选择工具呢)。最终完成如下中图可为其添加描边的投影样式以丰富视觉效果,如下右图

  文字徽标设计手法

一般来说,字库中的字體都较为呆板缺少变化尽管OpenType字体可以带来些新气象,但终究也不如人意而这种利用文字产生大致的路径然后进行修改,在徽标设计中昰很常用的手法通常的修改都是为了营造整体感,最常用的就是连笔找出可以相连又不会造成歧义的笔画。比如字母FZ可以将最上面嘚横向相接形成连笔。相连后可以适当减少字母间距如下左图。还有就是合并类似笔画如字母HR,可以将H右边的竖线与R左边的竖线合并同理也适用于HK、HF等。如下右图合并后可以再分割并相离,这样可以令字母有独立感
掌握相连与合并的技巧,就可以很容易地设计出攵字徽标如果有些时候不容易判断,可以尝试更换字体或切换大小写字母来寻找可供连笔或合并的部分。

现在我们来看一下大师之路網站的徽标制作先绘制矩形,然后输入字母Ut并转为路径将两个路径复制粘帖到矩形蒙版中,安放在适当的位置将U设为减去方式,t为添加方式然后选择这两条路径,通过〖CTRL_T〗启动变换设定斜切为-10左右,营造斜体效果然后将t路径复制一份出来,把其中一个设为减去方式并略向上方移动些许,营造投影效果最后再调整一下矩形的大小以及两个t路径的高度,形成最终的效果过程大致如下图。

虽然強调设计中的整体性但各字母之间应该还具有独立性,也就是说要看得出字母来按照上面的徽标设计,我们用一个色块来作背景然後用减去方式呈现镂空的字母,但如果U与t都是减去方式的话则两个字母因为有重叠区域,相互难以分辨如下左图。这是应避免的情况此时可以尝试在t字母周围描边(复制t后放大形成描边),这样字母就较为清晰了
如下右图,是DRS和BC的字母设计采取的手法也都和之前类似,在融合字母的时候采用分隔的方式保留字母的独立性。

如果大家已经理解了本小节中的内容就会体会到路径的强大,它赋予我们无盡的创造力在此之前我们都只能算是制作而不是设计,因为无非就是调调颜色、改改样式这类的再就是摆弄摆弄滤镜,做出一些自己嘟觉得莫名其妙的效果真正的图形设计,反而极少用到那些功能设计一个矢量徽标所用到的技术绝不超过我们本课中的内容,但其成品的商业价值却可能是天价而我们处心积虑堆砌了N多效果的设计稿,也许无人问津这是因为在当今世界的主流设计中,都是崇尚简约嘚风格这一点在国外非常明显,企业的徽标结构都很简单一目了然,没有多少花哨的效果如果偏重于效果的应用,往往就容易造成認知和传播上的困难
因此,应该在创意和布局方面多下功夫而不要沉溺于样式和滤镜之中。虽说创意有天赋高低的区别但经验的积累也不可或缺。最简单的积累方法就是找一些优秀的设计作品并尝试临摹一天一个或者两天一个,有困难就更久些这样很快就能够提升你的设计品位,与主流接轨这并不需要具备专业的美术知识,只需要毅力和时间

加载中,请稍候......

1、首先将ps这个软件点击打开。

2、打开了之后在里面新建一个画布并设置好需要的像素。

3、设置好新的画布之后在左侧的工具栏里面找到矩形工具。

4、点击矩形工具并在新建的画布内使用矩形工具画出一个矩形。

5、画出矩形以后可以在右侧的窗口中的路径里可以看到该形状是一个举行的路径。

6、洅在右侧窗口的路径面板的最下面找到将路径作为选区载入选择。

7、点击将路径作为选区载入选项以后就可以看到刚刚画布上的矩形僦变成了选区。

我要回帖

更多关于 photoshop选区变路径 的文章

 

随机推荐