把故事做成手绘动画绘本 hand-drawn-storybook-animation

把自己的故事画成动画

一只狐狸走进夜色，树木和远山随笔触逐渐显现。上方是作者《追星星的小狐狸》的短演示：先观察场景怎样在纸面上逐渐显现，再留意角色动作是否能让你看懂故事。它不是完整的七分钟作品；仓库另有水墨、城市长卷和夜晚绘本的预览。

hand-drawn-storybook-animation 是给 Claude 的制作指引。Claude 按剧本编写网页代码，在浏览器中绘制场景并播放动画；豆包语音是可选的配音服务。作者文章使用 Claude Opus 5.5 制作案例，但使用同一技能并不保证得到相同画面或质量。

下面以“胆小的小灯笼为迷路的人照亮回家路”为例，先做一个短场景，再加声音和字幕。对话示例由本站编写，尚未实际生成作品验证。

安装技能，准备自己的故事

安装到 Claude Code

页面安装区提供的是 macOS/Linux 的终端命令。它把技能文件复制到 ~/.claude/skills/，让 Claude Code 能读取制作要求。Windows 用户需将仓库中的 hand-drawn-storybook-animation 文件夹复制到用户目录下的 .claude/skills/，不要直接照搬 cp 命令。

官方也说明了 Claude 网页版和桌面版的 ZIP 上传方式，入口见仓库 README。本教程以能操作本地文件的 Claude Code 为例。

仓库只有技能说明和预览，没有完整动画工程，也没有文中提到的 tools/tts/doubao.py。安装完成后，仍需让 Claude 为你的故事生成工程和配音代码。

明确故事和制作范围

准备自己的故事、人物特点和希望观众记住的一件事。先用短故事熟悉制作过程，不必直接追求作者案例的七分钟长度。在新的创作目录中打开 Claude Code，发送：

使用 hand-drawn-storybook-animation，先帮我整理一个 45 秒的原创故事。
观众：喜欢温暖小故事的成年人。
主角：一只怕黑的小灯笼，外形圆润，提手略歪。
故事：它起初只敢照亮脚下，后来发现有人迷路，决定带路回家。
结尾：它依然怕黑，但愿意为别人多走一步。
风格：米色纸张、铅笔线、淡水彩，暖黄灯光与蓝灰夜色。
先给剧本，指出动机或转折不清楚的地方，修改后再拆分镜。
暂不写动画代码，不调用配音服务。

先看小灯笼为什么决定带路，而不是只看文案是否优美。若转折缺乏理由，先改剧本；动画越完整，后面换故事的成本越高。

确认分镜，制作首个场景

让每个镜头承担一个作用

剧本确定后，在同一会话继续：

把确认后的故事拆成分镜，列出每镜的画面、角色动作、旁白和预计时长。
开头让观众看到灯笼怕黑，中段让灯光照到迷路的人，表现灯笼发现对方的过程，结尾让两者一起走向家门。
保持同一个角色造型，不要用持续平移替代角色动作。
先用文字分镜说明镜头关系；如能生成分镜图，再提供图供我确认。
指出哪些镜头必须依赖配音时长，暂不合成声音。

检查镜头是否展示了“害怕—发现—选择—行动”的变化。分镜中的时长只是初步估计，接入真实配音后还要调整。

先生成一个短场景

确认分镜后，先选开头测试画风和角色动作：

先实现前 8 秒：米色纸上逐渐画出夜路，灯笼试探着迈出一步，灯光轻微颤动。
只用代码绘制，不借用作者的角色或成片素材。
先提供可运行的网页工程、源码位置，以及与实际工程一致的安装和启动命令。
保留开始、暂停、重播和声音控制。无须观众点击剧情按钮也能继续播放。
暂不制作后续场景；列出尚未完成的部分，不把临时浏览器朗读称为豆包配音。

按 Claude 针对这份工程给出的命令启动页面。查看线条出现是否自然、角色是否在行动、暂停后画面是否停止。满意后，再让它沿用角色造型和配色完成剩余分镜，避免每次重新生成整套风格。

接入配音，检查字幕与画面

准备配音服务和脚本

豆包配音需要火山引擎语音服务的凭据及相应权限，费用与额度以你的账户为准。没有凭据时，可以先完成无配音预览。

1. 在火山引擎开通所需的语音合成服务，取得可用凭据。
2. 让 Claude 根据技能说明和当前官方接口，为本工程生成配音脚本与不含密钥的配置示例，并说明所需环境和运行命令。
3. 自己在本地配置凭据，不将真实值贴入对话或提交到仓库。检查脚本后，再按下一节的要求，只生成一小段配音试听。

技能中的 tools/tts/doubao.py 是配音脚本的参考位置，仓库中并没有这个文件。先让 Claude 为当前工程生成脚本，再按它给出的实际路径运行。

先试听一小段配音

首次运行配音脚本前，在同一会话发送：

先只为一个短场景生成配音，包含一句旁白和一句灯笼台词，不生成全片。
旁白温柔自然，灯笼的台词稍有犹豫。
告诉我本次使用的台词、声音设置和只生成这段音频的运行方式，等我确认后再调用服务。

确认后，在本地运行对应脚本并试听。若声音或语气不合适，先调整设置、重新生成这一小段；满意后，沿用确认的声音设置生成其余配音。

按配音时长调整字幕和镜头

全部配音生成后，再发送：

使用刚才实际生成的音频，按每句的真实时长安排字幕和镜头。
字幕使用中文原文和对应英文翻译，保证意思一致。
如果一句话变长，后续镜头和字幕一起顺延，不裁掉语句。
暂停、跳转和重播时，声音与画面应同步；保留音频、字幕和分镜文件。

字幕和镜头同步完成后，从头播放一遍，核对台词、字幕和角色动作；再试暂停与重播。技能还说明了页面录制和竖屏宣传片的做法，但仍需让 Claude 为当前工程实现导出功能，并检查导出结果，能在网页中播放，不代表已经生成了 MP4 文件。

修改局部，换成自己的故事

发现中段节奏太慢时，明确要改哪段、保留什么：

只修改灯笼发现迷路者这一段：缩短空镜，先让灯光扫到脚步，再切到人物。
保留人物造型、纸张质感和其他场景。
先更新这一段预览；如果旁白发生变化，重新配音，并调整字幕和后续镜头的时间。
列出改动文件和仍未验证的部分。

换成科普、产品或另一段原创故事时，重新说明观众、角色、转折和画风；不要只把“小灯笼”替换成产品名，却保留不合适的剧情。可按下面的格式组织下一次需求：

观众：[谁来看]；看完希望理解：[一个重点]。
故事：[主角、问题、选择和结果]。
制作范围：[时长、画幅、画风]；素材：[自己的资料或参考来源]。
声音：[旁白、角色、语言，是否已有配音服务]。
先确认剧本和分镜，再做一个短场景。确认后扩展全片，保留源码。
导出需求：[网页、横屏视频或竖屏片段]；请说明实际支持的格式及未完成项。

本次核对时仓库未提供明确许可证。仓库公开不等于可以无限制商用；若要交付客户作品，应向作者确认技能的使用许可，并分别核对配音服务和素材条款。