分享

【ps教程】ps钢笔路径工具使用教程大全

 玫 瑰 夫 人 2011-05-12
PS作图中,钢笔工具是经常要用到的,但我一直没学会。下面这个教程是我在龙文那里转来的,很直观,学习一下再琢磨琢磨应该能学会。谢谢龙文!

首先来简要介绍一下钢笔工具和路径的概念钢笔工具属于矢量绘图工具,其优点是可以勾画平滑的曲线,在缩放或者变形之后仍能保持平滑效果,钢笔工具画出来的矢量图形称为路径,路径是矢量的路径允许是不封闭的开放状,如果把起点与终点重合绘制就可以得到封闭的路径

现在我们来绘制一个简单的路径,如下图在工具栏选择钢笔工具(快捷键P)

并保持钢笔工具的选项如图所示(在工具栏上方):选择第二种绘图方式(单纯路径),并取消橡皮带功能

然后用钢笔在画面中单击,会看到在击打的点之间有线段相连,保持按住Shift键可以让所绘制的点与上一个点保持45度整数倍夹角(比如零度、90度)这样可以绘制水平或者是垂直的线段(图中从第5个点开始按下了Shift键)

从上面的简单练习中我们得出两个规律:我们并没有直接绘制线段,而是定义了各个点的位置,软件则在点间连线成型
控制线段形态(方向、距离)的,并不是线段本身,而是线段中的各个点的位置,记住两个术语:那些点称为“锚点”(anchor)
锚点间的线段称为“片断”(segment) 刚才我们绘制的那些锚点,由于它们之间的线段都是直线,所以又称为直线型锚点。

现在我们来绘制曲线形锚点

我们看到,在绘制出第二个及之后的锚点并拖动方向线时,曲线的形态也随之改变究竟曲线是怎样生成的,我们又该如何来控制曲线的形态呢?
除了具有直线的方向和距离外,曲线多了一个弯曲度的形态,方向和距离只要改变锚点位置就可以做到,但是弯曲度该如何控制?如图在工具栏选择“直接选择工具”,注意是下方那个空心的箭头

假设我们刚才绘制的4个锚点分别是ABCD,用“直接选择工具”去点取位于AB之间的片断,会看到刚才我们绘制AB锚点时候定义的方向线

然后如下图所示般改变AB锚点上的方向线,将会看到曲线弯曲度的改变,注意方向线末端有一个小圆点,这个圆点称为“手柄”,要点击手柄位置才可以改变方向线,结合刚才所作的比喻,就不难理解了:修改B锚点方向线为下,相当于指定那个人从A点上方出发后,从B点下方进入,那么所走的路程就是一个S形 ,再修改A锚点方向线为下,相当于从A点下方出发,再从B点下方进入,所走的就是一个下弧形的路程
修改后的方向线如下图:

明白了方向线的方向对曲线形态的影响后,我们来看一下方向线长短造成的影响
如下图般,在同一方向上拖拉方向线:(可使用“直接选择工具”)

对于一个锚点而言,如果方向线越长,那么曲线在这个方向上走的路程就越长,反之就越短,可以这样设想,曲线是一个橡皮筋,在头尾两端有两个力在各自的方向上拉,哪个方向上力气大,则橡皮筋就朝向这个方向多靠拢一些。反而反之 除了修改锚点之外,也可以利用“直接选择工具”,在片断上修改曲线的形态
如下图:

注意:这并不能说是“修改了片断”,而应该说是“同时修改了两个锚点”
牢记原则:片断是由锚点组成的,只有修改锚点才能改变片断形态,这是不可逆的因果关系
做一下小结:
对于这条曲线上的除了起点和终点的BC两个锚点而言,都存在两条方向线:
一条是从上一个锚点“来向”的方向线;另一条是通往下一个锚点的“去向”的方向线
对于起点,只存在“去向”的方向线;对于终点,只存在“来向”的方向线下面让我们做个小练习,如图

现在要求在两个红点之间绘制一条紧贴鼠标外廓的曲线很可能你们绘制出来的是如下图这个样子的

再看下图:

同样的曲线效果,这里只用了两个锚点来绘制移动两个红点的位置再行绘制,很可能你们绘制的效果是这样

而实际上呢,也只需要用两个锚点就可以绘制这条曲线了,如下图

记住一个原则:绘制曲线的锚点数量越少越好,因为如果锚点数量增加,不仅会增加绘制的步骤,同时也不利于后期的修改,题外话,这个是个人心得“扣图的时候用钢笔工具扣出来的最平滑,索套俺这里已经下岗了,嘿嘿”
到这里,大家一定会产生两个问题:两个锚点似乎可以包揽全部曲线形态了?
这个观点显然是错误的,例如我们前面首个实例所绘制的曲线,就需要两个以上的锚点那么,如何让所用的锚点数量最少?实际上这里还隐含着另外一个问题:究竟在哪里定锚点才是最佳的? 下面是我个人总结出来的规律:两个锚点之间的曲线形态分为两类:C形和S形
C形的几种形态如下图:

