新增:智能动画 — 为您的原型添加运动效果。 了解更多

跳过导航

矢量编辑

最后更新于 2023 年 8 月 29 日
阅读时间:8 分钟

使用矢量绘制新形状

绘制新形状

观看课程

要使用矢量工具 矢量工具 绘制新形状图层,请从工具栏中选择插入 > 矢量,或按 V。点击画布上的任意位置创建第一个点,然后再次点击创建另一个点。

形状中所有点之间的线称为路径。路径中位于两个点之间的部分称为线段。

您可以创建任意数量的点来绘制您想要的形状。要闭合路径,请再次点击第一个点。

如果在创建点时点击并拖动,您将创建镜像点 镜像 和弯曲的路径(或贝塞尔曲线),您可以使用连接到该点的句柄控制它。

如何使用矢量工具创建简单的矢量形状

按住 可将点捕捉到相对于上一点以 45° 角递增的角度。

编辑现有形状

要以矢量模式编辑现有形状,请双击形状图层,或选择它并按 Return 。您也可以选择多个形状并同时编辑它们。

编辑形状

观看课程

编辑角点

观看课程

选择点

在矢量形状上按 Return 进入矢量编辑模式,然后点击形状上的任何点以选择它。

选择和编辑矢量形状中的点

要选择形状中的多个点,请按住 并点击每个点。要取消选择,请再次点击所选点。

要从一个点跳到另一个点,请按 Tab — 或按 Tab 跳到上一个点。

正在选择和取消选择矢量形状的多个点

在矢量编辑模式下,您还可以从形状外部点击并拖动以选择其中的点。在拖动时按住 可取消选择任何已选点,或将新点添加到您的选择中。

通过拖动选择和取消选择矢量形状的多个点

要在矢量编辑模式下选择开放形状中的点,请按 X,然后点击或拖动点,或在检查器中 X 和 Y 字段旁边的选择按钮 选择 上启用它。

只要您已选择所有形状并处于矢量编辑模式,您也可以通过点击和拖动来跨多个形状选择多个点。

正在跨多个矢量形状选择和编辑多个点

要在矢量编辑模式下选择形状中的所有点,请按 A,或从菜单栏中选择编辑 > 选择 > 全选

移动点

要移动点,请选择它并拖动它。您也可以使用键盘上的箭头键,或在检查器中更改其 X 和 Y 值。您可以按住 shift 以沿单个轴移动点,就像移动图层一样。

您还可以使用 分布和对齐工具 来均匀分布或对齐多个矢量点。

更改点类型

当您选择一个点时,您可以通过从检查器中的四种不同点类型中进行选择来更改它对路径的影响

An annotated image showing the four different point types you can use in vector editing mode

您可以在矢量编辑模式下使用的四种点类型

  1. 直线 是默认的点类型,它为您提供没有任何句柄控制点的直线路径。如果要在直线点上创建圆角,请拖动半径滑块。您可以为形状上的每个点设置单独的角点半径。
  2. 镜像 镜像 点创建弯曲的路径(或贝塞尔曲线)并具有两个句柄控制点。您可以拖动控制点以调整曲线,另一个点会镜像它。要创建镜像点,请使用矢量工具 矢量工具 点击并拖动,或双击任何现有的直线点。
  3. 断开连接 断开连接 点具有完全独立于彼此的句柄。要将您的曲线更改为直线,请选择任一句柄控制点并按 Backspace 删除它。您可以通过按住 并拖动其句柄控制点之一来断开连接任何点。当您按住 并镜像点或不对称点之后创建新点时,您将使该点断开连接。这不会影响通往它的曲线。
  4. 不对称 不对称 点具有可以与矢量点距离不同但共享相同角度的句柄。

在拖动句柄控制点时按住 将改变它与矢量点的距离,而不会改变它的角度,这对微调曲线很有用。

您可以通过按以下键快速更改您选择的任何点的点类型

1 直线
2 镜像 镜像
3 断开连接 断开连接
4 不对称 不对称

要快速查看矢量形状中控制弯曲点的所有句柄,请选择它并按住

插入点

您可以通过点击路径上的任何位置插入新点。或者,点击并拖动以创建弯曲的路径 不对称. 要在两个现有点的精确中心创建点,请按住

如何在两个现有点的正中间添加新点

弯曲线段

按住 然后点击并拖动任何线段(两个点之间的路径)以弯曲它。这将在线段两侧的点上添加句柄控制点。

如何在矢量形状中添加弯曲的路径

打开和闭合路径

形状的路径可以是闭合的也可以是开放的。当形状闭合时,路径连接第一个点和最后一个点。开放路径在第一个点和最后一个点之间有一个间隙。

要通过连接第一个点和最后一个点来闭合路径,请从菜单栏中选择图层 > 路径 > 闭合路径,或按 O。您可以使用相同的方法打开闭合路径。

闭合路径和开放路径之间的区别

要创建开放路径,请添加您的点,然后在检查器中按 完成编辑 或按 Return 退出矢量编辑模式。下次您编辑此形状时,您可以继续上次离开的位置,并在最后一个点之后或第一个点之前放置下一个点。

如何完成开放路径的编辑

您也可以使用 剪刀工具 剪刀 打开路径并剪掉两个点之间的线段。

当您编辑开放路径并点击相对端点时,您可以在 设置 > 图层 中选择是闭合路径还是选择该点。

如果您将填充添加到具有开放路径的形状,则填充将继续像路径已闭合一样起作用。

连接路径

选择两个或多个开放路径,并从菜单栏中选择图层 > 路径 > 连接 将它们组合成单个路径。最底部的路径将保持在原位,而上面的路径可能会略微移动以配合在一起。

点如何捕捉到像素

当您选择矢量形状时,您可以点击检查器顶部附近的矢量捕捉图标,选择是将矢量点捕捉到完整像素边缘 矢量捕捉 - 完整、半像素 矢量捕捉 - 半、四分之一像素 矢量捕捉 - 四分之一 - 还是选择不捕捉它们 矢量捕捉 - 无

要更好地了解您的点捕捉到的位置,请放大并启用像素网格,方法是选择**查看** > **画布** > **在放大时显示像素网格**,或按X。当您放大时,您将看到点在移动时捕捉到您选择的像素级别。

如何在编辑矢量时设置像素捕捉

将边框转换为轮廓

选择任何带边框的形状,然后选择**图层** > **转换为轮廓** 或按O 将边框转换为具有其自身填充的形状。

偏移路径

要扩展或收缩形状的轮廓,请选中它,然后选择**图层** > **路径** > **偏移**。当您在检查器中拖动滑块时,您将看到画布上偏移路径的预览。您还将看到原始形状的轮廓,以帮助您将更改与形状的原始大小进行比较。您还可以选择将偏移设置为重复图层。

您还会在工具栏的**工具**下拉菜单中找到**偏移路径**选项。您甚至可以通过**查看** > **自定义工具栏** 将**偏移路径** 添加为自定义工具栏项目,并将图标拖动到工具栏。

如何将偏移路径与矢量形状一起使用

反转路径的顺序

如果您有一个具有开放路径的形状,它从起点到终点有一个明确的方向。要反转该方向,请从菜单栏中选择**图层** > **路径** > **反转顺序**。这意味着您现在可以在新创建的终点添加一个新点,或者反转箭头方向,该箭头可以显示为边框的一部分。