若要在 Inkscape 中创建透明文字镂空效果,同时保持文字内容可编辑,请使用包含黑色文字和白色矩形的蒙版。将蒙版应用到作品上,需要修改文字时再释放蒙版。
本教程将在 Mac 上制作一个简单的抽象构图:重叠的彩色形状上出现由 FORM 组成的透明镂空。最终的 SVG 会保留文字和形状。修改文字时,按照释放、编辑、重新应用的步骤操作。
蒙版为何能保留可编辑文字
Inkscape 的普通蒙版使用颜色控制可见性:白色保留下方的作品,黑色使其透明。普通剪切则保留轮廓内的内容,因此用字母剪切会让字母内部出现作品。官方剪切与蒙版指南说明了这两者的区别。
在这种做法中,蒙版包含两个对象:一个纯白矩形,以及位于其上方的纯黑文字。矩形保留构图,字母形成镂空。SVG 蒙版支持群组和文字,因此无需将文字转换为轮廓。此做法遵循 SVG 规范中定义的蒙版行为。
请明确区分以下操作:
| 操作 | 功能 | 对后续编辑的影响 |
|---|---|---|
Object → Group |
将对象组合在一起 | 组内对象仍是独立对象 |
| 普通蒙版 | 控制作品的可见性 | 释放蒙版即可取回并编辑蒙版内容 |
对文字使用 Path → Object to Path |
将字母转换为轮廓 | 无法再用文字工具编辑文字内容 |
Path → Difference |
从一个路径中减去另一个路径 | 产生几何形状的变化,而不是可编辑的文字蒙版 |
官方高级教程来源明确指出,转换为路径会失去文字编辑功能。布尔运算手册说明,布尔运算作用于路径,或会尝试进行转换。制作可编辑效果时,不要使用这两条命令。
制作抽象作品和蒙版
在 Mac 上使用以下菜单命令。这样就不必依赖特定的键盘快捷键配置。在线《初学者指南》目前标明自己是 1.3 版文档;有些菜单项的名称可能较长,例如显示为 Set Mask 而不是 Set。
1. 创建并组合彩色形状
新建一个空白文档。绘制一个宽矩形,再在矩形边缘内添加两个重叠的椭圆。例如,使用蓝色矩形、靠左的绿松石色椭圆,以及靠右的橙色椭圆。这些只是建议的练习选择,并非规定的尺寸或颜色。
从工具栏选择每种形状工具,然后在画布上点击并拖动。Inkscape 的形状工具指南介绍了这种绘制方法。让形状充分留在页面范围内。
打开 Object → Fill and Stroke。为每个形状设置纯色填充,并使用 Stroke paint 中的无绘制叉号移除描边。本练习中,将对象不透明度设为 100%,模糊设为 0。填充与描边手册介绍了这些控件。
切换到选择工具,在三个形状周围拖出选框,然后选择 Object → Group。这就是作品群组。组合可让构图保持完整,而不会合并其几何形状;组合对象指南还介绍了如何进入群组编辑其中的对象。
2. 制作白色蒙版矩形
再绘制一个矩形,使其覆盖整个作品群组,并在四周稍微留出余量。将填充设为完全不透明的白色,不设描边,模糊设为 0。它会暂时遮住构图。
这个矩形定义了蒙版保留的区域。确保它足够大,能够覆盖整个构图,包括所有凸出的形状。若矩形过小,边缘以外的作品就会被遮住,这符合文档所述的 SVG 蒙版模型。
3. 在矩形上方添加黑色文字
启用文字工具,在白色矩形上单击一次,然后输入 FORM。单击一次会在一行上创建普通文字;拖动则会创建文字框。对于这个简短标签,请使用编写文字中介绍的单击方法。
选择电脑上已安装且带粗体样式的字体,将文字放大,直到它横跨构图中央。使用 Text → Text and Font 或文字工具栏调整字体、字号和间距。Inkscape 使用电脑上安装的字体,文字样式设置对此有说明。
将文字填充设为完全不透明的黑色,不设描边,模糊设为 0。确保完整文字位于白色矩形内。不要将文字转换为路径。
4. 仅组合蒙版组件
使用选择工具选中黑色文字和白色矩形,然后选择 Object → Group。彩色作品应留在这个群组之外。
应用蒙版前,堆叠顺序应如下:
- 黑色文字,位于蒙版群组内。
- 白色矩形,位于同一个蒙版群组内。
- 彩色作品群组,位于蒙版群组下方。
如有必要,使用 Object 菜单中的升高或降低命令调整顺序。官方堆叠顺序指南介绍了这些控件。白色矩形必须位于黑色字母后方,而它们组成的群组必须位于作品上方。
5. 应用普通蒙版
同时选中蒙版群组和作品群组。在这个练习文档中,由于没有其他对象需要纳入,直接在整个构图周围拖出选框即可。
选择 Object → Mask → Set;如果菜单显示的名称是 Set Mask,则选择该项。使用普通蒙版命令。根据 Inkscape 的剪切与蒙版指南,Inkscape 会将所选对象中最上方的对象用作蒙版。
白色矩形和黑色文字应从可见对象中消失。彩色构图会重新显现,作品群组中的每个形状都将出现字母形状的镂空。
确认透明效果并验证文字仍可编辑
白色页面可能会让透明镂空看起来像白色文字。请通过以下两项检查确认结果的透明性和文字编辑功能都已保留。
用临时背景检查镂空
绘制一个较大的紫色矩形,并将它下移到蒙版作品下方。让这个测试矩形位于蒙版群组之外。紫色应透过字母显示,而周围的彩色构图仍然可见。
将测试矩形改为另一种颜色。字母镂空应显示新的颜色。这是根据蒙版透明行为进行的实用检查:可见颜色来自下方单独的对象。
检查完后删除测试矩形。你也可以在 File → Document Properties 中启用 Checkerboard background 来检查空白区域。工作区手册说明,默认看起来是白色的画布仍可能具有透明背景。
释放蒙版并修改文字
选中蒙版构图,然后选择 Object → Mask → Release,有时菜单项会标为 Release Mask。根据 Inkscape 的蒙版行为说明,释放蒙版后,蒙版对象会回到原先被蒙版作品的上方。
白色矩形会再次盖住构图。使用选择工具双击释放的蒙版群组进入其中。启用文字工具,单击黑色文字,并将 FORM 替换为 ARC。如何进入和退出群组见组合对象。
如有需要,调整字体大小或位置。然后切换回选择工具,双击群组外部以退出。选中整个蒙版群组和作品群组,再次应用普通蒙版。
新的镂空应拼出 ARC。这就是可编辑性检查点:你是用文字工具修改字符,而不是调整字母轮廓。每当需要修改文字时,都重复这一流程。
排查意外结果
重新制作效果前,先检查对象结构。以下检查依据文档中说明的蒙版颜色、堆叠顺序和组合行为:
| 现象 | 检查内容 | 修正方法 |
|---|---|---|
| 整个构图消失 | 是否只用黑色文字作为蒙版? | 释放蒙版,并在文字后方加入白色矩形 |
| 作品始终完全不透明 | 白色矩形是否位于文字上方? | 在蒙版群组内将黑色文字移到矩形上方 |
| 白色矩形仍然可见 | 应用蒙版时是否选中了正确的对象组合? | 同时选中完整的蒙版群组和作品群组 |
| 彩色边缘意外消失 | 白色矩形是否覆盖了整个构图? | 释放蒙版并放大矩形 |
| 字母镂空呈现半透明效果 | 文字是否为灰色、半透明或带有模糊? | 将文字恢复为不透明黑色,并将模糊设为 0 |
| 某个彩色形状填满了字母 | 该形状是否位于蒙版作品群组之外? | 释放蒙版,将所需作品重新组合,然后再次应用蒙版 |
如果文字工具无法编辑释放后的字母,请检查它们之前是否已转换为路径。释放蒙版不会撤销路径转换。请恢复较早版本的可编辑 SVG,或新建一个文字对象;高级教程说明了可编辑文字与可编辑路径节点的区别。
保存可编辑 SVG 并导出透明 PNG
通过 File → Save As 保存工作文档,并选择 Inkscape SVG。保存作品指南建议使用这种格式来保留 Inkscape 的编辑数据。将此 SVG 作为修改文字时重新打开的主文件。
若要导出 PNG,请从 File 打开导出对话框。手册将其称为 Export PNG Image;你的版本可能会将此命令标为 Export。选择 PNG 和导出区域,输入所需的像素尺寸,然后导出。按照导出 PNG 文件中的说明,选择 Page 以导出页面布局,或选择 Selection 以导出所选构图的边界。
导出前,移除临时背景矩形,并确保文档背景的不透明度为 0。若作品后方有不透明对象,或文档背景不透明,PNG 的镂空区域就会显示该颜色。工作区指南介绍了这两种背景不透明度如何影响 PNG 输出。
PNG 是栅格图像;之后若要修改文字,应在 SVG 主文件中操作。重新打开该 SVG,释放蒙版,修改文字,重新应用蒙版,然后再次导出。将白色矩形和实时黑色文字保留在一起,就能得到可重复使用的结构,并可轻松恢复编辑。
来源
- 剪切与蒙版 — Inkscape 初学者指南。
- 剪切、蒙版与合成 — W3C。
- 高级 — 教程,官方来源 — Inkscape 文档。
- 布尔运算 — Inkscape 初学者指南。
- 形状工具 — Inkscape 初学者指南。
- 填充与描边对话框 — Inkscape 初学者指南。
- 组合对象 — Inkscape 初学者指南。
- 编写文字 — Inkscape 初学者指南。
- 文字样式设置 — Inkscape 初学者指南。
- 堆叠顺序 — Inkscape 初学者指南。
- Notes Alliberament — 剪切与蒙版 — Inkscape Wiki。
- 管理工作区 — Inkscape 初学者指南。
- 保存作品 — Inkscape 初学者指南。
- 导出 PNG 文件 — Inkscape 初学者指南。