它们的方向线如下图:

形曲线的几种形态如

S形的方向线如下图:

下面的动画演示了在调整方向线的时候,从C形到S形之间的分界点

在了解(并且理解)C、S这两种曲线的形态以后,大家在绘制之前就可以分析出究竟需要多少个锚点,其实就是分析出,有多少个可以用一条曲线(C形或S形)来绘制的区域虽然锚点的数量可以反映出绘图人的水平和熟练度,但是对于大多数人而言,只要能够满足需要就足够了,所以在实际绘图的时候,不必过于苛求减少锚点的数目现在来实际绘制一个M形,类似麦当劳的标志,我们将介绍三种过程,请先看清楚文字说明再看动画演示
第一种方法:在完成绘制后,再修改第二个锚点的“去向”的方向线,并可以适当移动锚点位置
(绘制完后按住Ctrl键在路径之外任意位置点击,即可完成绘制)

在其中我们注意到一个现象:
新建立一个曲线锚点并拖动它的方向线的时候实际上随着鼠标移动的是“去向”这条方向线,而“来向”方向总是与之成180度水平夹角的,并且长度也相同,所以,虽然本来我们应该把第二个锚点的“去向”定为右上方,但是为了“来向”的正确,不得已先将其定在右下方,然后在完成绘制后,再单独修改其“去向” 这种方法可以形容为“丢去保来”(同理,也可以“丢来保去”)在绘制数量较多的锚点时就显得很不方便,因为总看不到正确的曲线现在我们介绍第二种绘制过程:
在建立第二个锚点并遵循“来向”定义好方向线之后,再修改“去向”方向线,使曲线可以正确地绘制下去
(绘制完后按住Ctrl键在路径之外任意位置点击,即可完成绘制)

虽然频繁地切换工具有点麻烦,但可以让曲线始终沿着指定的路线绘制(同理,也可以先遵循“去向”定好方向线,再修改“来向”)实际上,在定好第二个锚点后,不用到工具栏切换工具,将鼠标移动到方向线手柄上,按住ALT键即可暂时切换到“转换点工具”进行调整; 而按住Ctrl键将暂时切换到“直接选择工具”,可以用来移动锚点位置,松开Alt或Ctrl键即恢复钢笔工具,可继续绘制
要注意的是:
虽然“直接选择工具”也可以修改方向线,但“来向”“去向”有时候(当两者同时显示的时候)会被其一起修改
最后第三种方法,应该是大家今后在绘制中所使用的标准方法:
此法实际就是上面讲到的快捷键的另一种操作方式,也是在不切换工具的条件下,使用快捷键来完成方向线的修改做到不间断地绘制整条曲线
(绘制完后按住Ctrl键在路径之外任意位置点击,即可完成绘制)

在动画中大家看到一个提示“调整结束后,先松开鼠标再放开ALT键,否则将打乱来向方向线”如果Alt键先被松开,将会使这个锚点的“来向”和“去向”恢复到长度相等的水平夹角位置,这没有多大关系,再按下ALt键即可再次单独调整接着我们再来尝试绘制一个心形,如下图
(绘制完后按住Ctrl键在路径之外任意位置点击,即可完成绘制)

注意:如果没有先按住Alt键就连接起点,将无法单独调整方向线,此时再按下Alt键即可单独调整
到这里,大家对路径已经有了大概的认识,下面我们补充一些绘制中的其他问题
半曲线锚点的绘制:

有时候我们需要一个锚点左边是曲线,右边是直线,就需要用这种方法来绘制,如下图:

绘制锚点后,按住Alt键单击一下锚点,那么这个锚点的“去向”就变为了直线,只有“去向”能改变为直线,如果需要“来向”为直线,则需要在上一个锚点操作即使转换为半曲线锚点了,绘制下一个锚点的时候仍然是可以带有方向线的,如下图:

这样看来似乎很矛盾,为何还有曲线出现?须记住,假设半曲线锚点A的“去向”为直线,这样对于下一个锚点B而言,B的“来向”也是直线
但是如果锚点B的“去向”为曲线的话,还是会导致AB之间的片断呈曲线形,不过这条曲线永远只能是C形曲线,因为它缺少另外一条方向线的控制
可以用一条形状相类似的正常曲线锚点来比较一下

下图演示了从“半曲线”转换为“正常曲线”锚点的步骤

下图演示了从“正常曲线”转换为“半曲线”锚点的步骤

除了转换锚点类型外,还可以在已有的路径上增加或减少锚点的数量如下图:

