• 32108阅读
  • 98回复

[后期教程]PS里重要且常用的必学基础利器—钢笔工具 [复制链接]

上一主题 下一主题
 
发帖
361
PS币
2764
主贴数
94
鲜花
9997
违规
0
我的相机
佳能5D3
PS版本号
PhotoShop CC
辅佐软件
LightRoom
— 本帖被 花花 执行加亮操作(2010-12-21) —
  昨天和一位学友讨论后期时提到了钢笔工具,这个PS里最基础的工具他却很意外地说,难学,PS学了一年多了还没搞懂。我听了比较吃惊。也不由想起以前和几位学友讨论手绘时谈到的钢笔工具,他们也面露难色。于是,我就利用自己学到的一点浅薄基础写了一个浅薄教程和他们共同探讨。虽然是个老帖了,我还是希望转到这里和大家再次讨论,因为PS也是要温故才能知新的。 9r1pdG_C@  
  当初我写这个练习帖时探讨的对象都是初哥,所以这个帖子是适合初哥初姐看的,对钢笔工具已经很熟悉的学友就轻轻飘过吧。 +:&(Ag  
  进入正题前首先我要打消一些人的顾虑,钢笔工具其实只是貌似难学,还是比较简单的,耐心学上几天你就会熟练掌握,而一旦你掌握了它后会觉得这个工具绝对妙不可言,依靠点和线(片段)组成的路径,从绘制一个简单的心形轮廓,到制作一幅工作量巨大的美女手绘,钢笔工具的作用简直不容小觑!我曾说过做后期是要先看图片的,看图片什么?当然是对图片仔细揣摩了,看它如何来PS?适合用什么工具?先P什么后P什么?等等等等,不亚于给病人开刀前的专家会诊。心里有了稳妥的或成熟的想法后再动手,就会事半功倍。瞎P,是不行的。 qe(X5 ?#;  
   钢笔工具是简单易学的,但不可轻视他,它虽简单,但功效非常强大。下面我们就来通过一个简单的图片抠图练习,学习一下钢笔工具。 D.Cm&  
   这个跑车的图是随意从百度上下载的,像素不太高,背景较复杂,适合用钢笔工具才能高效快捷安全地将其抠出。用通道行不行?可以,但是你还要沿着跑车的边缘返工,另外通道里的分离动作也很繁琐。用抽出行不行,也行,如果这个背景要是和跑车类似的颜色,抽出工具就傻眼了。当然,也可以用多边形套索工具或背景橡皮擦工具等等,但是,前者容易出错,后者琐碎。所以,对复杂的背景或者人眼都难分辨的前背景相融的图,用钢笔工具一定是个上选。那么有好友就问了,美女的乱发图用钢笔工具行不行?当然不行了,毛发用通道、抽出、插件或者边缘调整等工具一般都能让毛发和背景以一定的方法分离并抠出,这是他们的强项。如果用钢笔来抠,由其细密的毛发,会把人抠虚脱的。我们也可以这样来打个比方,抽出通道插件等是修复毛细血管的专家,绝对的细致活儿;钢笔工具是修复肌肉组织的专家,粗线条的活儿。细事粗做,或者粗事细作,都是得不偿失的,说明选择工具严重不当。 l O, 2  
   n2#uH  
素材 cb%w,yXw  
any\}   
O8u"Y0$*w  
简要介绍钢笔工具及辅助工具 8zj09T[  
B_5q}Bp<  
=< CH(4!  
第一步  用钢笔工具一定要养成放大图片N倍的习惯,放的越大抠的边缘越细致。当然,大小和图片分辨率有关,像素低的放的过大了看不清边缘了也不行的。 D~f.)kkC4  
-I=}SZ  
EZP2Bb5g  
第二步  点快捷键P或直接点击钢笔工具,接着点选上面的路径图标,在图片中开始抠图的地方点击一下,就出现了一个钢笔锚点。当然你也可以从其它地方抠 MPzqw)_-v  
ZuS+p0H"  
GWE`'V  
第三步  沿着轮胎边缘再点击第二个点,不要松开左键,拖动一下,就会出现一对控制操作杆(或称控制柄),这时你会发现两锚点之间的线条变成弧度,被你控制着。只要和轮胎边缘的弧度贴合就可以松开左键了 :o}7C%Q8  
`ss]\46>  
e^'?:j  
第四步 按着ALT键,将鼠标移到第二个锚点,钢笔工具右下角出现三角形转换点图标,点击锚点,上面的控制杆消失,方便你下一步的正确操作。如果不点掉上面的控制杆,第三个锚点和第二个锚点之间就会自动出现弧线条,而影响下步操作 *7*g! km  
^DZiz[X+|  
bT{P1nUu  
第五步 以此类推,继续 iI&SI#; _  
=r0!-[XCa  
1Y9Ye?~jd  
第六步 重点标记一下:钢笔工具沿着边缘的理想位置在哪里?大家都知道抠图要沿着边缘,但是边缘模糊时怎么办?我个人总结的小技巧就是在实边和虚边的中间,即如图内侧的左箭头属实边,外侧的右箭头属虚边,而钢笔路径就要选择在二者之间,这样抠图后会形成干净的边缘 nBiSc*  
kj0A%q#'}  
Y_/Kd7,\~  
cJ8*[H<NV  
第七步 如果锚点位置点错了怎么办?那就将鼠标放在该锚点上,钢笔工具右下角就会出现一个斜杠,表示可以删除,然后点击右键,出现右键菜单,点击删除锚点,就删除了   7/7A  
  )%j)*Ymz;  
* n!0  
R&xD|w8UjM  
第八步 如果发觉在三个锚点中间的那个锚点感觉位置偏离,怎么办?那就点击直接选择工具,俗称白箭头,然后在该锚点点击一下,将空心锚点变成实心锚点,就可以自由移动了。变成实心锚点后,会出现控制杆,调节杆尾上的圆点,可以调整路径的弧度 /v!H{Zw=c  
D"x~bs?V\  
6AQ;P  
第九步 在白箭头的状态下,都可以点击各锚点,然后调节锚点杆尾上的圆点来调节路径弧度 V$v;lvt^Uq  
M2xUs  
*R~oA`  
第十步  基本完成了,简单吧?我做的锚点比较少,大家自己做的时候建议锚点多一些 aRG[F*BY  
*znCe(dd  
c7rYG]  
第十一步 在路径内部点击右键,点选建立选区工具,可将路径转换成选区  RTl7vzG  
  /asyj="N7  
It_yh #s  
第十二步  很重要的选项:除非像本图这样像素比较小的图片,一般大图都要选择至少1像素以上的羽化半径,可以使抠出的边缘不生硬,顺畅自然。消除锯齿要打上勾。本图为做练习,所以选择了1像素(本图多锚点、0像素的抠出会有很好的效果)  0_]aF8j  
  0)2lBfHQ&  
*Mp<4B  
T@Q<oNU  
第十三步 选区出现了,可爱的蚂蚁线  p`d:g BZ  
  k6Tpaf^  
;,4J:zvZdQ  
,}2j Fb9z4  
第十四步 按CTRL+J键,抠出并复制出选区,拖进来一张图片,看下效果,边缘很平滑(因本图像素低,所以1像素边缘羽化显得有点毛,不过这没关系,我们主要是做练习用)再重复啰嗦一下:像这样低像素的图,建议用较密集的锚点以及圆角锚点来描绘路径,然后0像素抠出,边缘就很锐利清晰了。如果抠比这个大一倍以上的图时1像素抠出,会有很好的效果。  -x_iqrB  
  ))KsQJ"V  
