Metlivi 博客

如何在粗矢量描边上切出一个开口

要在粗矢量描边上切出整洁的开口,请先将描边转换为填充形状,在其上放置一个闭合的切割形状,然后减去该形状。在 Adobe Illustrator 中,关键命令是 轮廓化描边 和 减去顶层。这种方法可以直接控制开口的宽度和角度。Adobe:将描边转换为复合路径,Adobe:路径查找器面板概览

本指南适用于编辑矢量角色图稿的用户,例如,想在粗圆形细节或弯曲轮廓上添加一个刻意留出的缺口。主要步骤以桌面版 Illustrator 为例,下文也介绍了 Inkscape 中的对应操作。目标是在图稿中真正切出一个开口,让后方的内容显露出来。

2026年10月29日阅读时间:7 分钟作者:Metlivi Editorial Team
第 1 节

为什么要先转换描边再制作开口?

粗描边既有可编辑的路径,也有可见的宽度。将其转换为轮廓后,描边的外观就会变成可重新塑形的几何形状。Adobe 明确说明,转换描边可以修改其轮廓,也可以将其分割成多个部分。Adobe:将描边转换为复合路径

对于这项操作,可以把转换后的描边想成一条带子。切割形状决定要移除哪一段带子。它的两条侧边决定开口的边界,而它的长度决定是否能贯穿整条带子。

理解这一区别有助于选择方法。如果你想要矩形、倾斜或自定义形状的开口,请使用减去操作。如果你想保留描边可编辑的中心线,只移除其中一段,那么编辑节点可能更合适。例如,Inkscape 文档介绍了一条命令,可以删除两个非端点节点之间的线段并留下缺口。Inkscape 初学者指南:节点工具选项

第 2 节

准备角色细节并确定缺口位置

转换描边前,先保存一份可编辑的副本。将原稿放在单独的隐藏图层上,这样之后仍能恢复其宽度和曲线。每次只处理一个细节;如果选中整个角色,就更难看清减去操作会影响哪些对象。

首次尝试时,使用一条简单的曲线或圆形,并设置纯色描边、不填充。如果现有角色细节也有填充,请先决定是否要保留填充。Adobe 提醒,描边轮廓化后生成的复合路径可能仍与填充对象编组,因此操作前要检查选区。Adobe:将描边转换为复合路径

绘制切割形状前,先确定以下三点:

  • 位置: 开口在曲线上的位置。
  • 宽度: 希望两条边缘之间留出的可见空间。
  • 方向: 开口应横穿描边,还是以一定角度穿过。

直线开口可以先从矩形开始。摆放矩形时,让它伸出粗描边可见边缘的两侧。切割形状如果止于描边内部,就会切出一个凹口;如果贯穿描边的整个厚度,就会形成开口。这是因为减去操作只会移除重叠区域。

第 3 节

在 Adobe Illustrator 中切出开口

对简单的描边细节,按以下步骤操作:

  1. 只选择要修改的描边。
  2. 选择 对象 > 路径 > 轮廓化描边。
  3. 检查结果,并将轮廓化后的描边与任何原始填充对象分别选中。
  4. 绘制一个有可见填充、无描边的矩形,横跨预定的开口位置。
  5. 将矩形置于轮廓化描边前方。
  6. 同时选中矩形和轮廓化描边。
  7. 打开 窗口 > 路径查找器,选择 减去顶层。

Adobe 将 轮廓化描边 说明为转换命令,将 减去顶层 说明为删除顶层对象,并从最底层对象中减去其重叠区域的操作。对象顺序很重要:角色细节要放在切割形状后方。Adobe:将描边转换为复合路径,Adobe:路径查找器面板概览

取消选择后,检查开口的两条边缘。如果需要调整位置或宽度,请撤销减去操作并修改矩形。初次编辑时,调整简单的切割形状,比移动多个新生成的边界节点更容易控制。

不要将 轮廓化描边 与路径查找器面板中的 轮廓 混淆。Adobe 将路径查找器的“轮廓”说明为生成无描边、无填充的路径;它的用途不同于将粗描边转换为可用于减去操作的形状。Adobe:路径查找器面板概览

第 4 节

通过实例确定切割形状的尺寸