可以看到,在选择了路径的情况下,停留在路径上方的钢笔工具可以自动判断增加或是减少锚点
如果停在片断上方,为增加锚点;如果停在已有锚点上方,则为减去该锚点
注意:增加或是减少锚点可能导致路径形态改变前面都是基础篇,下面稍微进阶下,呵呵~
既然钢笔工具本身就附带了增加和减去的功能,那么为何在工具栏中还有单独的增加锚点和减去锚点工具呢?这是因为有时候可能需要在锚点密集区增加更多锚点,如果就用钢笔工具的话,则有可能误减已有的锚点对于一条已经绘制完毕的路径,有时候需要在其上追加锚点(也有可能是在半途意外终止绘制)首先应将路径显示出来(可从路径面板查找并点击路径)然后使用钢笔工具在末尾的锚点单击(当移动到末尾锚点的时候光标会有提示)此时即可继续绘制,见下图:

如果要将多条独立的路径连接在一起,可以如下图操作:
需要注意的是在调整方向线的时候可以按住Alt键单独调整其中一条

还有一个绘制曲线的技巧:
要绘制一条光滑的曲线,就必须保持锚点上“来向”与“去向”的夹角为180度的水平角(方向线长短无关)
注意如果更改了夹角,就有可能形成类似m的形状,现在我们已经学会了用钢笔来勾画任意的路径形状了
但很多时候并不需要完全从无到有的来绘制一条新路径,Photoshop提供了一些基本的路径形状
我们可以在这些基本路径的基础上加以修改形成需要的形状,这样不仅快速,并且效果也比完全和手工绘制的要好下图是在网页设计中经常用到的图形

先看最上方图形的绘制过程

使用第一种绘制方式(建立一个用前景色填充的矢量层),如下图

注意样式要关闭,选择一个颜色作为填充色,如下图

然后在图像中绘制一个矩形的形状,如下图

画好之后注意图层面板上新建立一个带路径的色彩填充层,单击下图所示区域可以隐藏或显示路径,双击其前方的色彩块可以更改填充色

注意:如果要修改这个层中的路径,则路径必须在显示状态,如果路径显示会影响了一些(如描边等)制作时的视觉效果,则应先隐藏路径
由于我们要修改这条路径,所以要先将路径显示,然后使用增加锚点工具增加4个锚点,再将一些锚点向上移动即可
记住:无论在直线还是曲线上增加锚点,所增加默认的都是曲线型锚点,如果需要直线型锚点,则要使用“转换点工具”点击增加出来的锚点

下图的红色区域就是使用这种方法制作出来的

同样是刚才的矩形,把步骤略加修改一下,如下图:

下图上方的红色区域就是使用这种方法制作的

现在来绘制那个中空的图形,绘制的思想就是先画一个大框,然后在中间减去一个小框
注意:在绘制完第一个大框之后,要在工具设定中改为“从形状区域减去”方式再绘制小框在选择路径进行对齐操作的时候最好使用“路径选择工具”,如果使用“直接选择工具”有时候无法选择整条路径
过程如下图:

再来绘制一个类似标签卡的图形,如下图:

上面的几种方法,都是利用了带路径的色彩填充层来制作效果,除了色彩填充以外,路径也可以用来制作调节图层(调节图层在另外教程中介绍)
制作顺序如下:
1 原图:

2 使用第二种绘制方式(单纯绘制路径)

3 在图像中绘制两个封闭路径,注意两个路径为相加方式,即在绘制第一个之后选择相加方式绘制第二个

4 在图层面板启动调节图层中的“亮度/对比度”

5 “亮度/对比度”设置如下图:

6在新建的调节图层上启动“描边”样式

7 “描边”样式设置如下图:

这样我们就完成了制作,如下图:

最后我们来制作一个较复杂的图形,如下图

该图形原来是一个完整的椭圆,被分割为了两个部分,这种效果在Illustrator中很容易实现,只需要在椭圆上绘制一条曲线,然后使用分割命令即可。在Photoshop中就较为复杂一些(所以复杂的路径最好在Illustrator中制作)绘制过程如下:首先使用椭圆形状工具,选择填充层绘图方式,绘制一个椭圆,如下图:

然后隐藏该层的路径,切换到单纯路径绘图方式绘制一个如下图的路径(可以由矩形修改而来)绘制完成后保持新画的路径在选择状态,按CTRL C复制到剪贴板:

接下来把蓝色的椭圆层复制一层,改为其他的颜色便于区别然后将前面一步复制的路径一次粘贴到两个层的路径中,并更改其与原先路径的运算关系需要注意的是:要先将层的路径显示出来,才能加以修改 最好关闭暂时不用的图层,以免视觉混乱
“组合”并非必要步骤。按“组合”按钮之后两条路径就合并为了一个,但即使不合并也不会影响视觉效果,并且还利于后期的再修改。所以建议在实际应用中,除非必要,否则应尽量不使用“组合”功能。 在大家今后的类似制作中,只需要制作黄色的部分就可以达到视觉要求的效果了,因为黄色图层层次高于蓝色部分,本身就能够产生遮挡蓝色的效果。
过程如下图:

=========================
 

Photoshop处理的是点阵图,而钢笔工具是Photoshop里面唯一矢量工具。刚接触这个工具可能会让你感到有点吃力,但是当你理解其运作原理后,你就会逐渐感受到其妙处。希望这一点技巧对你使用这个工具会有一点帮助。

  首先,用鼠标按住这个钢笔工具的按钮。你将看见另一个工具栏的弹出,它们都属于钢笔工具。现在逐一介绍它们的用法。





钢笔工具:常常用于制作一些复杂的线条,用它可以画出很精确的曲线。


磁性钢笔工具:就是象磁石一样,把边吸住。不用自己好细心慢慢描边。前提是物体的边缘要非常清晰。



自由钢笔工具:画出的线条,就像你用铅笔在纸上画一样。



添加锚点工具:可以在任何路径上增加新锚点。就是那些线上的小点。



删除锚点工具:可以在路径上删除任何锚点。



直接选择工具:可以改变线的方向,假如画错了,就用它改一改。



当你用钢笔工具时,你可以在任何时候按 Ctrl 键转换成自由钢笔工具。

转换点工具:可以将一条光滑的曲线变成直线,反之亦然。



 
 
 
现在将把先前介绍的各个钢笔工具运用到以下的例子中,你也可以用这个图形来试以下。可以先 Copy 出这个图象,然后在 Photoshop 中调出来。请用鼠标右键单击左边的图象,然后选择 “图片另存为”保存到你的硬盘中。


选择钢笔工具点击A点。


现在点击B点,确认你是按着来拖动鼠标,这样可以画出一条曲线。拉动点直到使线条沿着图像的边沿排列,但是不必做得太完美。


现在点击C点,记住拖动形成曲线时按着鼠标不要放手,使曲线尽量靠近图像的边沿。


每次画总不能画得很完美,有时候会留下空隙。要修正它,就要按下 Ctrl 键,转换到选择直接选择工具。按一下锚点,如左图所圈出的部分,移动它使路径与图象的边沿相吻合。这会帮助你理解自由钢笔工具的用法。



点击D点。拖动它使其相吻合。


现在直接点击A点使其相连。记住尽量使它接近图像的边沿。


再次用自由钢笔工具做另一个调节。按下 Ctrl 键和点击锚点。移动它使路径与图像的边沿重合。



尝试用增加锚点工具增加锚点。像左边的图片要进行修正。一旦你增加了一个锚点,按下 Ctrl 键,向图像的边沿移动锚点。



当你完成之后,你可以在路径工具窗口(Windows > show Paths)中将路径存储。


点击路径工具窗口中的按钮就可以将路径转换为选区。这时候,你喜欢填色、画线都可以随心所欲了。



================
 

30分钟让你成为PS钢笔工具大师

2009-8-7 14:06:34 文/佚名 出处:psdfan


  简介:本教程让我们怎样掌握photoshop钢笔工具操作细节,如何操作描绘出企鹅的轮廓。

  最终效果预览

 

30分钟让你成为PS钢笔工具大师

 

  步骤一

  在photoshop中打开图片重设你想要的大小。我将大小重新调整为1800px*2546px。
  我将企鹅图像的透明度降到50%这样你可以更加容易看到你创建的路径和曲线。为了做到这一点,只需要简单的复制图层

  删除原始图层,然后设置的不透明度到50%。

  步骤二

  创建一个新层命名为 ‘Body’选择钢笔工具  (钢笔工具的快捷键‘P’).

 

30分钟让你成为PS钢笔工具大师

 

  确认你已经选择了路径模式。

 

30分钟让你成为PS钢笔工具大师

 

  步骤三

  首先我们开始身体的轮廓。在头顶上左击,会出现一个小正方形,这个就叫做锚点,这是路径的开始。

 

30分钟让你成为PS钢笔工具大师

 

  为了创建更大的区域,我喜欢创造更大的线,我觉得它创造了一个光滑的曲线,而不是创造了很多锚点。但是如果你想的话,你也可以创建较小的线条和使用更多的锚点。这两种方法都试一试,看哪个最适合你。
当你创建更小和更详细的细节部位时比如说脚步,你就要创建较小的线条和曲线。

 

30分钟让你成为PS钢笔工具大师

 

 

30分钟让你成为PS钢笔工具大师
 

30分钟让你成为PS钢笔工具大师

2009-8-7 14:06:34 文/佚名 出处:psdfan


 

  步骤四

  点击并按住开始绘制胳膊

 

30分钟让你成为PS钢笔工具大师

 

  现在往下拖动鼠标你将注意到线条将会弯曲。

  拖动并释放鼠标按钮并当您的线条轮廓适合头部边缘的轮廓时。

 