t3s}U@(C  
钢笔工具的实战经验非常强,用简略的几十个步骤来讲解不一定能讲的全面和透彻,所以下面再来巩固一下基本的操作方法,以下的几个动态图片是借用的我做了一些补充和完善,以动态的方式来观察,可能会更直接些。总之,学会钢笔工具的基本操作方法后,多练习才是很重要的,PS高手其实就是熟能生巧锻炼出来的。 $!vi:+ED  
b6/:reH{  
好了,废话少说,咱们继续来了解和巩固钢笔工具: ~r>UjC_ B:  
1、钢笔工具属于矢量绘图工具,其优点是可以勾画平滑的曲线,在缩放或者变形之后仍能保持平滑效果。 t o?"{  
2、钢笔工具画出来的矢量图形称为路径,路径是矢量的路径允许是不封闭的开放状,如果把起点与终点重合绘制就可以得到封闭的路径。 WG}QLcP  
t!iF(R\  
下面我们来绘制一个简单的路径 c//W#V2Q  
勾选“几何选项”下的橡皮带,这样做因为操作更直观些,如图,勾选后,锚点点到哪里,线条就会如影随形地跟到哪里 dJ&s/Z/>E  
b5)>h  
8v6rS-iHP  
这时咱们会看到在点击时会有一个自由伸缩的线段出现,保持按住Shift键可以让所绘制的点与上一个点保持45度整数倍夹角(比如零度、90度),这样可以绘制水平或者是垂直的线段(图中从第5个点开始按下了Shift键) T8m%_U#b  
50R+D0^mh  
!<X_XA  
刚才我们绘制的那些锚点,由于它们之间的线段都是直线,所以又称为直线型锚点。 9Akwr}  
现在我们来绘制曲线形锚点 Y-{spTI  
如下图所示,在起点按下鼠标之后【不要松手】(作图记住要画曲线点击时不要松手),向上拖动出一条方向线后【放手】,然后点出第二个锚点并拖动出一条向下的方向线,以此类推,画出类似图示的路径  sIy$}_  
[cW  
ud#8`/!mq  
pF !vW  
完成上面的操作,我想你已对钢笔工具有了一定了解,下面接着学习怎么控制曲线的弯曲度。 h=U 4  
我们现在点选上工具栏里的“直接选择工具” Fh/C{cX9g  
假设我们刚才绘制的4个锚点分别是ABCD,用“直接选择工具”去点取位于AB之间的片断,会看到刚才我们绘制AB锚点时候定义的方向线  '+QgZ>q"  
JWdG?[$  
-"nYCF  
现在我们选择钢笔工具组里的的“转换点工具”,该工具可以用来修改方向线(用“直接选择工具”也行) rFK *  
然后如下图所示改变AB锚点上的方向线,将会看到曲线弯曲度的改变。注意:方向线末端有一个小圆点,这个圆点咱们且称它为“手柄”,要点击手柄位置才可以改变方向线.  2mT+@G  
  hWW<]qzA,  
`fV$'u  
明白了方向线的方向对曲线形态的影响后,我们来看一下方向线长短的影响,如下图所示,在一方向上拖拉方向线  plIx""a^h  
P<(mH=K  
O71rLk;  
:|A db\b  
可以看到,对于一个锚点而言,如果方向线越长,那么曲线在这个方向上走的路程就越长,反之就越短,可以这样设想,曲线是一个橡皮筋,在头尾两端有两个力在各自的方向上拉,哪个方向上力气大,则橡皮筋就朝向这个方向多靠拢一些。反之 ,除了修改锚点方向线之外,也可以利用“直接选择工具”,在片断上修改曲线的形态,这样相当于“同时修改了两个锚点”如下图 ~ dk1fh  
记住一个原则:绘制曲线的锚点数量越少越好,因为如果锚点数量增加,不仅会增加绘制的步骤,同时也影响轮廓的自然顺滑 <?7~,#AK  
=~S   
H5%I?ZXw4  
其实复杂曲线基本上由两类曲线组成:C形和S形  K*}j1A  
  W2B=%`sC  
52 A=c1kb  
VsMNi#?  
到这里,大家对路径已经有了大概的认识,下面我们补充一些绘制中的其他问题: DtN6.9H2`  
有时候我们需要一个锚点左边是曲线,右边是直线,就需要用这种方法来绘制,如下图: k %rP*b*  
A3$b_i@P  
X5yhS  
注意,对封闭的路径,要删除某个锚点,请不要用DELETE键,这样会连片段即线条也一并删除了,正确的方法应该在该锚点上用直接选择工具点击变成实心锚点,然后右键点出菜单,删除锚点即可。  `&6]P:_qp  
  puyL(ohem  
>k jJq]A2  
]a%Kn]HI&2  
在路径内,点击右键出现菜单,填充子路径(填充路径)可以填充路径范围内区域;描边子路径(描边路径)可以使路径生成和画笔等工具大小的线条,操作这个之前要提前将画笔、铅笔等工具的参数设置好。我这里设置了3像素,白色。大家可以看到有个“模拟压力”的选项,这个是个非常重要的工具,尤其是手绘时最重要的工具,在画笔里设置好画笔大小等参数后,再点选这个模拟压力,它可以使线条自然消隐,像睫毛和毛发的手绘效果就是这样做出来的。  7U7 i2 4  
   "O 'I  
