如何在粗矢量描边上切出一个开口
要在粗矢量描边上切出整洁的开口,请先将描边转换为填充形状,在其上放置一个闭合的切割形状,然后减去该形状。在 Adobe Illustrator 中,关键命令是 轮廓化描边 和 减去顶层。这种方法可以直接控制开口的宽度和角度。Adobe:将描边转换为复合路径,Adobe:路径查找器面板概览
本指南适用于编辑矢量角色图稿的用户,例如,想在粗圆形细节或弯曲轮廓上添加一个刻意留出的缺口。主要步骤以桌面版 Illustrator 为例,下文也介绍了 Inkscape 中的对应操作。目标是在图稿中真正切出一个开口,让后方的内容显露出来。
为什么要先转换描边再制作开口?
粗描边既有可编辑的路径,也有可见的宽度。将其转换为轮廓后,描边的外观就会变成可重新塑形的几何形状。Adobe 明确说明,转换描边可以修改其轮廓,也可以将其分割成多个部分。Adobe:将描边转换为复合路径
对于这项操作,可以把转换后的描边想成一条带子。切割形状决定要移除哪一段带子。它的两条侧边决定开口的边界,而它的长度决定是否能贯穿整条带子。
理解这一区别有助于选择方法。如果你想要矩形、倾斜或自定义形状的开口,请使用减去操作。如果你想保留描边可编辑的中心线,只移除其中一段,那么编辑节点可能更合适。例如,Inkscape 文档介绍了一条命令,可以删除两个非端点节点之间的线段并留下缺口。Inkscape 初学者指南:节点工具选项
准备角色细节并确定缺口位置
转换描边前,先保存一份可编辑的副本。将原稿放在单独的隐藏图层上,这样之后仍能恢复其宽度和曲线。每次只处理一个细节;如果选中整个角色,就更难看清减去操作会影响哪些对象。
首次尝试时,使用一条简单的曲线或圆形,并设置纯色描边、不填充。如果现有角色细节也有填充,请先决定是否要保留填充。Adobe 提醒,描边轮廓化后生成的复合路径可能仍与填充对象编组,因此操作前要检查选区。Adobe:将描边转换为复合路径
绘制切割形状前,先确定以下三点:
- 位置: 开口在曲线上的位置。
- 宽度: 希望两条边缘之间留出的可见空间。
- 方向: 开口应横穿描边,还是以一定角度穿过。
直线开口可以先从矩形开始。摆放矩形时,让它伸出粗描边可见边缘的两侧。切割形状如果止于描边内部,就会切出一个凹口;如果贯穿描边的整个厚度,就会形成开口。这是因为减去操作只会移除重叠区域。
在 Adobe Illustrator 中切出开口
对简单的描边细节,按以下步骤操作:
- 只选择要修改的描边。
- 选择 对象 > 路径 > 轮廓化描边。
- 检查结果,并将轮廓化后的描边与任何原始填充对象分别选中。
- 绘制一个有可见填充、无描边的矩形,横跨预定的开口位置。
- 将矩形置于轮廓化描边前方。
- 同时选中矩形和轮廓化描边。
- 打开 窗口 > 路径查找器,选择 减去顶层。
Adobe 将 轮廓化描边 说明为转换命令,将 减去顶层 说明为删除顶层对象,并从最底层对象中减去其重叠区域的操作。对象顺序很重要:角色细节要放在切割形状后方。Adobe:将描边转换为复合路径,Adobe:路径查找器面板概览
取消选择后,检查开口的两条边缘。如果需要调整位置或宽度,请撤销减去操作并修改矩形。初次编辑时,调整简单的切割形状,比移动多个新生成的边界节点更容易控制。
不要将 轮廓化描边 与路径查找器面板中的 轮廓 混淆。Adobe 将路径查找器的“轮廓”说明为生成无描边、无填充的路径;它的用途不同于将粗描边转换为可用于减去操作的形状。Adobe:路径查找器面板概览
通过实例确定切割形状的尺寸
以一个示例角色细节为例:曲线的一段水平部分使用 20 px 粗的描边,你想在其中切出一个 12 px 宽的开口。这些尺寸只是示例输入,并非规定的设计标准。
要垂直切过这段局部水平的部分,可以先画一个 宽 12 px、高 30 px 的矩形。将它横跨描边厚度的方向居中放置。多出的 10 px 高度会让矩形在描边两侧各多出 5 px,确保切割形状确实贯穿整条带子。
这两个尺寸各有不同用途:
| 切割形状尺寸 | 在此示例中的用途 |
|---|---|
| 12 px 宽 | 设置剩余边缘之间的水平开口宽度 |
| 30 px 高 | 贯穿 20 px 的描边,并留出额外余量 |
| 位置 | 决定开口出现在哪里 |
| 旋转角度 | 决定切口方向 |
此构造假定描边局部水平,且矩形与其垂直。若在曲线部分操作,或旋转了矩形,请重新检查整个重叠区域。必要时加长切割形状,并确认它没有同时与角色的相邻部分重叠。
要切出倾斜的开口,请在减去前旋转切割形状。此时,矩形的宽度是沿旋转后的方向测量的,因此不能将其视为相同的水平间隙宽度。请根据所需的净空方向判断结果。
在 Inkscape 中使用对应的工作流程
Inkscape 提供相同的基本操作:将描边转换为对象,并从一条路径中减去另一条路径。其文档也强调,堆叠顺序会影响布尔运算。Inkscape 初学者指南:节点工具选项,Inkscape 初学者指南:布尔运算
选择角色的描边,然后使用 路径 > 描边转路径。检查转换后的对象,再在所需缺口上方绘制一个有填充、无描边的矩形。将矩形置于转换后的描边上方,选中这两个对象,然后选择 路径 > 差集。差集会从一条路径中减去另一条路径;你要修改的对象应位于下方。Inkscape 初学者指南:布尔运算
如果操作没有产生结果,请先查看 Inkscape 状态栏中的提示,再更改其他设置。手册指出,失败原因可以在该提示中查看。Inkscape 初学者指南:布尔运算
排查外观不正确的开口
按一致的顺序检查几何形状和选区。以下检查是根据文档中说明的转换与减去行为得出的实用方法。
| 看到的情况 | 检查内容 | 下一步操作 |
|---|---|---|
| 只切出浅凹口 | 切割形状止于粗轮廓内部 | 延长切割形状,使其伸出两侧边缘 |
| 保留下来的是错误对象 | 切割形状位于角色细节后方 | 撤销操作,并调换对象的堆叠顺序 |
| 太多图稿被移除 | 切割形状与其他部分重叠,或选中了额外对象 | 缩小选区范围并重新摆放切割形状 |
| 开口仍被遮住 | 原始填充对象或副本仍位于编辑后的轮廓后方 | 分别检查这些对象 |
| 新切出的边缘带有多余描边 | 结果对象附带了描边 | 检查其填充和描边设置 |
| 开口只有在白色背景上才看起来正确 | 可能有白色对象覆盖了该区域 | 在对比明显的背景上检查 |
还要区分切出一个形状和拉开实时描边端点之间的间距。Illustrator 的端点设置适用于开放线条:平头端点会形成方形端面,圆头端点会形成半圆形端面,投影端点会超出端点,超出长度为线宽的一半。如果保留可编辑描边,这些设置会影响可见的端点。Adobe:为对象应用描边
完成转换和减去后,直接检查生成形状的边界。如果想改变边界角度,请撤销并调整切割形状。如果希望保留普通的圆头描边端点并继续控制宽度,请在定稿前重新考虑分段编辑的方法。
检查角色图稿中的最终开口
在编辑后的细节后方放置一个临时的对比色矩形。它应能透过整个开口显示出来。稍微移动这个矩形,以确认你看到的是从缺口露出的背景,而不是一个恰好与背景颜色相同的覆盖对象。
然后按预期显示尺寸查看角色。在高倍放大下很明显的缺口,可能窄到不足以呈现你想要的视觉细节。根据预期尺寸调整开口,并检查两条切割边缘,确保没有残留细条或意外重叠。
将可编辑原稿与完成版本一起保留。最终细节应具有你选定的开口,露出后方图稿,并保留周围曲线。确认这些条件都满足后,移除临时背景并保存编辑后的角色图稿。
资料来源
- Adobe Illustrator:将描边转换为复合路径
- Adobe Illustrator:路径查找器面板概览
- Adobe Illustrator:为对象应用描边
- Inkscape 初学者指南:节点工具选项
- Inkscape 初学者指南:布尔运算