30分钟让你成为PS钢笔工具大师

 

  如果线条没有你想像的那样,没问题,钢笔工具是非常宽容的。

  一种选择是, 删除你最后创建的一个锚点。要做到这一点, 按DELETE 。这将删除最后锚点。在您删除锚点后你必须记住点击最后锚点否则你将创建一个新的子路径。

 

30分钟让你成为PS钢笔工具大师

 

 

30分钟让你成为PS钢笔工具大师

 

  您也可以选择转换点工具编辑线条的角度 。当您创建了曲线你可能发现这些两行显示。这些被称为指南/方向线。他们控制曲线的角度和长度。

 

30分钟让你成为PS钢笔工具大师
 

  保持钢笔工具仍处于选中状态,按住’alt’ (这是转换点工具的快捷键)和悬停在顶端的方向线。 (您会发现,您的光标移动将不会改变,直到您悬停在两端方向线或一个锚点) 。

  现在你点击上部的并按住顶端方向线,你将能够编辑曲线 并对它进行任何微调。

  最后的编辑方法是按住‘Ctrl’键。这样能够让你移动锚点和方向和再对你的线条和曲线做一些修改。

  如果你想的话可以弄几个线条看你能够怎样操作线条。

  步骤5

  如果你不编辑的话,底部的方向将会是这样长像这个样子。

 

30分钟让你成为PS钢笔工具大师

 

  如果你继续用钢笔工具点击胳膊的外部的话,线条将不会你在你想要的地方。

  这是大的方向线以及创建一个大型曲线(基本上是一个长的方向线=长的曲线,短的方向线=短曲线! ) 。

  按住 ‘Alt’点击并拖动底部的方向线向上使线条在合理的贴近锚点跟踪胳膊的方向。

 

30分钟让你成为PS钢笔工具大师

 

 

30分钟让你成为PS钢笔工具大师

 

  现在你应该围着胳膊绘制曲线使用不同的方法编辑线条或曲线

  这就是我做的样子

 

30分钟让你成为PS钢笔工具大师



  下面的信息在步骤3至5中您应该围绕全身绘制。

  记住,保持你的鼠标往一个方向的曲线拖动

  长的方向线=长曲线

  短的方向线=短曲线

  如果你要删除锚点,点击最后一个你创建的

  使用转换点工具来缩短/延长方向线 

  放大区域,这样更加详细需要小曲线和线条

  它并不重要,如果你的线条不是完美地跟随周围的边缘

  不要着急,慢慢来!

  步骤6

  当你完成右胳膊后你点击第一次创建的锚点。这样将会关闭完成路径。

  你的图像应该看起来像这个样子。

 

30分钟让你成为PS钢笔工具大师

 

  现在将前景色设置为黑色。

 

30分钟让你成为PS钢笔工具大师

 

  现在右击(钢笔工具仍然选中)将会出现这个对话框。

 

30分钟让你成为PS钢笔工具大师

 

  点击填充路径使用以下的设置。

 

30分钟让你成为PS钢笔工具大师

 

  钢笔的轮廓将会围绕在身体周围,按下del清除这个。

 

30分钟让你成为PS钢笔工具大师

 
 

  你的图像应该像这个样子。

 

30分钟让你成为PS钢笔工具大师

 

  步骤7

  点击图层面板中的眼睛图标隐藏这个图层。

 

30分钟让你成为PS钢笔工具大师

 

  在boby图层上创建一个新层命名为 ‘Stomach’。使用钢笔工具描绘出身体上白色的部分。

 

30分钟让你成为PS钢笔工具大师

 

  当你完成时关闭路径,将前景色设置为白色,右击选择填充路径。点击删除键清除掉钢笔轮廓

  现在你的图像看起来应该这个样子保持boby图层可见的话。

 

30分钟让你成为PS钢笔工具大师

 

  步骤8

  创建一个新的图层命名为 ‘Left Eye’. 隐藏其他的图层除了原始的企鹅图像。

  由于眼睛是圆的你可以选择多边形工具

 

30分钟让你成为PS钢笔工具大师




  或者使用钢笔工具绘制眼睛并用黑色填充

  在你完成了做左眼后,复制图层 (Ctrl & J/Apple Option Key & J)移动到另一个眼睛。命名这个图层为 ‘Right Eye’.

 

30分钟让你成为PS钢笔工具大师

 

  这就是所有图层可见这张图像呈现的样子。

 

30分钟让你成为PS钢笔工具大师

 

  步骤9

  创建另外一个图层命名为 ‘Beak’。再一次隐藏其他的图层这样你就可以跟踪鸟嘴。

  围绕着鸟嘴使用钢笔工具绘制并将前景色设置为 #fbdf26.填充路径并按下del删除键清除钢笔轮廓。

 