以一个示例角色细节为例:曲线的一段水平部分使用 20 px 粗的描边,你想在其中切出一个 12 px 宽的开口。这些尺寸只是示例输入,并非规定的设计标准。

要垂直切过这段局部水平的部分,可以先画一个 宽 12 px、高 30 px 的矩形。将它横跨描边厚度的方向居中放置。多出的 10 px 高度会让矩形在描边两侧各多出 5 px,确保切割形状确实贯穿整条带子。

这两个尺寸各有不同用途:

切割形状尺寸 在此示例中的用途
12 px 宽 设置剩余边缘之间的水平开口宽度
30 px 高 贯穿 20 px 的描边,并留出额外余量
位置 决定开口出现在哪里
旋转角度 决定切口方向

此构造假定描边局部水平,且矩形与其垂直。若在曲线部分操作,或旋转了矩形,请重新检查整个重叠区域。必要时加长切割形状,并确认它没有同时与角色的相邻部分重叠。

要切出倾斜的开口,请在减去前旋转切割形状。此时,矩形的宽度是沿旋转后的方向测量的,因此不能将其视为相同的水平间隙宽度。请根据所需的净空方向判断结果。

第 5 节

在 Inkscape 中使用对应的工作流程

Inkscape 提供相同的基本操作:将描边转换为对象,并从一条路径中减去另一条路径。其文档也强调,堆叠顺序会影响布尔运算。Inkscape 初学者指南:节点工具选项,Inkscape 初学者指南:布尔运算

选择角色的描边,然后使用 路径 > 描边转路径。检查转换后的对象,再在所需缺口上方绘制一个有填充、无描边的矩形。将矩形置于转换后的描边上方,选中这两个对象,然后选择 路径 > 差集。差集会从一条路径中减去另一条路径;你要修改的对象应位于下方。Inkscape 初学者指南:布尔运算

如果操作没有产生结果,请先查看 Inkscape 状态栏中的提示,再更改其他设置。手册指出,失败原因可以在该提示中查看。Inkscape 初学者指南:布尔运算

第 6 节

排查外观不正确的开口

按一致的顺序检查几何形状和选区。以下检查是根据文档中说明的转换与减去行为得出的实用方法。

看到的情况 检查内容 下一步操作
只切出浅凹口 切割形状止于粗轮廓内部 延长切割形状,使其伸出两侧边缘
保留下来的是错误对象 切割形状位于角色细节后方 撤销操作,并调换对象的堆叠顺序
太多图稿被移除 切割形状与其他部分重叠,或选中了额外对象 缩小选区范围并重新摆放切割形状
开口仍被遮住 原始填充对象或副本仍位于编辑后的轮廓后方 分别检查这些对象
新切出的边缘带有多余描边 结果对象附带了描边 检查其填充和描边设置
开口只有在白色背景上才看起来正确 可能有白色对象覆盖了该区域 在对比明显的背景上检查

还要区分切出一个形状和拉开实时描边端点之间的间距。Illustrator 的端点设置适用于开放线条:平头端点会形成方形端面,圆头端点会形成半圆形端面,投影端点会超出端点,超出长度为线宽的一半。如果保留可编辑描边,这些设置会影响可见的端点。Adobe:为对象应用描边

完成转换和减去后,直接检查生成形状的边界。如果想改变边界角度,请撤销并调整切割形状。如果希望保留普通的圆头描边端点并继续控制宽度,请在定稿前重新考虑分段编辑的方法。

第 7 节

检查角色图稿中的最终开口

在编辑后的细节后方放置一个临时的对比色矩形。它应能透过整个开口显示出来。稍微移动这个矩形,以确认你看到的是从缺口露出的背景,而不是一个恰好与背景颜色相同的覆盖对象。

然后按预期显示尺寸查看角色。在高倍放大下很明显的缺口,可能窄到不足以呈现你想要的视觉细节。根据预期尺寸调整开口,并检查两条切割边缘,确保没有残留细条或意外重叠。

将可编辑原稿与完成版本一起保留。最终细节应具有你选定的开口,露出后方图稿,并保留周围曲线。确认这些条件都满足后,移除临时背景并保存编辑后的角色图稿。

第 8 节

资料来源

相关阅读

继续探索这个主题