logo
帮助文档/图层与工具/创建图层/钢笔工具与矢量网络

钢笔工具与矢量网络

矢量网络

Motiff 妙多的矢量网络与大多数工具有所不同。大多数钢笔工具在一次绘制中只能有一条单一方向的路径,并需要重新连接到起点完成闭合。Motiff 妙多的矢量网络可以在不同方向上分叉或连接,无需创建单独的路径图层就可以绘制出复杂的形状。

如下场景可以利用矢量网络更自然地绘制出想要的图形。

创建矢量网络

你可以按下快捷键 P 或点击工具栏中的 '24_toolbar_pen.svg' ,在画布上开始绘制。

你也可以使用基本形状拼合创建出你想要的图形。点击工具栏中 'Vector.svg' 图标下的形状或使用具体形状的快捷键,即可在画布上创建形状。 '创建矢量网络.png'

你可以按住修饰键以特定方式创建形状:创建形状时按住 Shift 可将形状的宽高比锁定为 1:1。 创建形状时按住 ⌥ Option / Alt 以使其相对于中心而不是左上角进行缩放。

编辑矢量网络

矢量编辑模式

矢量编辑模式下你可以针对单个锚点、路径或是整个矢量网络进行调整。你可以调整已有的锚点以及它们之间的路径,或是使用钢笔工具绘制新的锚点。

要进入矢量编辑模式:

  • 双击矢量网络。
  • 选中矢量网络后,按下 Return / Enter
  • 选中矢量网络后,在工具栏点击 '24_toolbar_edit vector矢量编辑.svg' 图标。

要退出矢量编辑模式:

  • 再次双击矢量网络。
  • 双击画布上的空白区域。
  • 在工具栏点击 完成
  • 按下 Return / Enter / Escape

该模式下工具栏内容将被替换为所有你需要的矢量编辑工具。

大多数情况下,你需要灵活的切换不同工具来完成绘制。

比如在移动工具下你可以进行选中和移动等操作,但不能绘制除了直线中点外的锚点及路径;在钢笔工具下你可以进行灵活的绘制操作,但不能随意地移动已绘制的内容。

钢笔绘制

按下 P 或在工具栏点击 '24_toolbar_pen.svg' 开始绘制。

  • 在画布任意位置点击创建锚点,连续点击将创建多个锚点且在锚点间以直线连接路径。
  • 在画布任意位置点击并按住拖动可以创建带有控制手柄的锚点,此时锚点连接的路径为曲线。

移动

按下 V 或在工具栏点击 '24_toolbar_move.svg' 。可以在矢量网络中选中和移动指定的锚点、路径或闭合区域填充。

  • 你可以直接在画布上拖动选中的内容。
  • 如果要进行更细微精准的调整,请使用键盘方向键
  • 移动时按住 Shift 键会向 45 度、水平、垂直方向吸附。

删除

有不同的删除方式能够达到不同效果:

  • 按下 Delete / Backspace 可以删除选中的内容。
  • 按下 Shift + Delete / Backspace 可以删除选中的锚点并修复路径。
  • 在钢笔工具下,按下 ⌥ Option / Alt 并悬浮在锚点上光标将变为 'Cursors_Customize_pen-delate.svg' ,此时点击锚点将删除锚点并修复路径。

复制

有不同的复制方式能够达到不同效果:

  • 使用快捷键直接复制粘贴选中的内容:
    • macOS:⌘ Command + C / V⌘ Command + D
    • Windows:Ctrl + C / VCtrl + D
  • 按住 ⌥ Option / Alt 并拖动选中的内容可以复制并将其移动到你想要的位置。

拼合

把选中的锚点、路径拖动到与其他锚点、路径重叠的位置,那么完全重叠的部分将被拼合为一体。已拼合的部分无法再拖动分开。

贝塞尔曲线

在矢量编辑模式下,连接贝塞尔曲线(后简称为曲线)的锚点有控制手柄,通过调整控制手柄的长度及角度可以控制该锚点连接的曲线形状。

在工具栏点击 '24_toolbar_bending.svg' 图标切换或者按住 ⌘ Command / Ctrl 临时性地切换曲率工具,随后可以进行以下操作:

  • 点击连接直线的锚点,可以添加控制手柄,将直线变为曲线。
  • 拖动锚点或路径,将直线变为曲线或调整曲线的形状。
  • 点击连接曲线的锚点或直接点击控制手柄,可以删除控制手柄,将曲线变为直线。

你可以在设计面板中调整控制手柄为不对称、角度对称、角度和长度对称。也可以使用快捷键调整:

  • 按住 ⌘ Command / Control 将控制手柄调整为角度和长度对称。
  • 按住 ⌥ Option / Alt 将控制手柄调整为不对称。

填充

你可以使用油漆桶工具给闭合区域添加、删除填充:

  1. 1.选中矢量网络进入矢量编辑模式。
  2. 2.点击工具栏中的 '24_toolbar_paint bucket.svg' 或按下 B 切换为油漆桶工具。
  3. 3.点击矢量网络中的闭合区域以添加填充,再次点击以删除填充。

对于一个矢量网络,你可以只对其中部分区域添加填充,但所有填充将使用同一个颜色。

圆角

你可以在设计面板为锚点设置圆角属性。

当你选中整个矢量网络时,属性将应用于所有锚点。如果要单独设置某个锚点的样式,请在矢量编辑模式下选中指定的锚点。

端点样式

你可以为开放路径的端点设置样式。

Motiff 妙多会根据选中的矢量网络的类型在不同位置显示端点样式属性:

  • 具有两个端点的矢量网络:将在设计面板中显示,你可以独立设置起点和终点的样式。 '端点样式-1.png'
  • 具有一个或两个以上端点的矢量网络:将在 高级描边设置 中显示。 '端点样式-2.png'

当你选中整个矢量网络时,样式将应用于所有端点。如果要单独编辑某个端点的样式,可以在矢量编辑模式下选中指定的端点。

节点样式

你可以为节点设置节点样式。 '节点样式.png'

当你选中整个矢量网络时,样式将应用于所有节点。如果要单独设置某个节点的样式,可以在矢量编辑模式下选中指定的节点。