【www.shanpow.com--自我介绍】
一:[ps路径教程]PS钢笔(路径)工具使用方法图文教程
首先来简要介绍一下钢笔工具和路径的概念
钢笔工具属于矢量绘图工具,其优点是可以勾画平滑的曲线,在缩放或者变形之后仍能保持平滑效果
钢笔工具画出来的矢量图形称为路径,路径是矢量的路径允许是不封闭的开放状,如果把起点与终点重合绘制就可以得到封闭的路径
现在我们来绘制一个简单的路径如下图在工具栏选择钢笔工具(快捷键P)
并保持钢笔工具的选项如图所示(在工具栏上方):选择第二种绘图方式(单纯路径),并取消橡皮带功能
然后用钢笔在画面中单击,会看到在击打的点之间有线段相连保持按住Shift键可以让所绘制的点与上一个点保持45度整数倍夹角(比如零度、90度)这样可以绘制水平或者是垂直的线段(图中从第5个点开始按下了Shift键)
从上面的简单练习中我们得出两个规律:
我们并没有直接绘制线段,而是定义了各个点的位置,软件则在点间连线成型
控制线段形态(方向、距离)的,并不是线段本身,而是线段中的各个点的位置
记住两个术语:
那些点称为“锚点”(anchor)
锚点间的线段称为“片断”(segment)
刚才我们绘制的那些锚点,由于它们之间的线段都是直线,所以又称为直线型锚点。
现在我们来绘制曲线形锚点
如下图所示般,在起点按下鼠标之后不要松手,向上拖动出一条方向线后放手然后在第二个锚点拖动出一条向下的方向线,以此类推,画出类似图示的路径
我们看到,在绘制出第二个及之后的锚点并拖动方向线时,曲线的形态也随之改变
究竟曲线是怎样生成的,我们又该如何来控制曲线的形态呢?除了具有直线的方向和距离外,曲线多了一个弯曲度的形态,方向和距离只要改变锚点位置就可以做到,但是弯曲度该如何控制?
如图在工具栏选择“直接选择工具”,注意是下方那个空心的箭头。
假设我们刚才绘制的4个锚点分别是ABCD用“直接选择工具”去点取位于AB之间的片断会看到刚才我们绘制AB锚点时候定义的方向线
仔细看一下这两个方向线再这样想象:一个人要从A点到B点,在A点出发的时候,位于A点的其他人看到他是朝着上偏右的方向走的而位于B点的人,看到他是朝着下偏右的方向来的那么综合两地的观测结果。就可以得出这个人行走的路线:必定是一个类似锅盖的上弧形
现在我们选择如图的“转换点工具”,该工具用来修改方向线
然后如下图所示般改变AB锚点上的方向线,将会看到曲线弯曲度的改变注意方向线末端有一个小圆点,这个圆点称为“手柄”,要点击手柄位置才可以改变方向线
结合刚才所作的比喻,就不难理解了:
修改B锚点方向线为下,相当于指定那个人从A点上方出发后,从B点下方进入,那么所走的路程就是一个S形
再修改A锚点方向线为下,相当于从A点下方出发,再从B点下方进入,所走的就是一个下弧形的路程
修改后的方向线如下图:
明白了方向线的方向对曲线形态的影响后,我们来看一下方向线长短造成的影响如下图般,在同一方向上拖拉方向线:(可使用“直接选择工具”)
对于一个锚点而言,如果方向线越长,那么曲线在这个方向上走的路程就越长,反之就越短可以这样设想,曲线是一个橡皮筋,在头尾两端有两个力在各自的方向上拉哪个方向上力气大,则橡皮筋就朝向这个方向多靠拢一些。反而反之
除了修改锚点之外,也可以利用“直接选择工具”,在片断上修改曲线的形态如下图:
注意:这并不能说是“修改了片断”,而应该说是“同时修改了两个锚点”牢记原则:片断是由锚点组成的,只有修改锚点才能改变片断形态,这是不可逆的因果关系
做一下小结:对于这条曲线上的除了起点和终点的BC两个锚点而言,都存在两条方向线:一条是从上一个锚点“来向”的方向线;另一条是通往下一个锚点的“去向”的方向线对于起点,只存在“去向”的方向线;对于终点,只存在“来向”的方向线
下面让我们做个小练习,如图:
现在要求在两个红点之间绘制一条紧贴鼠标外廓的曲线很可能你们绘制出来的是如下图这个样子的
虽然要求是达到了,但是这样的路径上使用了4个锚点
再看下图:
同样的曲线效果,这里只用了两个锚点来绘制移动两个红点的位置再行绘制,很可能你们绘制的效果是这样
而实际上呢,也只需要用两个锚点就可以绘制这条曲线了,如下图
再换个位置绘制一条,也只需要两个锚点,如下图:
记住一个原则:绘制曲线的锚点数量越少越好因为如果锚点数量增加,不仅会增加绘制的步骤,同时也不利于后期的修改
到这里,大家一定会产生两个问题:
两个锚点似乎可以包揽全部曲线形态了?这个观点显然是错误的,例如我们前面首个实例所绘制的曲线,就需要两个以上的锚点
那么,如何让所用的锚点数量最少?实际上这里还隐含着另外一个问题:究竟在哪里定锚点才是最佳的?
下面是我个人总结出来的规律:两个锚点之间的曲线形态分为两类:C形和S形C形的几种形态如下图:
它们的方向线如下图:
S形曲线的几种形态如下图:
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复制到剪贴板:
接下来把蓝色的椭圆层复制一层,改为其他的颜色便于区别
然后将前面一步复制的路径一次粘贴到两个层的路径中,并更改其与原先路径的运算关系需要注意的是:
要先将层的路径显示出来,才能加以修改
最好关闭暂时不用的图层,以免视觉混乱
“组合”并非必要步骤。按“组合”按钮之后两条路径就合并为了一个,但即使不合并也不会影响视觉效果,并且还利于后期的再修改。所以建议在实际应用中,除非必要,否则应尽量不使用“组合”功能。
在大家今后的类似制作中,只需要制作黄色的部分就可以达到视觉要求的效果了,因为黄色图层层次高于蓝色部分,本身就能够产生遮挡蓝色的效果。
过程如下图:
综合以上的内容,可以感受到路径在应用中的强大功能使用路径可以勾画平滑的曲线,在修改的时候非常方便并且最重要的是:其矢量图形固有的特性,使得其在旋转、拉伸等操作后依然清晰。而点阵图像会变得模糊。做个试验,先将一个矢量一个点阵图同时缩小到原来的10%,再放大回原大小。如下图:
在实际的设计过程中,由于构思的不断改变,很可能经常进行各种各样的修改比如缩放、旋转、5边形改6六边形,直线改曲线等如果是使用点阵图像,则很多情况下都只能重新绘制而使用矢量图形则可以完全避免这些情况并且矢量图象对系统资源占用较少(在Photoshop中),不受输出分辨率的影响所以在实际的设计当中,应首要考虑使用矢量图形进行制作。
二:[ps路径教程]。PS路径工具入门教程
虽然PS是一款位图处理工具,但是adobe公司希望PS成为一个多用途的图像处理软件,在PS的版本不断进化中,不断扩充矢量功能呢个,最新的版本矢量工具也变得越来越强大,路径形状结合图层样式,收到很多设计师的欢迎。 这篇文章主要向大家介绍下PS中的路径功能。 我们在学习矢量工具之前,我们首先要明白,矢量图和位图有什么区别。 通俗的说,位图就是我们日常所用到的大部分图片,比如jpg/png/bmp…,在放大后会变模糊,如果进一步放大会出现小方块,这每一个小方块就是一个像素,像素是图像最小的单位。矢量图不论怎样放大缩小都不会失真的情况,但是一般都需要特定的软件才能够打开,比如cdr/ai/dwg等矢量作图软件…。 路径就与矢量相关。 我们先看一看路径的组成。 上图就是一条路径,包含一条线和多个节点(专业叫锚点),节点有各自的调节杆(贝塞尔曲线)。 一条路径通过自带的节点数据,定义了线条的位置比例坐标,而调节杆则定义了路径线条的走向(夹角),点不论放大多少还是点,只是相对坐标改变了,而调节杆还是调节杆,线条走向也不会变。 这样就形成了矢量原理。 扯的可能太深奥,只要理解路径是点、线、面的关系就可以了。 还有“面”? 对,看下面。 在PS中可以绘制路径的就两个工具,钢笔和形状,而在这两个工具下还有一个很重要的选项————形状和路径。 没错,实际上形状就相当于“面”,是可被填充的。 使用这两个工具时,要特别注意你选择的是绘制路径还是形状。 路径存在于路径面板下 形状存在于图层 你可以使用钢笔工具随便画一画,点很容易,但是调节杆就不是很容易掌握了。 PS的选择工具(那个箭头图标),是针对路径使用的,当黑色箭头(路径选取)时是选择路径,而白色(直接选取)是选择路径节点的(可以框选),Ctrl可以切换两种箭头。 路径(形状)的绘制很重要,也很有讲究,一个logo、icon美不美观,跟轮廓线条的绘制很有关系,有空我们再单独讲讲线条怎么画才好。 形状图层与路径的关系是包含关系,需要依你的需要使用,比如抠图?那直接画路径好了,画图标logo?那还是直接画形状图层吧。 别看你用的是PS,实际上路径的画法是很多软件都通用的,比如AI、犀牛等。 具体怎么使用我这里不多说,网上大把教程。 下面再聊一聊路径的“布尔运算”。 实际上不叫布尔运算,PSer以前用犀牛叫习惯了,实际就是路径的加减法。 在钢笔或形状工具下,我们能够找到上面的图标,里面有很多选项,通过布尔运算对路径操作就能得到想要的结果(图形)。 这张图就能很清楚的说明 有些时候减不掉?呵呵,这个学问就大了,这个属于PS的暗箱操作之一,路径是有“层”的!! 层级示意 在工具顶部栏是不是能找到一个层级调节的图标?(这个图标也不是很好用,太不具象)。 告诉你们秘籍吧,你想让哪条路径跑到最上层,就直接Ctrl+X,然后Ctrl+V,因为被粘贴的永远是粘到最顶层的。 而布尔运算也是上层减下层。 很多人从来的不清楚路径是有层级的,想用好PS路径,在大脑养成虚拟的路径层级很重要,画图标时也要预先思考好应该先画那条路径。 另外,形状图层的路径与像素也有些密切的关系,与选区的原理一模一样,就不多讲了,不理解的去看看我写的选区章节吧。 最后,在首选项(Ctrl+K)里面有个特殊的开关,就是像素对齐,这个选项有利有弊,看你需要,所以在使用PS时,要不时的进去切换(Adobe咋就不整个快捷键呢?我很纳闷儿)。 当绘制两个同心圆(路径或形状)时,将两个圆对齐,勾选了像素对齐就可能因为两个圆直径差存在奇数而对不齐。 尽量保证像素点的对齐能够使图像更清晰明确,也是设计师的基本素质之一,注意是尽量。 一个对像素不负责的设计师不是好的设计师 这个自行体会吧~
三:[ps路径教程]PS教程丨史上最全最详细的PS路径教程(1)
编者按:很多朋友问,PS能做矢量吗?能,路径或者图形工具。下面这篇PS路径的文章,炒鸡详细,这样的好文章真应该整理分享出来让大家更好的学习PS、PS路径(此处应有掌声),由于此文超过20000字,所以只能分成两篇来发了,下篇请继续关注下次的更新哦。此外,茂趣创意之前发过一篇《史上最全的PS蒙板教程》,可以在最底下的阅读原文获取哦。文末有特别惊喜哦!
在开始这一章节之前,大家最好做到一件事,那就是忘记前面所学,以全新的心态来学习本章节的内容。按照之前我们的所学的,所有对图像产生实质性效果(如创建选区就不属于实质性)的操作,可以分为两类。
一是绘制,主要用画笔工具完成的,这个绘制除了通常意义上的产生新图像之外,也包括用画笔修改图层蒙版这样的操作,都称为绘制。此外使用文字工具也应算是一种绘制。
二是调整,比如最常用到的色彩调整,将红色变为绿色等。再就是针对图层的各种操作,比如更改不透明度等。还有图层样式的设定。此外还应当包括更改图像大小即改变图像像素数量这样的操作,都可以称为调整。
在掌握了前面的这些知识后,我们已经掌握了绝大部分的基础知识和技术,即使现在停止学习也可以胜任实际工作。换句话说就是可以“出师”了,在这里先恭喜大家一下。传说老虎的本领都是猫传授的,但猫没有教老虎爬树的本领。而这正救了猫的命,因为老虎出师后要找猫PK。我们大家不是猫和老虎,我也不打算留一手。
路径就是前面我们说过的三大基础概念(选区、图层、路径)中的第三,也是Photoshop“任督二脉”中的督脉,由此可见路径的地位非同寻常。尽管如此,但路径在画面效果的表现上并无独特之处,它主要被用来建立一个封闭区域,然后在这个区域内可以进行类似填充或色彩调整这样的操作,也可作为图层蒙版。而这些工作似乎完全可以交给选区去完成,事实上到现在为止我们也都一直在使用选区进行这些操作,也并没有觉得有什么效果是做不出来的。再复杂的选区也可以通过不断修补最终完成。
虽然路径在画面效果的表现上并非不可替代(比如可用选区替代),但其矢量、灵活的特点却是独一无二。矢量的意义已不必再次说明,相关的内容我们早已学习过。而所谓灵活,一是针对其创建,二是针对其修改。
让我们来看一个例子,要制作出一个类似下左图的形状,我们可以通过先创建一个矩形选区,然后减去一个椭圆选区来得到所需的选区形状,如下中图。然后利用这个选区建立一个色彩填充图层,图层调板类似下右图所示。
如果我们使用路径来建立蒙版,在图像效果上两者并没有什么不同,只是在图层调板中则会看到蒙版的样子好像有些不同。如下左图和中图。不过,路径可以很方便地进行修改,如下右图,将红色箭头处的路径点往上方移动些许,就可以变为一个新蒙版形状。
如果是用选区建立的蒙版,此时就需要删除原先的蒙版,然后建立新选区再将其作为图层蒙版。
或许大家会觉得其实不用那么麻烦,可以通过修改原有的蒙版来实现。这样想是没错的,但是如果要改为以下的这些形状呢?选区的修改工作就非常繁琐了。而如果是路径,修改起来则简单的多,只要在上图的基础上,拖动两下鼠标就可以完成了。
因此使用路径的意义不是为了让画面效果更出色,是为了让创建及修改的过程更简单更方便。在Photoshop中可以通过很多方式使用路径,其中最常用也最有价值的方式就是将其作为图层蒙版,这样也称为矢量蒙版。与通过选区所建立的点阵蒙版相比,它具有缩放不失真,修改方便等优点。同时也存在着一个非常大的缺点,如果不是因为有这个缺点,它就可以完全取代点阵蒙版。
锚点1路径的概念
首先要记住路径是矢量的。如果说图像中什么东西是矢量的,那么它就是由路径所组成的。
其次,路径可以是与选区类似的封闭区域,也可以只是一条首尾并不相连的线段,分别称作封闭路径和开放路径。而线段可以是直线也可以是曲线,或两者兼而有之。
再者,路径在Photoshop中是指示性的,本身并不能直接构成图像的一部分,只有在将其作为图层蒙版或填色及画笔描边后,才可以对图像像素产生影响。在这点上与选区类似,单纯的创建或修改选区也不能直接令图像发生改变。
最后,在Photoshop中只有特定的几个工具能够针对路径进行操作,它们分别是钢笔工具
,自由钢笔工具
,添加锚点工具
,删除锚点工具
,转换点工具
。这5种工具用来绘制及修改路径。此外还有路径选择工具
和直接选择工具
,这两者都是用来选取路径的,但在功能上有所区别。
大家回忆一下我们在学习选区工具的时候,曾经介绍过一个多边形套索工具
,它创建选区的方式是在不同的地方单击,连接单击的各个点来产生选区。创建简单的路径也就是采用这种方法。
2用钢笔工具的事项
选择钢笔工具
〖P/SHIFT_P〗。在公共栏将绘图方式改为“路径”
(如下左图红色箭头处)。这一步非常重要,如果没有选择正确将会产生色彩填充效果。我们现在只是需要了解路径,色彩填充是路径的一种应用方式,将在以后学习。另外如果现在开启“橡皮带”选项会影响我们的学习,可点击下左图绿色箭头处,确保其没有开启。
为了得到较为直观的鼠标光标提示,建议大家在首选项中的显示与光标〖CTRL_K,CTRL_3〗项目中,将其它光标设为“标准”,如下右图。
-
3绘制直线路径
一个400×300(可自行设定其它大小)的图像,此时将鼠标移到图像内,光标应显示为
,然后依次在图像中4个不同地方单击,就会看到这4点间形成了一条路径。如下图所示。细心的读者可能会注意到,在点击了第一个地方之后,鼠标的光标从
变为了
。前者表示将要绘制一条新路径,后者表示正处在路径绘制之中。记住这些光标显示很有用,本章后面还会对路径操作中所出现的各种光标做一个总结。
现在注意看一下图像中的显示,可以很明显地看到我们单击的4处地方,每个单击的点都有一个方块,这些方块有的空心(如1、2、3处)有的实心(如4处)。这些点称为锚点。每两个锚点间的线段称为片断。按照下图中来说,锚点1与锚点2之间的片断我们将其命名为片断12,以此类推命名片断23和片断34。
锚点的英文名为anchor,片断的英文名为segment,大家要记住这两个单词,因为在许多矢量绘图软件(如CorelDraw)和三维制作软件(如3DSMAX)中都有它们。一些较新版本的软件往往是先以英文语言版本发布的,而中文语言版本要滞后一段时间,因此记忆常用的软件词汇是必要的。
我们刚才绘制这个路径的过程,实际并不是直接画出了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有关路径锚点方向线的理解
我们所看到的这些射线称之为方向线,它们决定着曲线的形态。现在大家一定对此感到一头雾水,这没有关系,它们其实很容易就可以理解。假设在城市中有AB两地,它们之间的道路分布及方向如下左图所示。现在有一个人从A地出发到B地,且不走最短的直线行程,那么:
如果A地的人看到他是面向南方出发的,而B地的人看到他是面向北方进入的,综合两地的观察结果,这个人走的路线如下第2图所示。
如果A地的人看到他是面向北方出发的,而B地的人看到他是面向南方进入的,这个人走的路线如下第3图所示。
如果A地的人看到他是面向南方出发的,而B地的人看到他也是面向南方进入的,这个人走的路线就如下第4图所示。当然还有第4条路线。就是面向北方出发也面向北方进入,这里就不必再做图示了。
-
-
-
12选择路径并隐藏锚点
现在使用路径选择工具
或直接选择工具
在路径之外的位置点击一下,就会看到路径上的所有锚点都被隐藏了。如下左图。当然前提是要保证路径调板中工作路径还处于被选择状态。
13选择路径片断并显示锚点和方向线
使用直接选择工具
〖A/SHIFT_A〗在锚点12之间的片断点击一下,就会看到两条射线。如下右图。
-
现在,我们就可以将上右图中的锚点1和锚点2理解为AB两地,从锚点1是“面向右上”出发,而进入锚点2时候是“面向右下”。这样综合起来判断,片断12就应该是一个盖形(上弧),如下左图。使用直接选择工具点击片断23,也会看到从锚点2出发和到达锚点3的两条方向线,基于同样的判断,片断23就应该是一个碗形(下弧)。如下右图。
14路径锚点方向线的来向与去向
现在我们可以理解为:对于一个锚点而言,都有“来向”与“去向”两条方向线。“去向”方向线影响的是该锚点与下一个锚点间片断的弯曲度。而“来向”方向线则影响着该锚点与前一个锚点间片断的弯曲度。
既然锚点决定片断,那么片断也可以反证锚点。如果将曲线片断作为圆弧对象来看,按照几何理论,方向线就应当是位于圆弧某一点位置上的切线。这个“某一点”正是锚点。
-
15更改路径锚点方向线的角度和长度
现在我们尝试更改锚点2的“去向”方向线,来看看会有怎样的变化。先使用直接选择工具
选择片断23,再切换到转换点工具
〖P/SHIFT_P〗,在方向线末端的圆点上按住并往左拖动些许位置,看到片断23的弯曲度发生了变化,效果如下左图。这实质上是修改了方向线的角度,造成了片断弯曲度的变化。
也可以不改变角度,在现有角度的方向上拖动,将方向线伸长或者缩短,也会造成片断弯曲度变化。如下右图。
-
16理解更改路径锚点方向线长度
对于修改方向线长度所造成的影响,我们可以这样来理解:锚点间的片断是一根有弹性的橡皮筋,方向线长一些就好比往某个方向上拉动的力量大一些,这样橡皮筋就会在这个方向上多弯曲一些。反过来如果方向线较短则表示拉动的力量较小,而橡皮筋则较少向这个方向弯曲。
如果将方向线看待为X轴,曲线的相离程度为Y轴,则两者对比应如下图所示。不难看出,在同样大的两个矩形区域右端(代表X轴方向上经过同样的距离),曲线在Y轴上的高度有明显的不同。方向线较长,则曲线贴近方向线的距离也就越远。
方向线非常非常重要,它是路径的灵魂所在。因此我们在这一小节所安排的内容并不多,给大家足够的时间来消化所学的知识,请务必透彻理解。在这里我们来总结一下目前所学的知识。
首先,可以从路径形态上将锚点分为直线型和曲线型两种。那么:
直线型锚点没有独立的方向线,或者说直线型锚点的方向线与路径走向是一致的。所以一般我们说起方向线,就是指曲线锚点。
曲线型锚点由两个方向线,它们控制着曲线的弯曲程度,改变方向线的角度和长度会影响曲线的弯曲度。这两条方向线一个控制着“来向”曲线形态,另一个控制“去向”曲线形态。
曲线形态
直线型路径并没有太大的意义,路径的一个很大优势在于其可以很方便地创建曲线。创建直线型锚点的方法就是在不同的地方单击点,而创建曲线路径是在需要的地方按下鼠标并拖动才能完成,这拖动的操作实际上就是在建立锚点的曲线方向线。也就是说,拖动的程度将会直接影响曲线的弯曲度。
虽然知道了这些知识,也知道如何绘制曲线路径(不就是按住拖动么),但我们似乎还有些不知所措,那就是该如何去控制曲线的样子,又该如何去确定锚点的位置呢?换言之,如果现在想要利用路径画一个曲线的形状,比如一个心形或者一个五星之类的,究竟应该如何着手?先不要着急,还有一些知识需要学习。
现在我们来动手做一下,新建一个合适尺寸的白底图像,选择钢笔工具
〖P/SHIFT_P〗,公共栏中应设定为路径方式
。接着鼠标移动到图像中,光标指示应为
(表示将建立一条新的路径),然后在起点按下鼠标并向下拖动一段距离,松手,然后在第二个地方执行同样的操作。形成一条曲线路径。然后结束路径绘制。
17结束路径绘制
如果要结束路径的绘制,可切换到其他的路径工具,如路径选择工具〖A〗、形状工具〖U〗。最常用最方便的应该是按住CTRL在路径之外点一下(这实际上是临时切换到了直接选择工具
)。在以后要学习的Illustrator中也可以使用此方法结束绘制。另外,如果将鼠标移动到起点锚点上,光标指示将变为
(前提是已有至少两个锚点存在,否则无效),这时若点击则会建立一个封闭区域,绘制也将随之结束。
以上通过两个锚点建立曲线的操作(第一个点按下并拖动、第二个点按下并拖动、按住CTRL在路径外单击结束绘制),大家可以多做几次,每次在拖动起点或终点方向线的时候尝试不同的长度和方向,就会看到不同的曲线形态。不过无论怎样变化,都不外乎几种形态,正所谓万变不离其中。
18C形曲线形态
比如下图中的这几种,都很像英文字母C,所以我们将其称之为C形曲线。想象一下,如果我们为每个曲线标上XY横竖坐标,那么以下曲线的两条方向线指向都处在X轴同一侧,或Y轴同一侧。这就是C形曲线的共同点。所谓方向线指向,就是从锚点的空心方块出发,到方向线末端的实心圆点的这个方向。
形象地说,C形曲线的两条方向线,要么是一起向上指向,要么是一起向下、向左或向右指向。而它们之间的夹角不会超过90度。
19S形曲线形态
下图的几种,它们的两条方向线夹角都大于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"sgo!
首先在1号曲线的左端起点(起点并不一定左边,只是大家都习惯从左往右而已),按下鼠标并拖动方向线,这个方向线的角度就应该如下左图中的黑色线条,而两条红色线条是错误的角度,上面一条相离圆弧太远,下面一条则与圆弧相割。同样是错误,但情节有轻重。在这两者中,上面一条红线还不会造成太大的误差,可以通过下一个锚点的方向线来补偿一些。而位于下面的红线所造成的误差则很难弥补。因此,如果说一定要错的话,宁相离勿相割。当然画出正确的方向线才是努力的方向。
大家已经在操作中得知,鼠标在按下并拖动之后将出现两条长度相同的方向线,成180度夹角,跟随鼠标(光标为
)的都是“去向”方向线。那么以下右图来说,对于起点(锚点1)而言,我们拖动的方向就是通往锚点2的方向线。在锚点2处拖动的时候,拖动的方向也还是通往下一锚点的方向线。但是对于这两个锚点之间的片断而言,在锚点2处对其形态产生影响的,应该是与鼠标拖动方向相反的“来向”方向线,如下右图中的绿色箭头。因此在绘制时要注意观察。
按照这个思路和方法,就可以完成3条独立曲线的绘制。大家可以按照教程所提供的图像,也可以自己寻找其他图像临摹。
-
现在为止我们都只是绘制简单的两点曲线,即起点和终点。但在实际应用中所需要绘制的路径,并不可能都这样单一,大多数都是“蜿蜒曲折”的。我们现在就来学习能够应用于实际应用的绘制方法。
再新建一个图像,准备绘制一个如下左图m形状的路径。它应该是由两个C形曲线构成,锚点和方向线应该如下中图所示,注意中间那个锚点的方向线夹角很特殊,并不是像以往我们所看到的那样成180度。但大家仔细想一下就能理解,中间这个锚点的方向线必须要是这样的夹角,才能形成m形。如果无法理解,请回到本课有关锚点方向线的小节巩固相关知识。
虽然我们明白了道理,但是在绘制过程中,中间那个锚点的方向线却无法形成特定的夹角。我们绘制的实际过程应该如下右图所示,首先在锚点1处沿着红色箭头拖动出方向线,然后在锚点2处沿着绿色箭头拖动方向线,这样位于锚点1与锚点2之间的片断就是我们需要的形状了。至此没有问题。
当我们在锚点3处沿着蓝色箭头拖动方向线的时候,却发现锚点23之间的片断形态并不是我们所需要的C形,而是成了一个S形。此时我们就需要修改锚点2的方向线来达到目的。
-
-
21显示及修改路径锚点方向线
修改锚点方向线的方法并不复杂,但首先必须选择锚点,我们在介绍直线型路径的时候就已经学习过了,用直接选择工具
〖A/SHIFT_A〗在锚点上单击即可选择。不过由于曲线形路径有时候很难判断锚点的所在,可以先在片断上单击一下,就会看到路径中所有锚点的位置,这样就可以比较准确地选择了。被选择的锚点以实心小方块显示,未选择的锚点以空心小方块显示。可以参照本课第二小节中操作速查1205的方法选择多个锚点。
当在锚点上单击之后,该锚点的两条方向线就会同时显示出来。此时选择转换点工具
,在需要修改的方向线末端圆点(这个圆点也称作手柄)处拖动,即可修改方向线的角度和长度,如下左图。也可以使用直接选择工具
,在手柄处按住ALT键不放,拖动方向线。如下中图。如果没有按住或中途松开了ALT键,就会造成如下右图的错误。另外,在拖动手柄的过程中如果按住SHIFT键,可以锁定方向线为45度角的整数倍,即0、45、90等角度。
-
-
以上操作中需要注意的是,如果是通过拖拉方式选择的多个锚点,那么这些锚点的方向线可能都不显示,这时必须在一个锚点上单击以显示出该锚点的方向线。也可以逐个单击所选的锚点,这样它们的方向线都会显示出来。
另外,如果用直接选择工具
在初始的180度夹角的方向线手柄上拖动,无论拖动哪个手柄,都会同时改变两条方向线,就如同上右图所展示的那样。切记一定要按住ALT不放才可以移动单个手柄。但对于已经不是180度初始夹角的水平线而言,就不必按住ALT键了,直接选择工具
可以直接单独拖动其中一个手柄。
在路径的绘制过程中,如果没有掌握操作的技巧,可能就要频繁地切换工具才能完成操作,这不仅降低了效率,也令旁人觉得你手忙脚乱不够专业。因此务必要牢记我们在这里所教授的绘制技巧,并多加练习。
现在我们可以归纳出的技巧是:从理论上来说,选择锚点和修改锚点方向线,应该分别使用不同的工具。但我们可以在使用直接选择工具
完成锚点的选择(显示出方向线)后,按住ALT键(方向线为初始的水平夹角时)或直接(方向线非初始水平夹角时)去拖动手柄,完成方向线的修改。这样就免去了切换到转换点工具
的麻烦。
现在我们所学习的方法,是在完成锚点的绘制后,再修改锚点以完成操作。这虽然可以达到目的,但当所要绘制的路径上有许多锚点的时候,这些不正确的方向线会使画面显得凌乱,也会影响我们的判断。