Photoshop路径完全指南（上）：从零掌握路径绘制与曲线技巧

作者：本站来源：本站

2026-01-25 19:44 1275阅读

编者按：不少使用者会问，PS是否支持矢量操作？答案是肯定的，通过路径或图形工具即可实现。这篇关于PS路径的教程内容极为详尽，值得整理分享以帮助大家更好地学习PS和路径功能（此处应有掌声）。由于全文超过20000字，因此分成上下两篇发布，下篇敬请期待后续更新。另外，茂趣创意此前还发布过《史上最全的PS蒙板教程》，可通过文末阅读原文获取。文末还有特别惊喜哦！

温馨提示：建议及时分享和收藏。根据微信最新搜索规则，朋友圈内容为首要显示内容，而收藏夹会增加微信容量占用内存。

在开始本章节前，最好先暂时放下之前所学，以全新心态来学习。此前我们所学的所有对图像产生实质性效果（如创建选区不算实质性）的操作，可分为两类。

一是绘制，主要借助画笔工具完成，包括通常意义上的生成新图像，以及用画笔修改图层蒙版等操作。此外，文字工具的使用也可视为一种绘制。
二是调整，例如最常用的色彩调整，将红色变为绿色等。另外针对图层的操作，如更改不透明度、设定图层样式，以及调整图像大小（改变像素数量）等，都可归为调整。

掌握以上知识后，我们已经具备了绝大部分基础技能，即使现在停止学习也能胜任实际工作，可以说已经“出师”了，在此先恭喜大家。传说老虎的本领都是猫教的，但猫留了一手——没教爬树，这恰好救了猫的命。我们不是猫和老虎，我也不打算留一手。

路径是之前提到的三大基础概念（选区、图层、路径）中的最后一个，也是Photoshop“任督二脉”中的督脉，其重要性不言而喻。尽管如此，路径在画面效果表现上并无独特之处，它主要用于建立封闭区域，然后在该区域内进行填充或色彩调整等操作，或作为图层蒙版。而这些工作似乎完全可以用选区完成，事实上我们一直这样操作，也并未觉得有什么效果做不出来，再复杂的选区也可通过不断修补完成。

尽管路径在画面效果上并非不可替代（例如可用选区替代），但其矢量、灵活的特点独一无二。矢量的意义无需赘述。所谓灵活，一方面体现在创建上，另一方面体现在修改上。

来看一个例子：要制作类似下左图的形状，可以先创建一个矩形选区，然后减去一个椭圆选区得到所需形状（如下中图），再利用该选区建立色彩填充图层，图层调板如下右图。

如果改用路径建立蒙版，图像效果并无不同，只是图层调板中蒙版的样子略有差异（如下左图和下中图）。不过路径可以很方便地修改，如下右图，将红色箭头处的路径点向上移动少量，即可变为一个新蒙版形状。

而使用选区建立的蒙版，需要先删除原蒙版，再建立新选区并将其作为图层蒙版。

或许有人会想，可以通过修改原有蒙版来实现。但若需改为以下这些形状，选区的修改工作将非常繁琐。而路径只需在上图基础上拖动鼠标几下即可完成。

因此，使用路径的意义不在于让画面效果更出色，而是让创建和修改过程更简单便捷。在Photoshop中，路径有多种使用方式，最常用且最有价值的是将其作为图层蒙版，这也叫矢量蒙版。与通过选区建立的点阵蒙版相比，它具有缩放不失真、修改方便等优点，但同时也存在一个明显缺点，正因如此，它才未能完全取代点阵蒙版。

锚点1路径的概念

首先记住路径是矢量的。图像中凡矢量的内容，均由路径组成。
其次，路径可以是与选区类似的封闭区域，也可以是一条首尾不相连的线段，分别称为封闭路径和开放路径。线段可以是直线或曲线，或两者兼有。
路径在Photoshop中是指示性的，本身不直接构成图像的一部分，只有作为图层蒙版或进行填色、画笔描边后，才会影响图像像素。这一点与选区类似，单纯创建或修改选区也不会直接改变图像。
最后，Photoshop中只有特定工具能操作路径，分别是：钢笔工具
、自由钢笔工具
、添加锚点工具
、删除锚点工具
、转换点工具
。这5种工具用于绘制及修改路径。此外还有路径选择工具
和直接选择工具
，两者均用于选取路径，但功能上有所区别。

