1,钢笔工具

前言
使用PS的时候,很多时候都需要用到钢笔工具,例如鼠绘,做精确选区,路径抠图
等,都需要使用钢笔工具。如果对钢笔工具不甚了解,就很难做的完美,而且很多使用PS很多年的老鸟都对钢笔工具十分陌生,所以学好钢笔工具怎么用,对大家以后PS的能力水平有很大的提高作用;

案例:


1.jpg

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

2.jpg

虽然要求是达到了,但是这样的路径上使用了 4个锚点
再看下图:


3.jpg

同样的曲线效果,这里只用了 两个锚点来绘制
高不高就在这里体现

钢笔工具
首先 , 简要介绍一下钢笔工具和路径的概念
钢笔工具属于矢量绘制工具,其优点是可以勾画平滑的曲线,在缩放或变形之后仍能保持平滑效果;

钢笔工具画出来的矢量图形称为路径,
路径是矢量的路径允许是不封闭的路径,如果把起点与终点重合绘制就可以得到封闭的路径;

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

4.gif

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

5.jpg
6.gif

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

7.gif

从上面的简单练习中我们得到两个规律:
1,我们并没有直接绘制 线段,而是定义了各个点的位置,软件则在点间连线成型;
2,控制线段形态(方向、距离)的,并不是线段本身,而是线段中的各个点de
位置;

记住两个术语:
锚点(anchor),锚点间的线段称为片段(segment)

直线型锚点:锚点间的片段都是直线的锚点
曲线型锚点:锚点间的片段是曲线的锚点

现在我们来绘制曲线型锚点
如下图所示:在起点按下鼠标之后不要所松手,向上拖动出一条方向线后放手,
然后在第二个锚点拖动出一条向下的方向线,以此类推,画出类似图示的路径

8.gif

我们看到,在绘制出第二个及之后的锚点并拖动方向线时,曲线的形态也随之改变


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

9.jpg
10.jpg

仔细看一下这两个方向线:
再这样想象:
一个人要从A点到B点,在A点出发的时候,位于A点的其他人看到他是朝着上偏右的方向走的而位于B带你的人,看到他是朝着下偏右的方向来的。
那么综合两地的观测结果。就可以得出这个人行走的路线:必定是一个类似锅盖的上弧形


现在我们选择如图的“转换点工具”,该工具用来修改方向线

12.gif

然后如下图所示 改变AB锚点上的方向线,将会看到曲线弯曲度的改变
注意方向线末端有一个小圆点,这个圆点成称为手柄,要点击手柄位置才可以改变方向线

13.gif

结合刚才所做的比喻,就不难理解了;
修改B锚点方向线,相当于指定的那个人从A点上方出发后,再从B点的下方进去,那么所走的路程就是一个S型曲线;
再修改A锚点方向线为下,相当于从A点下方出发,再从B点下方进去,所走的
就是一个下弧形的路径
修改后方向线如下图:

14.gif

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

15.gif

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


16.gif

注意:这并不能说是“修改了片段”,而应该说是”同时修改了两个锚点“。
牢记原则:片段是由锚点组成的,只有修改锚点才能改变片段形态,这是不可逆的因果关系。

做一下小结:
对于这条曲线上的除了起点和终点的BC两个锚点而言,都存在两条方向线:
一条是从上一个锚点”来向“的方向线,另外一条是通往下一个锚点的”去向“的
方向线
对于起点,只存在”去向“的方向线;对于终点,只存在”来向“的方向线;

下面让我们做一个小练习:如图


17.jpg

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


2.jpg

虽然要求是达到了,但是这样的路径上使用了4个锚点
再看下图:

3.jpg

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


18.gif

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


19.jpg

再换个位置绘制一条,也只需要两个锚点,如下图


20.gif

记住一个原则:绘制曲线的锚点数量越少越好
因为如果锚点数量增加,不仅会增加绘制的步骤,同时也不利于后期的修改。
到这里,大家一定会产生两个问题:
两个锚点似乎可以包揽全部曲线形态了?
这个观点显然是错误的,例如我们前面首个实例所绘制的曲线,就需要两个以上的锚点,
那么,如何让所用的锚点数量最少?
实际上这里还隐藏着另外一个问题:究竟在哪里定锚点才是最佳的?

关于钢笔工具的一些基本知识:
钢笔工具一共有七个类别是:钢笔工具,磁性钢笔工具,自由钢笔工具,添加锚点工具,删除锚点工具,直接选择工具,转换点工具,在photoshop 6.0 中把磁性钢笔工具跟自由钢笔工具结合在一起了,通过自由钢笔工具选项板中磁性的复选框进行选择;并把直接选择工具与路径组件选择工具合在一起并单独列了出来;

