logo
帮助文档/图层属性/其它属性/描边属性

描边属性

描边是一种图层属性,也是矢量路径的视觉表达。你可以将描边用于:

  • 给形状、矢量网络或布尔运算图层的轮廓添加描边。
  • 直线和箭头。
  • 为图片添加边框。
  • 给矩形、容器、组件添加单边描边。

描边属性

你可以通过描边的颜色、位置、粗细、节点和端点等属性调整描边的外观。 '描边属性.png'

颜色

添加颜色

你可以向描边添一个或多个颜色。点击描边模块右侧的 '24_common_add (1).svg' 即可给描边添加颜色。

删除颜色

点击颜色右侧的 '16_common_delete.svg' 即可删除相应的颜色。

对描边使用颜色样式

点击描边模块右侧的 '16_panel_style (1).svg' ,打开样式选择器,点击需要使用的样式,即可在描边处使用该样式。

位置

你可以定义描边的位置。大多数图层默认使用内部描边,直线和箭头使用居中描边。

在颜色的下方,点击描边位置,在展开的列表中选择描边位置。 '位置.png'

粗细

你可以通过 'Vector.svg' 设置描边的粗细:

  • 直接输入一个描边粗细的数值。
  • 按住 ⌥ Option / Alt 同时在输入框进行拖动。

单边描边

默认情况下,Motiff 妙多会将描边应用于图层的所有路径。但对于矩形、容器、组件,你可以分别设置每条边的描边属性。

点击描边粗细右侧的 '路径.svg' ,可以设置要将描边属性应用于图层的哪一条边。 '单边描边.png'

你也可以选择 '16_panel_adjust.svg' 来分别设置 4 条边。

选择 '16_panel_adjust.svg' 后,你可以看到 4 个单独的字段,它们分别对应上、下、左、右边。你可以通过这 4 个字段分别设置每个边的粗细。如果你要删除某条边,可以将其设为 0 以删除这条边。

'单边描边2.png'

虚线

你可以将描边设置为虚线:

  • 点击 '16_panel_more.svg' ,可以展开描边设置面板。
  • 点击描边样式右侧的下拉菜单,选择 '16_panel_stroke-dotline.svg'
  • 可以通过虚线、间距右侧的输入框自定义它们的长度(以像素为单位)。
  • 自定义虚线样式。 '虚线.png'

端点样式

你可以设置任何开放式路径的端点样式。根据选中图层的结构,端点属性将展示于不同的位置。

两个端点

如果选中的图层只有两个端点,可以在描边模块直接设置两端样式。例如:直线和箭头。

其他情况

如果选中的图层有一个或超过两个端点,你可以点击 '16_panel_more (1).svg' ,在展开的描边设置面板中找到端点样式的属性。

该属性同时控制了选中图层的所有端点,如果你要单独调整其中一个或多个端点的样式,需要进入矢量编辑模式,选中需要调整的端点,再单独设置其端点样式。

'其他情况.png'

在 Motiff 妙多中,你可以将端点设置为以下几种样式:

  • 正常:端点为方形,不增加路径长度。
  • 直线箭头:在端点两侧添加两条 45 度的线形成箭头的形状。箭头部分路径的粗细与描边粗细相同,且不可更改箭头路径的长度。
  • 三角箭头:在端点添加指向外部的三角形箭头。
  • 反向三角:是三角形箭头的反向版本,在端点添加指向内部的三角形箭头。
  • 菱形箭头:在端点添加菱形的实心箭头。
  • 圆形:以端点为中心,在外部添加半径为描边一半的半圆。
  • 方形:在端点外添加宽度为描边粗细一半的矩形。 'Cap and tip endpoints.png'

节点样式

你可以设置任何路径上的节点的样式。该属性同时控制了选中图层的所有节点,如果你要单独调整其中一个或多个节点的样式,需要进入矢量编辑状态,选中需要调整的节点,再单独设置其节点样式。

'节点样式.png'

节点样式包括:

  • 尖角:延伸两条路径,在节点处形成一个尖角。
  • 斜面:裁掉节点处的尖角,形成平坦的边缘。
  • 圆角:将节点处的尖角处理为圆角。

当节点样式被设置为尖角时,可以设置尖角节点的斜度。当节点的角度小于斜度时,将以斜面的规则展示该节点。

'节点样式2.png'

对于不同的图层,在描边处可以设置的属性不同。

图层类型颜色位置粗细单边描边样式端点样式
矩形
直线
箭头
椭圆
多边形
星形
布尔组
矢量图层开放路径支持
文本图层
容器、组件

轮廓化

你可以使用轮廓化功能将描边转换为矢量图层,使其变为可独立编辑的图层。

轮廓化是一次性的转变操作,无法在后续的编辑中将其单独恢复回描边。

进行轮廓化后,可见的描边范围将被转化为填充区域。你可以通过以下方式对图层进行轮廓化:

  • 右键点击图层,在右键菜单中选择轮廓化。
  • 选中图层后,点击「主菜单」-「图层」-「轮廓化」。
  • 使用快捷键:
    • macOS:⇧ Shift + ⌘ Command + O
    • Windows:Ctrl + Shift + O

你可以进入矢量编辑来查看轮廓化后的路径。 '容器 16.png'