Photoshop使用钢笔工具与形状工具绘制矢量图

软件类学习建议：边看边练习，可以先收藏后学习。

主要内容：钢笔、直线绘制、自由曲线绘制、标准曲线绘制、路径操作和对齐、矢量蒙版、形状模式绘制、形状模式应用、形状工具、像素模式。

一、位图和矢量图的区别

1、概念

位图图像，又称为像素图，图片由一个一个像素组成，我们用手拍的照片就是像素图。

矢量图，由数学上的点线面构成，它具有颜色、形状、轮廓、大小和屏幕位置等属性，如机械、建筑用的CAD画的图就属于矢量图。

2、区别

矢量图形与分辨率无关，可以将它缩放到任意大小和以任意分辨率在输出设备上打印出来，都不会影响清晰度，而位图是由一个一个像素点产生，当放大图像时，像素点也放大了，但每个像素点表示的颜色是单一的，所以在位图放大后就会出现咱们平时所见到的马赛克状。

同内容图像的位图和矢量图的大小、格式也不一样。

3、路径、形状、像素

钢笔工具与形状工具的形状、路径选项，绘制的图形属于矢量图，可以无损放大缩小；形状工具的像素选项，绘制图形属于位图，放大缩小毁损像素。

二、钢笔工具

1、原理

贝塞尔曲线(Bézier curve)，又称贝兹曲线或贝济埃曲线，是应用于二维图形应用程序的数学曲线。一般的矢量图形软件通过它来精确画出曲线，贝兹曲线由线段与节点组成，节点是可拖动的支点，线段像可伸缩的皮筋，我们在绘图工具上看到的钢笔工具就是来做这种矢量曲线的。贝塞尔曲线是计算机图形学中相当重要的参数曲线，在一些比较成熟的位图软件中也有贝塞尔曲线工具，如PhotoShop等

快捷键P

钢笔工具的最多应用：生成选区，精准抠图。很多图片背景和要扣出的主体颜色太接近，曲线又比较多，不方便使用其他选区工具(套索工具、快速选择工具等)。

使用钢笔工具抠图最终效果

2、绘制直线

路径是辅助制图的矢量工具，可以描边、填充、建立选区、创建矢量蒙版等

窗口菜单→勾选路径面板

点击路径面板下方加号，创建一个路径

在路径画布上使用鼠标左键单击，创建一个锚点，再单击一下，创建第二个锚点，生成一条直线。

删除锚点：右击锚点，选择删除锚点或鼠标点击锚点，点击Delete或鼠标点击锚点，点击Backspace

确定创建：按Esc，退出创建模式，如需修改可点击直接选择工具或添加删除锚点工具修改

锁定角度（45°）：直线绘制时，按住Shift键，可绘制45°的倍数的角度线，如45°、90°、135°、180°等。

隐藏路径：Enter或点击路径面板空白区域

钢笔工具绘制过程中的不同图标代表的不同状态：

路径选择工具：选择整个路径，进行移动、自由变换(Ctr+T)，按住Alt键，移动会执行移动并复制。

直接选择工具：选择路径，进行路径编辑。

使用Ctrl键，可以在路径选择工具和直接选择工具之间快速切换。

3、绘制曲线

绘制曲线方法：新建一个路径，使用钢笔工具，在画布上点击一个点，然后点击第二个点，不要松开鼠标左键，拖拽鼠标，根据控杆(红色框选直线)的长度和方向(默认双向对称调整)，变换曲线的弯曲程度；

红色框选点称为角点，绿色框选点称为曲线点

曲线调整

选择直接选择工具：点选曲线，点击曲线点，点击控杆，调整曲线，双向联动；按住Alt键，调整曲线，单向联动；按住Shift键，定角度调整；按住Alt+Shift键，单向定角度调整。（曲线两端调整）

选择直接选择工具：点选曲线，点击曲线边缘，拖动鼠标，调整曲线。(曲线中间调整)

角点和曲线点转换：选择转换点工具，点击曲线点，曲线点变为角点；点击角点并拖拽，角点变为曲线点。

路径绘制过程中，按住Alt键，点击控点，可将曲线点变为角点。

4、自由钢笔使用

自由钢笔路径结合磁性使用，可用于抠图时，自由选择结合直接选择工具，对路径边缘进行编辑，生成选区。

5、弯度钢笔工具

弯度钢笔工具是新版本PS新增的，可以更方便绘制曲线，曲线的过渡更顺滑、自然。

绘制方法：选择弯度钢笔工具，多次点击画布，创建多个曲线锚点，系统会自动生成曲线。

6、路径的操作与对齐

路径的操作多用于生成不同选区，进行不同填充方案，绘制Log等。

使用路径选择工具方式：

(1)、点选路径，选择单个。

(2)、按住Shift键，点选路径，选择多个。

(3)、按住鼠标左键拖动，框选多个。

路径操作、路径对齐方式、路径排列方式应根据需求配合使用。

设置大缩略图，更好观察路径操作的结果(下图红色框选区域)

设置方法：点击路径面板右上角设置按钮，选择面板选项，选择大缩略图，点击确定(下图黄色框线区域)。

多种路径操作方式：

(1)、合并形状

(2)、减去顶层形状

(3)、与形状区域相交

(4)、排除重叠形状

(5)、合并形状组件，减去顶层向左

多种路径对齐方式、路径排列方式不再演示。

7、路径转选区方法的四种方法

(1)、路径面板，选择要建立选取的路径，单击鼠标右键，选择建立选区

(2)、路径画板，点击鼠标右键，选择建立选区

(3)、将路径作为选区载入

(4)、快捷键：Ctrl+Enter

8、矢量蒙版

优点：精准、可编辑

矢量蒙版的创建方式：

(1)、点击钢笔工具栏的蒙版；

(2)、鼠标右键单击画板，选择创建矢量蒙版；

(3)、按住Ctrl键，点击路径面板或者图层面板的创建蒙版；

(4)、点击两次图层创建蒙版，会创建一个图层蒙版、一个矢量蒙版。

9、矢量蒙版转换为图层蒙版

10、钢笔工具形状

钢笔工具栏，选择形状模式，绘制形状。

形状绘制与路径相似，形状可以设置填充和描边效果。

三、形状工具

根据需要，选择相应的形状工具，点击工具栏，可设置将要绘制形状的详细设置。

下图从左到右，从上到下，依次使用矩形工具、圆角矩形工具、椭圆工具、多边形工具、直线工具、自定义形状工具。

各命令的细节设置可查看对应的工具栏。

下图示例说明：

选择圆角矩形，拖动鼠标左键绘制，绘制完成后可在属性栏修改长宽、圆角大小等。

下图示例说明：

自由形状工具可以帮助我们快速绘制复杂图形，可使用系统自带图形，也可导入自定义图形。

获取更多内容，请关注我们公众号