回想我们学习选区工具时，曾介绍过多边形套索工具

，它通过在不同位置单击，连接各点来创建选区。创建简单路径也是采用类似方法。

2 用钢笔工具的注意事项

选择钢笔工具

〖P/SHIFT_P〗。在公共栏将绘图方式改为“路径”

（如下左图红色箭头处）。这一步至关重要，若选择错误将产生色彩填充效果。我们目前仅需了解路径，色彩填充是路径的一种应用方式，将在后续学习。另外，若开启“橡皮带”选项会影响学习，可点击下左图绿色箭头处确保其未开启。

为获得更直观的鼠标光标提示，建议在首选项中的显示与光标〖CTRL_K，CTRL_3〗项目中，将其他光标设为“标准”，如下右图。

3 绘制直线路径

新建一个400×300（可自行设定其他大小）的图像，将鼠标移入图像内，光标应显示为

。然后依次在图像中4个不同位置单击，便会看到这4点之间形成一条路径，如下图所示。细心的读者可能注意到，点击第一个点后，鼠标光标从

变为

。前者表示即将绘制新路径，后者表示正在绘制中。记住这些光标变化很有用，本章后面对各种光标会做总结。

现在看图像中的显示：四个单击点都有方块，有的空心（如1、2、3处），有的实心（如4处）。这些点称为锚点。每两个锚点间的线段称为片断。例如，锚点1与锚点2之间的片断命名为片断12，以此类推有片断23和片断34。

锚点的英文名为anchor，片断的英文名为segment，请记住这两个单词，因为在许多矢量绘图软件（如CorelDraw）和三维制作软件（如3DS MAX）中都会出现。一些较新版本的软件往往先发布英文版本，中文版本会滞后，因此记忆常用软件词汇很有必要。

刚才绘制路径的过程，实际上并非直接画出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 有关路径锚点方向线的理解

这些射线称为方向线，它们决定曲线的形态。现在大家可能一头雾水，其实很容易理解。假设城市中有A、B两地，道路分布如下左图。有人从A到B，不走最短直线：

若A地人看到他是面向南方出发，B地人看到他是面向北方进入，则路线如下第2图。
若A地人看到他是面向北方出发，B地人看到他是面向南方进入，则路线如下第3图。
若A地人看到他是面向南方出发，B地人看到他也是面向南方进入，则路线如下第4图。还有第4种（面向北方出发也面向北方进入），此处不再图示。

12 选择路径并隐藏锚点

现在使用路径选择工具

或直接选择工具

在路径之外点击，就会看到路径上的所有锚点被隐藏，如下左图。前提是路径调板中工作路径仍处于被选择状态。

13 选择路径片断并显示锚点和方向线

使用直接选择工具

〖A/SHIFT_A〗在锚点12之间的片断上点击，会看到两条射线，如下右图。

现在可将上右图中的锚点1和锚点2理解为A、B两地，锚点1“面向右上”出发，进入锚点2时“面向右下”，综合判断，片断12应是盖形（上弧），如下左图。用直接选择工具点击片断23，也可看到从锚点2出发和到达锚点3的两条方向线，同样判断，片断23应是碗形（下弧），如下右图。

14 路径锚点方向线的来向与去向

现在可以理解：对一个锚点而言，有“来向”与“去向”两条方向线。“去向”影响该锚点与下一个锚点之间片断的弯曲度，“来向”影响它与前一个锚点之间片断的弯曲度。

既然锚点决定片断，片断也可以反证锚点。若将曲线片断视为圆弧，按几何理论，方向线应位于圆弧在某一点上的切线，该点即锚点。

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