30分钟让你成为PS钢笔工具大师

 

  步骤10

  删除背景图层(原来的企鹅图像)让所有的图像可见。我在底部添加了一个图层用白色填充和修改使企鹅图像变得简洁。

  这就是我们创建的最终效果图,我希望大家喜欢这个教程。

 

30分钟让你成为PS钢笔工具大师

 






 
 ===================
 
 
现在将把先前介绍的各个钢笔工具运用到以下的例子中,你也可以用这个图形来试以下。可以先 Copy 出这个图象,然后在 Photoshop 中调出来。请用鼠标右键单击左边的图象,然后选择 “图片另存为”保存到你的硬盘中。


选择钢笔工具点击A点。


现在点击B点,确认你是按着来拖动鼠标,这样可以画出一条曲线。拉动点直到使线条沿着图像的边沿排列,但是不必做得太完美。


现在点击C点,记住拖动形成曲线时按着鼠标不要放手,使曲线尽量靠近图像的边沿。


每次画总不能画得很完美,有时候会留下空隙。要修正它,就要按下 Ctrl 键,转换到选择直接选择工具。按一下锚点,如左图所圈出的部分,移动它使路径与图象的边沿相吻合。这会帮助你理解自由钢笔工具的用法。



点击D点。拖动它使其相吻合。


现在直接点击A点使其相连。记住尽量使它接近图像的边沿。


再次用自由钢笔工具做另一个调节。按下 Ctrl 键和点击锚点。移动它使路径与图像的边沿重合。



尝试用增加锚点工具增加锚点。像左边的图片要进行修正。一旦你增加了一个锚点,按下 Ctrl 键,向图像的边沿移动锚点。



当你完成之后,你可以在路径工具窗口(Windows > show Paths)中将路径存储。


点击路径工具窗口中的按钮就可以将路径转换为选区。这时候,你喜欢填色、画线都可以随心所欲了。

 
 
现在将把先前介绍的各个钢笔工具运用到以下的例子中,你也可以用这个图形来试以下。可以先 Copy 出这个图象,然后在 Photoshop 中调出来。请用鼠标右键单击左边的图象,然后选择 “图片另存为”保存到你的硬盘中。


选择钢笔工具点击A点。


现在点击B点,确认你是按着来拖动鼠标,这样可以画出一条曲线。拉动点直到使线条沿着图像的边沿排列,但是不必做得太完美。


现在点击C点,记住拖动形成曲线时按着鼠标不要放手,使曲线尽量靠近图像的边沿。


每次画总不能画得很完美,有时候会留下空隙。要修正它,就要按下 Ctrl 键,转换到选择直接选择工具。按一下锚点,如左图所圈出的部分,移动它使路径与图象的边沿相吻合。这会帮助你理解自由钢笔工具的用法。



点击D点。拖动它使其相吻合。


现在直接点击A点使其相连。记住尽量使它接近图像的边沿。


再次用自由钢笔工具做另一个调节。按下 Ctrl 键和点击锚点。移动它使路径与图像的边沿重合。



尝试用增加锚点工具增加锚点。像左边的图片要进行修正。一旦你增加了一个锚点,按下 Ctrl 键,向图像的边沿移动锚点。



当你完成之后,你可以在路径工具窗口(Windows > show Paths)中将路径存储。


点击路径工具窗口中的按钮就可以将路径转换为选区。这时候,你喜欢填色、画线都可以随心所欲了。

 
=================
 

本例为Phosohop初学者实例教程系列文章,主要讲解了路径工具的应用,适合PS新手掌握路径工具的运用技巧。

路径是一个非常神奇的工具,它使用贝赛尔曲线建立形状,可以画出任意形状,并且可以在建立之后随意对这个形状进行重新编辑,这样就满足了我们随意创作的需求,再也不怕出现开始时画坏,后面无法修改的情况啦。

如果你还在使用切换工具的方法,一点一点地修改路径的话,那可太麻烦啦,跟着祁老师学用快捷键吧,那样可以在保证质量的前提下提高你的工作效率。

首先我们建立一个800*600像素的RGB颜色,白色背景的图像进行学习。一般情况下,路径是用钢笔开始创建的,钢笔的英文拼写Pen第一个字母是P,所以我们可以按下键盘上的P键,在工具条上可以看到我们直接切换到了钢笔工具。

使用钢笔工具在画面上单击,会出现一个黑色的小方块,我们称之为锚点,或者控制点。换一个位置再次单击,即可再次建立一个新的锚点,并在两点之间连接一条线,我们称连接锚点的线为片段。如果我们在按下鼠标的时候拖动,就可以画出曲线片段,并同时拉出控制杆来。如果不松开鼠标进行拖动,我们可以改变控制杆的方向和长短,同时曲线片段也会有所变化,控制杆控制了曲线片段的弯曲方向和曲率。

Photoshop入门教程:路径工具的应用