20.jpg

本教程主要介绍钢笔工具中的钢笔工具,自由钢笔工具,添加锚点工具,删除锚点工具,转换点工具的一些基本知识;

钢笔工具:
一般使用它在photoshop中绘制直线路径,在工具面板中选取它,在图像中每单击鼠标左键一次就创建了一个锚点,并且这个锚点与上一个锚点之间以直线连接;

注:橡皮带选项是在添加锚点时显示一个路径形状,起到预览的作用。如果不选它的话,那么我们将无法预览路径最终的形状,所以我们使用时一般都点选它;

21.jpg

1,按住Shift键创建锚点,将会以45度或以45度角的倍数描绘路径;
2,按住alt键时,将钢笔工具移动到锚点上,钢笔工具将会暂时变为”点转换工具“
3,按住ctrl键时,钢笔工具 将暂时变成直接选择工具;

自由钢笔工具:
自由钢笔工具是以自由手绘的方式在图像中创建路径,就像套索工具一样,当在图像中创建出第一个关键点以后, 就可以任意拖动鼠标来创建形状极不规则的路径;


22.jpg

上图中的曲线拟合以PIXEL为单位,数值越小,产生的贝塞尔曲线与路径之间的误差就越小;
1,按住 ctrl 键,将把自由钢笔工具暂时性的变成直接选择工具;
2,按住alt键,将鼠标移动 到一个锚点上,自由钢笔工具将暂时性的变成 点转换工具;

注意:如果当前图像中已经存在一条路径, 那么钢笔工具以及自由钢笔工具,磁性钢笔工具在移动到一个锚点上时,会暂时变成删除默哀点工具;移动到一个路径段时,会暂时变成添加锚点工具;

添加锚点工具:
它是用于在已经存在的路径上 插入一个锚点,在路经段上点击左键,既可以路径段上添加一个锚点,同时产生两个调节手柄,以用来调节路径段的弯曲度。 f

删除锚点工具:
用于删除路径上多余的锚点。

转换点工具:
单击或拖动锚点可将其转换成拐点或平滑点,拖动锚点上的调节手柄可以改变路径段的弯曲度;
1,按住shift键,拖动其中一个锚点的调节手柄,可以强制手柄以45度角或45度角倍数进行改变。
2,按住alt键可以任意改变两个手柄中的一个,而不影响另外一个手柄。
3,按住alt键拖动路径段,可以复制路径
4,按住ctrl键,当鼠标经过锚点时,转换点工具将暂时性的切换成直接选择工具;

钢笔工具 功能:
钢笔工具:点击画布可创建笔直的路径线段,点击并拖动可创建贝兹曲线路径;

22.gif

自由钢笔工具:点击画布拖拽可如使用画笔般自由绘制路径


23.gif

添加锚点工具:点击路径线段可添加锚点

24.gif

删除锚点工具:点击路径上锚点可删除锚点;

25.gif

转换锚点工具:点击普通锚点并拖动可创建贝兹手柄,点击已有锚点删除手柄;

26.gif

鼠标:光标的含义:


27.jpg
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,117评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,328评论 1 293
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,839评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,007评论 0 206
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,384评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,629评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,880评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,593评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,313评论 1 243
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,575评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,066评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,392评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,052评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,082评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,844评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,662评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,575评论 2 270

推荐阅读更多精彩内容

  • 刚才刷简书今日热门时看到@wermkar 的一篇文 无心之恶:答简友X先生对于抄袭的看法,顿时想到自己这篇文与@w...
    迟客阅读 9,002评论 8 92
  • 在前面一节课程里,对钢笔工具创建形状,制作路径进行了讲解,那么这些只是简单的路径操作讲解,更高级的操作使用技巧和方...
    e5a2ee3bb269阅读 5,762评论 0 0
  • UIBezierPath Class Reference 译:UIBezierPath类封装了Core Graph...
    鋼鉄侠阅读 1,628评论 0 3
  • PS矢量知识分为两部分为大家讲解,第一部分,主要给大家整理了PS矢量的理论知识,第二部分,主要是对钢笔工具组应用的...
    颜淑阅读 4,347评论 20 131
  • 【 六项精进打卡第28天】 【知~学习】 背诵六项精进、大学各一遍 【经典名句分享】 当你觉得快不行了的时候,才是...
    小年糕的Kyle阅读 168评论 0 0