本帖最后由 蒙太奇字幕组 于 2026-4-26 02:23 编辑
大家好,我是蒙太奇字幕组的小p,本文由我与 NickCollect 共同撰写。
蒙太奇字幕组成立于 2025 年 8 月,旨在重振日益向闭源图形格式与自动生成字幕倾斜的中文字幕生态:我们坚持 ASS/SRT 等开放格式,建设开放社区与开源工具,降低制作门槛、提升可复用性,让更多人能参与、学习并传承字幕创作。
今天介绍的工具,是我们推动这一开放生态的又一举措。
【背景:特效字幕里的一道墙】
ASS 字幕支持绘图指令(\p draw commands),这是一种将矢量图形直接渲染到画面中的技术。结合 Aegisub 的定位和特效功能,几乎可以还原任何复杂的图形效果,Logo、印章、装饰边框……唯一限制你的是想象力。
矢量图形的主流创作工具,Adobe Illustrator、Inkscape、Figma,都只能导出现代 SVG 格式,而 Aegisub 使用的是自己的绘图指令语法,两者格式不兼容。结果就是:你有专业绘图软件,也有 ASS 字幕丰富的表达能力,但中间隔着一道没有桥的沟。
传统的解决方法是依赖老旧的 Illustrator 插件,安装繁琐,还有精度丢失和图形锯齿等问题。很多特效师干脆绕开了绘图指令,或者手动推算坐标,费时费力,门槛也高。
NickCollect 在制作特效字幕期间深度遭遇了这个痛点,于是开始研究如何在浏览器里直接完成这个转换。经过 NickCollect 几个月的开发和改进,SVG 转 ASS 绘图指令工具在 2026 年 1 月完成内测,并于 3 月中旬随《至尊马蒂》字幕发布一同公开上线。
【这个工具做什么?】
一句话:把 SVG 路径代码转换成 Aegisub 可以直接使用的 ASS \p 绘图指令。
整个过程完全在浏览器本地完成,没有任何输入内容发送给服务器。
核心功能
智能路径提取:直接粘贴完整 SVG 源码,工具自动识别并提取所有 <path> 的路径数据,合并多条路径后统一转换,不需要手动清理 XML 标签。
高精度坐标缩放:Aegisub 绘图坐标是整数,\p1 模式下精度单位为 1 像素,小图形容易出现锯齿。工具提供 8x(\p4)和 16x(\p5)两种高精度模式,通过预先放大坐标从根本上解决这个问题。日常推荐 8x,16x 适合对精度要求更高的场景。
实时矢量预览:转换后即时在右侧渲染矢量效果,带亮度调节滑块,无论图形是纯黑还是纯白都能看清楚,确认没问题再复制。
自动生成 ASS 标签:自动添加 \fscx1000\fscy1000 等基础精度标签,也支持自定义追加 \pos、\c 等任意行内标签,复制后直接粘贴进 Aegisub 字幕行,无需二次处理。
多语言界面:自动跟随浏览器语言,右上角可随时切换。
【如何使用?】
无需安装任何软件,打开即用:
1. 打开工具页面:https://montagesubs.github.io/svg-to-ass/
2. 将 SVG 代码粘贴或上传到输入框
3. 选择精度模式(推荐 8x),按需配置附加标签,点击转换 Convert
4. 在右侧预览区确认效果,点击复制 Copy,粘贴到 Aegisub 字幕行即可
【技术实现】
工具是单文件纯前端实现,无任何外部依赖,核心是原生数学计算,覆盖 SVG 路径命令到 ASS 绘图指令的完整映射,包括贝塞尔曲线和椭圆弧的精确转换。支持 PWA,可添加到主屏幕,桌面浏览器下支持离线使用。已开源,部署在 GitHub Pages。
【最后】
字幕制作的工具链一直是字幕组生态里被忽视的一块。我们做这个工具,就是希望让「用绘图指令做精美特效」这件事变得触手可及,让大家能用自己熟悉的设计软件,把创意真正带进字幕里。
工具完全开源,欢迎提交反馈,也欢迎参与讨论。觉得有用的话,欢迎分享给更多字幕制作者。
蒙太奇字幕组 (MontageSubs)
"用爱发电 ❤️ Powered by Love"
|