初学者一定要注意把片段和控制杆区分开来。片段是锚点之间的连接线,是我们画出路径的一部分,而控制杆则处于锚点两侧,可以通过改变它的方向和长短影响片段的形状,是我们修改路径形状的辅助工具。当我们在画面上按下鼠标左键的时候,就已经确定了锚点的位置,拖动鼠标时,则可以修改控制杆的方向和长短。

下面我们学习快速切换工具修改路径的方法。

按下P键在工具条中切换到钢笔工具,在属性栏上,勾选“自动添加/删除”选项,则可以快速切换到添加锚点工具和删除锚点工具。当把鼠标放在片段上时,工具自动变为添加锚点工具,按下鼠标左键可以添加新的锚点;当把鼠标放在锚点上时,则自动转换为删除锚点工具,按下鼠标左键即可删除这个锚点。使用这个方法,我们可以快速改变路径的形状,添加锚点将它复杂化,以制作更多的细节,删除锚点则可以简化路径,做出更加平滑的形状。

Photoshop入门教程:路径工具的应用

按下Ctrl键,可以切换到直接选择工具,这个工具的用途是移动锚点和片段,并可以框选多个锚点。我们将鼠标放在锚点或者片段上进行拖动,可以移动它,路径的形状也会因为锚点或者片段的移动而改变。如果从路径外部框选,则可以选择选框内所有的锚点,此时把鼠标放在上面按下左键移动,可以同时移动多个锚点。

按下Alt键,可以切换到转换点工具,它可以将直线片段转换为曲线片段,也可以将曲线片段转换为直线片段,如果拖动控制杆的话,则可以在曲线上制作拐点。下面我们实验一下。

我们先用钢笔工具在画面上点击三下,做出一个V形路径,然后按下Alt键切换到转换点工具,在最下面的锚点上横向拖动,即可将两侧的片段变为曲线。

按着Alt键,在刚才变换的下部锚点上单击,则曲线片段会变回直线片段。

Photoshop入门教程:路径工具的应用

按着Alt键,我们在U形路径下部锚点的控制杆上进行拖动,会将原来平滑曲线的端点变为尖锐的拐角。所以它是制作平滑曲线中的拐弯的有力武器。

Photoshop入门教程:路径工具的应用

学习了上面的内容,我们可以把原来来回切换工具的动作转化为简单的按下快捷键的动作,大大地提高了我们的工作效率,节省了宝贵的时间。
本次的作业:

如图示制作出酒杯的外形,在图里带有我制作好的路径,大家可以参考一下。


详解PS钢笔工具的使用技巧 (转载)
       详解PS钢笔工具的使用技巧
转载时请保留本教程来源于:PS学习网(),详文参考:http://www./shiyongjiqiao/756.html
【前言】钢笔工具在Photoshop软件中是非常重要的,但是很多人都觉得难以掌握,本教程简明扼要地介绍了Photoshop中的钢笔工具的功能和使用,相信对大家会有所帮助的。
     在Photoshop中,如何得到想要的曲线?如何绘制出复杂的路径?如何编辑已有的路径曲线?带着这样的疑问,我们请出这篇教程的主角——钢笔工具。(本文以最新的Photoshop7.0为例)
  钢笔工具“坐落”在Photoshop的工具箱中,鼠标右击钢笔工具按钮可以显示出钢笔工具所包含的5个按钮(如下图所示),通过这5个按钮可以完成路径的前期绘制工作。
再用鼠标右击钢笔工具上方的按钮又会出现两个选择按钮(如图2),通过这两个按钮结合前面钢笔工具中的部分按钮可以对绘制后的路径曲线进行编辑和修改,完成路径曲线的后期调节工作。
 
如果说画布是钢笔工具的舞台,那么路径调板就是钢笔工具的后台了。绘制好的路径曲线都在路径调板中,在路径调板中我们可以看到每条路径曲线的名称及其缩略图。(如下图所示)
下面我们就来仔细看看这些和路径有关的工具和调板的用法。
一、钢笔工具
  选择钢笔工具,在菜单栏的下方可以看到钢笔工具的选项栏。钢笔工具有两种创建模式:创建新的形状图层和创建新的工作路径(如图4)。

创建形状图层模式
  创建形状图层模式不仅可以在路径面板中新建一个路径,同时还在图层面板中创建了一个形状图层,所以如果选择创建新的形状图层选项,可以在创建之前设置形状图层的样式,混合模式和不透明度的大小。
  勾选自动添加/删除选项,可以使我们在绘制路径的过程中对绘制出的路径添加或删除锚点,单击路径上的某点可以在该点添加一个锚点,单击原有的锚点可以将其删除,如果未勾选此项可以通过鼠标右击路径上的某点,在弹出的菜单中选择添加锚点或右击原有的锚点,在弹出的菜单中选择删除锚点来达到同样的目的。
  勾选橡皮带选项,可以让你看到下一个将要定义的锚点所形成的路径,这样在绘制的过程中会感觉比较直观。

