课程表

CS版本及以上

工具箱
速查手册

PS 路径工具很灵活

当前位置:免费教程 » 软件/图像 » Photoshop
注意:本页面内容为W3xue原创,未经授权禁止转载,违者必究!
来源:W3xue  发布时间:2017/9/20 9:28:30

路径工具是PS提供的手工绘图工具,它的主力是【钢笔工具】,此外,还有【自定义图案工具】、【路径选择工具】等,它们可以准确的绘制、操作矢量的曲线、折线和各种形状,掌握路径工具,是掌握PS手绘功夫的必由之路。

图片保存为普通的JPG、GIF、BMP、PNG等格式,是不能存储路径的,如果保存,则这些路径会被“栅格化”成位图信息。只有将图像保存为PSD、TIF等格式,才能保存路径信息。如果你不知道什么是“栅格化”,请点击这里。路径绘制后,除了进行“栅格化”操作外,还可以进行描边、填充、转为选区或蒙版等一系列操作。

一、绘制心形

新建一副尺寸为400*400的空白图像,将背景色设置为白色。然后点选工具栏【钢笔工具】,在选项栏,将其设置为【路径】模式(而不是形状图层),添加一系列锚点,形成如下形状。在这个过程中,为了对齐锚点,我们可以引入参考线。点击菜单栏【窗口】>【新参考线】,新建3条参考线,分别是1条垂直和2条水平,然后使用工具栏【移动工具】,可以将其移动到合适的位置。我们还可以调出网格,这样,参考线便可以定位的更准确。单击菜单栏【视图】>【显示】>【网格】便可以显示网格。如果你发现参考线和网格都没有显示,那么可能是被隐藏了。单击菜单栏【视图】,确认【显示额外内容】前面处于勾选状态,如果没有勾选,重新勾选即可。值得注意的是,参考线和网格都是“额外内容”,属于PS的辅助工具,不属于图片和任何图层,不会被保存在图片文件中。

如果我们发现锚点位置不准确,可以按住键盘上的Ctrl键,这样【钢笔工具】会自动变成【直接选择工具】,可以直接拖动锚点。【直接选择工具】在工具栏上位于钢笔上方1格,和【路径选择工具】在一起:

接下来,我们为这个路径添加更多的锚点。如何添加呢?点击工具栏【钢笔工具】不放,会弹出其他的工具,有【自由钢笔工具】、【添加锚点工具】、【删除锚点工具】、【转换点工具】。【自由钢笔工具】用来自由的描绘路径,实际上使用的并不多。【添加锚点工具】就是用来在现有的路径上添加锚点的,只要单击路径上任何非锚点区域,就可以添加一个锚点。而【删除锚点工具】则是用来删除锚点的,在任何锚点上点一下就可以删除它。【转换点工具】一会我们再来介绍。但是,实际上,在选择【钢笔工具】的时候,如果你将光标移动到路径外,就是普通的钢笔,但如果放到路径上,它就自动变成了【添加锚点工具】,如果放到锚点上,它就自动变成了【删除锚点工具】,非常好用(注:某些状态下,工具栏的【添加锚点工具】、【删除锚点工具】、和钢笔工具稍有不同,例如,在该路径外的另外的锚点,但是也可以通过鼠标右键的方式删除锚点。在有参考线的情况下,Ctrl键会变成移动工具,但总体上说,【钢笔工具】几乎可以搞定一切)。

在添加锚点的过程中,可以拖动水平参考线,然后在同一水平位置上添加锚点:

然后在【钢笔工具】状态下,按住Ctrl键,拖动新添加的锚点,其线段会自动变成曲线形状:

现在,我们利用【转换点工具】来为锚点添加曲线控制手柄。你可以点击工具栏的【转换点工具】来添加控制手柄,但是钢笔工具的方便之处又来了:在【钢笔工具】状态下,你可以按住键盘上的Alt键,【钢笔工具】就会自动转成【转换点工具】。这里,我们用【转换点工具】将左右上方两个突兀的点添加一个手柄,然后将其调整至圆滑的形状:

我们还可以添加、移动锚点,来将心形调整至我们满意的形状。如果心形的路径不在画布中央,我们可以选择工具栏【钢笔工具】上面一格的【路径选择工具】,将路径整体拖动到画布中央,最后按住键盘上的Ctrl+Enter键,或者鼠标在路径上点击右键>建立选区:

然后就可以对这个选区进行填充、渐变等各种操作了。如果你不再需要参考线,可以点击菜单栏【视图】>【清除参考线】。


二、选区转化为:路径和自定义形状

PS中预制了很多常见的图形,可以使用工具栏【自定义形状工具】绘制这些图形。那么如果你想增加形状该怎么办呢?

在上一节中我们讲到了将路径转化为选区的办法,这里我们通过将选区转换为路径,再将路径转换为自定义形状。

新建一个透明背景的图片,点击工具栏【钢笔工具】,建立锚点的时候,按住Shift键,可以使得锚点以45度的角度量跳转。利用这一点,我们可以先画出一个等腰直角三角形,这个三角形不要铺满画面,然后将其转化为选区,保存这个选区备用。再在这个选区的基础上,用【钢笔工具】描出一个更大的等腰直角三角形,正好将该选区包住,将其转化为选区。然后再点击菜单栏【选择】>【载入选区】,在弹出的对话框中,将操作一栏选择为“从选区中减去”。这样便得到一个空心三角尺的选区。再往里面填充颜色:

点击菜单栏【窗口】>【路径】,便可激活【路径】面板,点击【路径】面板底部的【从选区生成工作路径】按钮,便可以将当前选区转换为路径:

点击菜单栏【钢笔工具】,在画布中任意位置点击右键,选择【定义自定形状】,在弹出的对话中,输入名字,便可以将该图形变为自定义图形。

新建一副尺寸为700*500的图像,将前景色设置为蓝色,点击工具栏【自定义形状工具】,在选项栏,将其模式改为【形状图层】,再将形状选择为刚才定义的“三角尺”,在画布中拖动便可绘制图形,按住Shift键便可以按比例绘制。


三、对路径进行描边

1、绘制绳子

我们不但可以利用路径建立选区、绘制图形,还可以利用选区的描边功能,快速达成一些我们想要的效果,比如绳子、花串、珍珠链子、佛珠等。

新建一幅尺寸为500*400像素的图片,将背景色设置为白色。然后在工具栏上选择【钢笔工具】绘制一条曲线:

将背景色设置为红色,点击工具栏【铅笔工具】,在选项栏上将直径设置为15像素,然后再次点击【钢笔工具】(这里点击【路径选择工具】也是可以的,但建议点击【钢笔工具】),在画布中任意位置,单击鼠标右键,在弹出的菜单框中选择“描边路径”,然后在弹出的【描边路径】对话框中,将描边工具选择成铅笔即可:

如果需要对绳子的两端做变细处理,则只需要在弹出的【描边路径】对话框中,将“模拟压力”勾选即可:

最后按键盘上的Enter键可以暂时隐藏路径,使用工具栏【路径选择工具】可以再次显示路径。

2、绘制花环

如果需要绘制花环,步骤和上面的绳子类似,但是需要用到自定义画笔。如果你不会设置自定义画笔,请访问我们的PS 自定义笔刷和填充图案章节。这里,我们先预先定义好一个花状的画笔,过程不再赘述。点此下载本例花朵素材

将刚刚建立的图片返回到新建的历史记录上,重新画一个曲线。然后,将背景色设置为红色,再点击【画笔工具】,将画笔形状选择为我们定义好的花的形状,将画笔大小设置为“40”,在选项栏右侧【画笔】选项卡将画笔间距设置为“102”,不设置【动态颜色】和【动态形状】。再点选工具栏【钢笔工具】在画布中任意位置,单击鼠标右键,在弹出的菜单框中选择“描边路径”,然后在弹出的【描边路径】对话框中,将描边工具选择成画笔即可:

如果我们返回【画笔工具】,在选项栏右侧【画笔】选项卡将画笔的【动态颜色】勾选并设置,就能得到五颜六色的花朵。如果勾选【动态形状】,就会发现花朵角度、大小不一样,如果勾选【散布】,就会发现花朵散落在路径附近,以下是三种效果全开的情况(【平滑】会使绘制的图形平滑,一般都会勾选,这里不算做效果):

这里,如果将【描边路径】对话框中的“模拟压力”勾选,其效果会和上例中绳子的效果一样,末端花朵会变小,中间的花朵最大,这里不再演示。

3、珍珠手链

珍珠画笔素材下载:珍珠图像

珍珠手链和上例中的花环原理一样,但是要注意几点:

  1. 路径锚点不要闭合,但是彼此要十分接近。一旦将路径闭合,再对路径描边,填充的图像很容易重合,非常难调好。只需要将首尾两个锚点尽量接近即可。
  2. 可以先利用铅笔工描边绳子,但是如果珍珠画笔有透明、半透明区域,请在【铅笔工具】的选项栏将铅笔不透明度调低。
  3. 由于珍珠的颜色一般都较淡,因此前景色设置的颜色一般也较淡,但这样一来,描边的路径会变得更加暗淡。因此,可以反复的对路径进行描边处理,直到满意为止。
  4. 由于珍珠容易反光,且颜色很接近,因此,在选项栏右侧【画笔】选项卡,将【动态颜色】的变动值设置小一点才可以,或者直接不设置。【动态形状】、【散布】都不能设置。

处理好的图像如下:

佛珠的绘制也是一样的原理,但是佛珠可以使用【动态形状】中的动态角度功能,调出佛珠个体的动态角度。


四、配合极坐标绘制复杂几何图形

使用路径工具,可以先绘制出基本的单元曲线,绘制过程中,可以调出网格和参考线。再利用复制功能,将其大量复制:

单击菜单栏【滤镜】>【扭曲】>【极坐标】,在弹出的【极坐标】对话框中,选择【平面坐标到极坐标】,即可将图像整个扭曲360o,形成一个复杂的几何体,该几何体闭合部分在12点钟位置(正上方)。如果闭合处出现不太和谐的情况,可以复制底部6点钟的图案,再点击菜单栏【编辑】>【垂直翻转】,将其移动到顶部即可:

【极坐标】滤镜的效果,不但跟图案本身有关系,还跟图案外的空白区域大小有关系,如果整个画布是个正方形,那么产生的效果就会是圆形的效果。如果高度不够,则图像会被上下挤压,反之亦然。

利用【极坐标】滤镜,还可以将若干支并排的玫瑰花,扭曲成首尾相连,这样便得到花枝弯曲的花朵。还可以扭曲三个并排的箭头,得到一个类似交通标志中环岛的形状。此外,如果使用【极坐标】滤镜的【极坐标到平面坐标】模式,可以将循环图像变换为平面图像。极坐标在处理过程中,会拉长图像,因此,应该将这些并排的图像拉的“胖”一些。

注意:本页面内容为W3xue原创,未经授权禁止转载,违者必究!
来源:W3xue  发布时间:2017/9/20 9:28:30
 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号