矢量网络 - Vector Networks
2021-06-21 17:14:27    9    0    0
emengweb

原文地址

矢量网络是 Figma 中最独特的功能之一。大多数钢笔工具以定义的方向循环绘制路径,总是希望重新连接到它们的原始点。矢量网络没有方向,可以在不同方向分叉,而无需创建单独的路径对象。然后可以在同一个对象中创建具有相同属性的复杂对象,比使用传统矢量路径工具绘制它们的速度要快得多。

创造

您可以使用钢笔工具或任何形状工具来创建新的矢量图层。 

使用形状工具时,您可以按住修饰键以特定方式绘制它们:

  • 如果⇧ (Shift)在创建形状时按住,则会将形状的纵横比锁定为 1:1。
  • 如果⌥ (Option/Alt)在创建形状时按住,则会相对于其中心而不是其左上角创建该形状。
  • 如果Space在创建形状时按住bar,它会移动整个形状而不是单个点。

编辑

如果您选择一条路径  并按 ENTER 键 ,您将进入矢量编辑模式,在该模式下您可以选择、调整或更改单个点、线或整个形状的属性。您还可以使用工具栏中的“ 编辑对象” 按钮进入“矢量编辑”。要退出,只需  再次按ENTER或按  工具栏中的DONE。

编辑对象时,您可以与现有点及其之间的线进行交互。您还可以使用钢笔工具绘制其他点并对其进行操作。 

点之间的路径可以是直线,或者您可以使用弯曲工具将它们弯曲以激活贝塞尔曲线。

贝塞尔曲线

要访问点的贝塞尔控制柄,请进入编辑模式。如果是曲线,则手柄将已显示。如果它是没有手柄的拐角,请按住 ⌘ 并单击该点以显示手柄并创建镜像曲线。

圆角

路径上的任何中间点都可以通过检查器中的角半径属性进行舍入。如果您选择整个路径,它会将所有角都圆化到相同的程度。如果您进入编辑模式,您可以选择单个点并分别舍入它们。

开放路径上的终端点只能通过端盖圆角。

帽子

将样式添加到任何开放路径的终点。Figma 根据您选择的矢量路径类型以不同方式显示 cap 属性。

具有两个端点的矢量路径

如果选择了只有两个端点的矢量路径,Figma 将在右侧边栏中显示上限属性。您可以独立设置每个端盖。

具有两个以上端点的矢量路径

如果选择了具有两个以上端点的矢量路径,Figma 将在高级笔触菜单 ↓ 中显示帽属性。

选择整个矢量路径时,您无法独立编辑端盖。要独立编辑端盖,请在矢量编辑模式下选择单个矢量点

帽型

从中选择:

  •  None:在路径的末尾不添加上限。路径的末端是方形的,不增加路径的任何长度。
  •  线箭头:在端点的任一侧添加两条 45 度线。这使用与路径本身相同的笔画权重。您不能更改箭头线的长度。
  •  三角形箭头:在两个端点上添加一个三角形箭头。您需要进入矢量编辑模式→将箭头仅应用于路径的一端。
  •  反向三角形:三角形箭头的反向或翻转版本,箭头指向内部朝向路径。
  •  菱形箭头:实心菱形帽。
  •  圆形(默认):添加笔画粗细一半的上限,并将路径的终点四舍五入为宽度的 50%。
  •  Square:添加笔划重量一半的上限,同时将路径的终点设为平方。

查看此 Vector 网络视频教程 ,了解它们的运行情况。请务必阅读  我们的媒体页面上的 “介绍矢量网络” 

上一篇: 矢量网络介绍

下一篇: 图标设计完全指南

9 人读过
文档导航