即时设计教程 • 钢笔工具

「钢笔工具」主要用于自由绘制路径。

在矢量设计的诸多过程中,如果只通过多个基础图形做多次布尔运算做出新的图形,可能会极为复杂且效率低,同时有些复杂的路径描边往往无法只靠基础图形与其相关的布尔运算来完成。而钢笔工具可以很好地弥补这个问题,通过标记锚点和使用贝塞尔曲线,可以轻松、高效、自由地画出规则的曲线和直线路径。

 

开启钢笔工具

你可以在编辑页的「左侧工具栏」中找到「钢笔工具」并点击开启;

也可以使用快捷键P直接快速开启「钢笔工具」模式。

使用钢笔工具

钢笔工具创造的路径主要通过创建锚点来确定路径的长短、方向及位置。

锚点如何使用?
在数学概念中,两点可以确定一条直线。锚点与点相似,点的作用就是确定图形的形状,比如创建三个不在同一直线上的点后,用直线连接起来就是一个三角形。
路径与锚点是关联的。锚点间生成路径,路径上可以创建锚点。在路径中创建了锚点后,拖动锚点到任意位置,控制路径让其形态变化。

钢笔工具锚点间的路径除了直线外,也可以是曲线。通过修改锚点的类型还可以修改该锚点的贝塞尔曲线,修改曲线路径的曲线率等。

  • 创建锚点/路径

指针在任意位置上点击可以添加、创建锚点;
在已有路径上点击,可以在该路径上创建锚点;
连续创建两个锚点时,两点间可形成一条路径。与传统钢笔工具不同的是,路径内的锚点也支持选中后任意创建新路径。

 

  • 连接任意锚点

点击任意两个锚点连接,可以生成一条直线路径;
在连接第二个锚点时拖拽,可以将当前生成的路径变为曲线。

 

  • 修改锚点类型

选中锚点后,可以在右侧面板修改四种锚点类型:直角锚点、对称锚点、自由锚点、不对称锚点;也可通过快捷键直接修改锚点类型。


 

  • 取消、删除锚点/路径

取消锚点: 按住后,直接点击锚点可取消该锚点;

 

删除锚点:选中锚点后,按快捷键Delete可以删除锚点及与其相连的路径。

 

  • 进入锚点编辑模式

按快捷键V可以进入矢量编辑模式。在矢量编辑模式下,可以拖拽、多选、复制锚点和路径等。
 

路径的特点

通过钢笔工具创建的路径有两种类型:开口路径、闭合路径。

开口路径与闭合路径

选中开口路径的任意端点时,可以与其他锚点连接,创造闭合路径;
删除闭合路径的一段路径,可将闭合路径变为开口路径。

 

开口路径与闭合路径的样式区别

除图层通用的不透明度、阴影外,开口路径与闭合路径在部分属性中有区别:

填充

  • 闭合路径支持填充,填充的内容可以是:纯色、渐变色、图片等;
    开口路径没有闭合区域,因此不支持填充内容。 

描边

  • 闭合路径支持修改三种类型的描边:外描边、居中描边、内描边,
    开口路径默认为「居中描边」;


闭合路径没有端点,因此不支持设置端点样式;开口路径可以设置三种样式的端点:平头端点、圆头端点、矩形端点。
所有具有顶点的路径都可设置顶点样式,顶点包括:直角顶点、圆角顶点、斜切顶点。

 

钢笔工具的特点

  • 「矢量网格」绘制体系,支持连续绘制多个路径

与一般设计工具的钢笔有些区别的是,我们的钢笔工具支持在一个图层上直接完成多个开口、闭合路径的绘制。

 

  • 规则的直线与曲线作图

相较于铅笔而言,钢笔工具类似于在纸上使用尺规作图,可以直接创建标准的直线与曲线;
在钢笔工具中可以通过轻松修改贝塞尔曲线来画出许多种不同程度的曲线路径。

 

  • 不规则图形创建更自由

使用钢笔工具可以弥补基础图形无法快速实现的图形样式,绘制复杂路径更方便更高效。