
如果你手里已经有一份知识讲解、故事口播、课程内容或短视频文案对应的 SRT 字幕,现在可以尝试把它进一步制作成白板手绘动画。软件格律诗 分享下 SRT 白板动画 Skill 的核心思路,就是解析字幕中的叙事信息,再按照字幕事件安排画面元素的出现顺序,通过分区遮罩编排与流式笔迹绘制,让画面呈现出“边讲、边画、边上色”的手绘动画效果,最终输出 MP4 视频。项目特别适合制作暖米黄色纸张底的知识讲解、故事口播、课程字幕和短视频内容。

主要功能特点
- 解析 SRT 字幕,并按建议的 25–35 秒时长拆分场景
- 先输出分镜与配图策略,确保每一幕只表达一个核心意思
- 按字幕事件而非画面坐标,为元素建立语义化的绘制顺序
- 用
annotation.json管理区域、时序、字幕关联和重叠保护区 - 每个区域采用连续流式笔迹:先
ink铺线稿,再color添彩 - 支持浏览器预览台调整区域、顺序、时间和字幕关联
- 支持逐幕渲染与多幕合并,输出完整 MP 4
字幕驱动的叙事式绘制
这个项目最核心的特点是以字幕事件作为绘制依据。它首先解析 SRT,并按照建议的 25~35 秒时长拆分场景,然后为每一幕制定分镜与配图策略,让单个场景尽量只表达一个核心意思。后续元素的绘制顺序也围绕字幕事件建立,而非简单按照图片中的坐标排列,因此画面能够随着旁白叙事逐步展开。
分区遮罩与流式笔迹
每个画面区域都可以通过 annotation.json 管理,包括区域、绘制顺序、时间以及对应字幕。渲染时,一个区域先通过连续的 ink 笔迹绘制线稿,再使用 color 逐步添彩;对于存在遮挡关系的元素,还可以利用 protectedRegions 延后指定区域的显示,从而避免后续内容提前露出。
自带可视化预览台
项目提供本地 assets/preview.html 预览台,可以载入场景目录,对区域、叙事顺序、时间以及字幕关联进行调整并保存。完成标注后,还可以先生成区域检查图,再进入逐幕渲染流程,这种“先确认、后渲染”的设计能够减少分镜、线稿或标注尚未确定时产生的不必要渲染成本。
统一的手绘视觉风格
默认视觉规范采用暖米黄色纸张背景,建议使用 #F5EBD7,搭配深灰色素描线条,并以红、橙、蓝作为少量概念性点缀。画面强调极简手绘、干净背景和充足留白,同时明确不使用场景文字、标签、摄影感、3D 效果或复杂纹理,因此最终效果更接近传统白板讲解动画。
工作方式
该 Skill 的关键在于“字幕驱动、逐步确认”。每一步完成后都等待确认,避免在分镜、线稿或标注尚未定稿时浪费渲染成本:
1. 解析 SRT,输出分镜与配图策略。 2. 确认后生成统一风格的线稿。 3. 确认线稿后,结合字幕和原图创建标注,并载入预览台。 4. 确认标注后,生成分区与方向检查图。 5. 在预览台调整区域、叙事顺序、时序和字幕关联并保存。 6. 确认最终标注后,逐幕渲染 MP 4。 7. 多幕项目在确认各幕成片后合并。
视觉规范
- 暖米黄色纸张背景:建议
#F5EBD7 - 深灰色素描线条,红、橙、蓝仅作少量概念性点缀
- 极简手绘、干净背景与充足留白
- 不使用场景文字、标签、摄影感、3D 效果或复杂纹理
使用教程
第一步:准备运行环境
项目自带独立 Python 虚拟环境准备脚本,首次运行可以执行:
python scripts/prepare_env.py --check
python scripts/prepare_env.py
成功后第一条命令会输出 ENV_PY=<路径>,后续渲染建议始终使用这个解释器,以保持项目依赖隔离。
第二步:解析 SRT 并生成分镜
准备好字幕文件后,可以执行:
python scripts/parse_srt.py <字幕.srt> --target-sec 30 --min-sec 25 --max-sec 35
随后按照项目流程确认分镜和配图策略,再生成统一风格的线稿。线稿确认后,根据字幕和原图创建标注,并载入本地预览台继续调整。
第三步:调整标注并渲染
标注文件使用整数像素坐标描述区域,并通过 sequence、subtitle 和 narrativeRole 与字幕事件建立关联。推荐按照“场景铺垫 → 关键人物/物体 → 动作或变化 → 反应/结果”的顺序组织元素。确认区域和时序后,可以使用流式笔迹渲染器生成单幕 MP 4:
<ENV_PY> scripts/render_stream_whiteboard.py <图片路径> <标注路径> <输出.mp4> assets/drawing-hand.png \
--ink-path grid --color-fill contour-wipe
如果项目包含多个场景,则可以在各幕成片确认后使用 merge_scenes.py 合并:
<ENV_PY> scripts/merge_scenes.py --inputs 幕1.mp4 幕2.mp4 幕3.mp4 --output final.mp4
项目还提供 --ink-path skeleton 等选项用于笔迹表现调整,README 建议检查首帧是否保持干净纸张底色、中段画面是否存在提前露出的区域,以及每幕结束后是否至少停留 0.5 秒完整画面。
我的使用感受
从整个工作流设计来看,我认为这个 Skill 最有意思的地方在于它把“字幕”真正变成了动画编排依据。
传统白板动画制作通常需要人工安排每个元素什么时候出现,而这里先从 SRT 提取叙事节奏,再通过区域、顺序和字幕关联控制绘制过程,比较适合已经拥有成熟口播稿或字幕文件的内容创作者。
尤其是“线稿先出现、颜色随后补充”的流式绘制方式,配合暖米黄色纸张和极简手绘风格,很容易形成统一的知识类短视频视觉语言。
需要注意的是,项目本身把确认机制放在多个关键节点,因此它更适合希望对分镜、线稿、标注和成片逐步把控的人,而不是完全跳过中间步骤的一键式视频生成工具。
总结
SRT 白板动画 Skill 是一个围绕字幕驱动白板动画制作设计的开源 Skill,它把 SRT解析、分镜规划、线稿生成、区域标注、流式笔迹绘制、逐幕渲染和多幕合并串成了一套完整流程。
项目还提供本地预览台、示例素材以及独立环境准备脚本,对于想把知识讲解、课程字幕、故事口播或短视频文案转化为手绘动画的创作者来说,这种工作流具有较强的实用价值。
项目基于 MIT License 开源,仓库中还包含完整的 SKILL.md、渲染脚本、预览台和示例素材。
官方网站
https://github.com/geeklee/srt-whiteboard-animation
下载地址
https://pan.quark.cn/s/4b24390b78bc