建新的工作路径
  单击创建新的工作路径按钮,在画布上连续单击可以绘制出折线,通过单击工具栏中的钢笔按钮结束绘制,也可以按住Ctrl键的同时在画布的任意位置单击,如果要绘制多边形,最后闭合时,将鼠标箭头靠近路径起点,当鼠标箭头旁边出现一个小圆圈时,单击鼠标键,就可以将路径闭和。
二、路径节点种类和转换点工具
  路径上的节点有3种:无曲率调杆的节点(角点),两侧曲率一同调节的节点(平滑点)和两侧曲率分别调节的节点(平滑点)(如下图所示)。

     三种节点之间可以使用转换点工具进行相互转换。选择转换点工具,单击两侧曲率一同调节或两侧曲率分别调节方式的锚点,可以使其转换为无曲率调杆方式,单击该锚点并按住鼠标键拖拽,可以使其转换为两侧曲率一同调节方式,再使用转换点工具移动调杆,又可以使其转换为两侧曲率分别调节方式。
  在绘制路径曲线时,锚点的两侧曲率分别调节方式较难控制,下面我们就通过绘制一条如图5所示的曲线来说明如何准确地创建这种调节方式的锚点。选择钢笔工具,先按住Alt键,然后在画布上单击并拖拽,定义第一个锚点,松开鼠标键,在松开Alt键,单击第二个锚点的位置并拖拽,当曲率合适后,按住Alt键然后将鼠标向上移动,可以看到该锚点变为两侧曲率分别调节方式,当曲率调节合适后,先松开鼠标键然后再松开Alt键,在最后一个锚点的位置单击并拖拽来完成此路径曲线的绘制(如下图所示)。
三、自由钢笔和磁性钢笔工具
  使用自由钢笔工具,我们可以像用画笔在画布上画图一样自由绘制路径曲线。你不必定义锚点的位置,因为它是自动被添加的,绘制完后再做进一步的调节。自动添加锚点的数目由自由钢笔工具选项栏中的曲线拟和参数决定,参数值越小自动添加锚点的数目越大,反之则越小,曲线拟和参数的范围是0.5像素到10像素之间。
  如果勾选磁性的选项,自由钢笔工具将转换为磁性钢笔工具(如下图所示),磁性选项用来控制磁性钢笔工具对图象边缘捕捉的敏感度。宽度是磁性钢笔工具所能捕捉的距离,范围是1到40像素;对比是图象边缘的对比度,范围是0到100%;频率值决定添加锚点的密度,范围是0到100%。

下面我们通过绘制图7中的图形来学习磁性钢笔工具的使用(如下图所示)

    先按住Alt键,这样可以使磁性钢笔工具绘制出直线,然后在图形左下的直角点单击,当绘制最后一段直线时,松开Alt键,沿着图形的边缘移动,锚点会自动添加,遇到图形比较尖锐的地方捕捉不到的时候,可以手动单击来添加锚点,需要绘制直线时要提前按下Alt键,最后效果如下图所示。
四、添加锚点工具和删除锚点工具
  添加锚点工具和删除锚点工具主要用于对现成的或绘制完的路径曲线调节时使用。比如我们要绘制一个很复杂的形状,不可能一次就绘制成功,应该先绘制一个大致的轮廓,然后我们就可以结合添加锚点工具和删除锚点工具对其逐步进行细化直到达到最终效果。
五、路径选择工具和直接选择工具
  路径选择工具和直接选择工具在绘制和调节路径曲线的过程中使用率是很高的。
  路径选择工具可以选择不同的路径组件(如下图)。

     勾选显示定界框(如下图),单击定界框,路径选择工具的选项条会变为变换数值输入条。当选择至少两条路径曲线,然后单击选项栏中的组合按钮,将其组合为一条路径,还可以对选择的路径应用对齐(至少选择两条路径)和排列(至少选择三条路径)。

直接选择工具在调节路径曲线的过程中起着举足轻重的作用,因为对路径曲线来说最重要的锚点的位置和曲率都要用直接选择工具来调节。

六、路径调板
  如果说画布是钢笔工具的舞台,那么路径调板无非就是钢笔工具的后台了。
  绘制好的路径曲线都在路径调板中,在路径调板中我们可以看到每条路径曲线的名称及其缩略图,当前所在路径在路径调板中为反白显示状态。
  在路径调板的弹出式菜单中包含了诸如新建路径,复制路径,存储路径等命令,为了方便起见,我们也可以单击调板下方的按钮来完成相应的操作(如下图)。
  钢笔工具在Photoshop中的应用非常广泛,小到基本几何形状的绘制,大到复杂曲线的绘制,钢笔工具都可以游刃有余地完成,多一点耐心,我们可以将钢笔工具用得更好。



    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多