现在尝试更改锚点2的“去向”方向线。先用直接选择工具

选择片断23，再切换到转换点工具

，在方向线末端的圆点上按住并往左拖动些许，片断23的弯曲度发生了变化，效果如下左图。这实质上是修改了方向线的角度，造成片断弯曲度变化。

也可以不改变角度，在现有角度方向上拖动，伸长或缩短方向线，同样造成片断弯曲度变化，如下右图。

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

对于修改方向线长度的影响，可以这样理解：锚点间的片断是一根有弹性的橡皮筋，方向线长好比往某个方向拉动的力量大，橡皮筋就会多弯曲一些。方向线短则拉力小，橡皮筋少弯曲。

将方向线看作X轴，曲线相离程度为Y轴，两者对比应如下图所示。同样大的两个矩形区域右端（X轴方向上经过同样距离），曲线在Y轴上的高度有明显不同。方向线较长，曲线贴近方向线的距离也越远。

方向线极其重要，是路径的灵魂。本小节安排的内容不多，给大家足够时间消化，请务必透彻理解。现在总结当前所学知识。

首先，从路径形态上可将锚点分为直线型和曲线型两种。那么：

直线型锚点没有独立的方向线，或者说其方向线与路径走向一致。通常提到方向线，提及方向线就是指曲线锚点。

曲线型锚点有两条方向线，它们控制曲线的弯曲程度，改变角度和长度会影响弯曲度。这两条方向线一条控制“来向”曲线形态，另一条控制“去向”曲线形态。

曲线形态

直线型路径意义不大，路径的一大优势是能方便创建曲线。创建直线型锚点只需在不同位置单击，而创建曲线路径需在需要的地方按下鼠标并拖动，这拖动就是在建立锚点的曲线方向线。也就是说，拖动的程度将直接影响曲线的弯曲度。

虽然知道了这些知识，也知道了如何绘制曲线路径（按住拖动），但似乎还有些不知所措：该如何控制曲线的样子？如何确定锚点的位置？如果想用路径画一个心形或五星，该如何着手？先别急，还有知识要学。

现在我们来动手做一下：新建一个合适尺寸的白底图像，选择钢笔工具

〖P/SHIFT_P〗，公共栏中设定为路径方式

。接着鼠标移动到图像中，光标应为

（表示将建立新路径），然后在起点按下鼠标并向下拖动一段距离后松手，在第二个地方执行相同操作，形成一条曲线路径。然后结束路径绘制。

17 结束路径绘制

要结束路径绘制，可切换到其他路径工具，如路径选择工具〖A〗、形状工具〖U〗。最常用且方便的是按住CTRL在路径外点一下（这临时切换到了直接选择工具

）。在Illustrator中也可用此法。另外，若将鼠标移动到起点锚点上，光标变为

（前提是已有至少两个锚点），此时单击会建立封闭区域，绘制也随之结束。

以上通过两个锚点建立曲线的操作（第一个点按下并拖动、第二个点按下并拖动、按住CTRL在路径外单击结束绘制），可以多做几次，每次尝试不同长度和方向，就能看到不同曲线形态。但无论如何变化，不外乎几种形态。

18 C形曲线形态

例如下图中这几种，很像英文字母C，所以称为C形曲线。若为每个曲线标上横竖坐标，这些曲线的两条方向线指向都处在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's go!

首先在1号曲线的左端起点（起点并不一定在左边，只是习惯从左往右），按下鼠标并拖动方向线，这个方向线的角度应如下左图中的黑色线条；两条红色线条是错误的角度，上面一条相离圆弧太远，下面一条与圆弧相割。虽都是错误，但情节有轻重。上面一条红线还不至造成太大误差，可通过下一锚点的方向线补偿；下面红线造成的误差则很难弥补。因此，如果要错，宁相离勿相割。当然画出正确方向线才是努力方向。

大家已知，按下并拖动后会出现两条长度相同、成180度夹角的方向线，跟随鼠标（光标为