18HHEW{  
描边后,点选直接选择工具,如图框选全部路径,按DELETE键就可以把现在已经多余的路径删除了。当然,钢笔工具的功能还不止上述这些,更多的小技巧还需要我们以后共同来探索和学习! [eN{Ft0x  
6qDD_:F  
bDNd m-  
m{yON&y  
到此就结束了,不足之处请各位师友补充。不当之处请师友及时指正!希望本贴能对大家有所帮助。 .WPqK >79|  
}<S2W\,G  
最后说明:因为是详细的步骤,有很多图片和JIF动画讲解,外链不行,一次也只能上传十几张图片,而且传动画的也不成功,所以只能将详细步骤和图片打包成WORD文件,放在附件里了,请学友们下载探讨吧。  O:x%!-w  
附件: 详细步骤.rar (2026 K) 下载次数:73 下载须知 | 冲值PS币 | 贴子反馈
9条评分
白菜梆子 鲜花 +1 向你学习! 2011-01-18
xngmf 鲜花 +1 - 2010-12-31
zhangguoguo 鲜花 +1 太感谢了! 2010-12-30
有你更精彩 鲜花 +1 强贴留名! 2010-12-29
ggbfishfish 鲜花 +1 小跑献花! 2010-12-24
cactus6816 鲜花 +1 向你学习! 2010-12-22
小禾 鲜花 +1 向你学习! 2010-12-22
ming 鲜花 +1 向你学习! 2010-12-22
闲吟今秋 鲜花 +1 向你学习! 2010-12-21
PS—只有想不到没有做不到,它可以化腐朽为神奇!后期—不是救命稻草,它只能做到锦上添花。
发帖
1822
PS币
92998
主贴数
623
鲜花
3391
违规
0
我的相机
PS版本号
PhotoShop
辅佐软件
LightRoom
只看该作者 1楼 发表于: 2010-12-21
图片都看不到。
发帖
361
PS币
2764
主贴数
94
鲜花
9997
违规
0
我的相机
佳能5D3
PS版本号
PhotoShop CC
辅佐软件
LightRoom
只看该作者 2楼 发表于: 2010-12-21
回 1楼(bb1201) 的帖子
呵呵,杯具了,当初想把这个帖子讲解的更加细致,所以就有很多图片和GIF动画,谁知道不能正常上传,不知道什么原因,只能将就大家下载了。这个也是我的费心之作,希望大家能够喜欢。
PS—只有想不到没有做不到,它可以化腐朽为神奇!后期—不是救命稻草,它只能做到锦上添花。
发帖
3420
PS币
43614
主贴数
173
鲜花
8149
违规
0
我的相机
SONY A7R 24-240
PS版本号
PhotoShop CC2018
辅佐软件
LightRoom
只看该作者 3楼 发表于: 2010-12-21
呵呵,这种技术活还是我来给昆山解决,这么好的教程,一定要完美的呈现给同学们!
发帖
15194
PS币
18172
主贴数
21
鲜花
5859
违规
0
我的相机
PS版本号
辅佐软件
其他软件
只看该作者 4楼 发表于: 2010-12-21
细致的图文讲解,太好了! g4SYG)'R+  
感谢楼主!
发帖
1193
PS币
841
主贴数
602
鲜花
27053
违规
0
我的相机
PS版本号
PhotoShop CS3
辅佐软件
LightRoom
只看该作者 5楼 发表于: 2010-12-21
很好的教程,学习
我的山水画手绘瓷器手工创意陶瓷:http://shop35653174.taobao.com/shop/
微博教程更新:http://weibo.com/5636005185/profile?topnav=1&wvr=6&is_all=1
发帖
361
PS币
2764
主贴数
94
鲜花
9997
违规
0
我的相机
佳能5D3
PS版本号
PhotoShop CC
辅佐软件
LightRoom
只看该作者 6楼 发表于: 2010-12-21
回 4楼(花花) 的帖子
感谢花花加精支持!更加感谢花管花费宝贵的时间将图片完整地呈现给各位同学!花管负责任的态度很受我尊敬!呵呵,深鞠一躬感谢!
PS—只有想不到没有做不到,它可以化腐朽为神奇!后期—不是救命稻草,它只能做到锦上添花。
发帖
19
PS币
1
主贴数
0
鲜花
6
违规
0
我的相机
佳能
PS版本号
辅佐软件
其他软件
只看该作者 7楼 发表于: 2010-12-21
很好的教程,学习
发帖
289
PS币
19
主贴数
4
鲜花
67
违规
0
我的相机
NIKON D80镜头18-135
PS版本号
辅佐软件
其他软件
只看该作者 8楼 发表于: 2010-12-21
哇~~很好的教程啊,就是好像有点难度~~~~好好练习,加紧学习~~~楼主辛苦,真详细啊~!
发帖
292
PS币
354
主贴数
5
鲜花
5
违规
0
我的相机
PS版本号
辅佐软件
其他软件
只看该作者 9楼 发表于: 2010-12-22
用户被禁言,该主题自动屏蔽!
快速回复
限100 字节
如果资源内含其他广告信息,请在论坛管理处办公专贴反馈,查实有大奖。
 
上一个 下一个