孩子画的小人,真的动起来了!我做了一个手绘动画小工具

孩子画了一张画:一个大大的脑袋,几根细细的胳膊和腿,再加上自己喜欢的颜色。

在大人眼里,这可能是一张简单的涂鸦。可在孩子的想象里,它已经有了名字、性格,甚至还有自己的故事。

我就在想:能不能让这个纸上的小角色,真的挥挥手、跳一跳,出现在一段小动画里?

这次,基于 Meta 开源项目 Animated Drawings,我做了一个 Windows 桌面工具:手绘小人动起来。

导入手绘图片,识别人物,调整关节点,再选一个动作,就能生成 GIF 动图或 MP4 视频。

下面这个小蒜头,就是用软件实际生成的挥手效果。

文中的蒜头、铅笔和紫色人物来自官方随附示例,动画由本工具实际生成。

从一张画,变成一个会动的小伙伴

这类小工具最有趣的地方,是能把绘画和动画连接起来。

画好的小人,可以变成挥手打招呼的动图;一张彩笔画,可以跳起舞;同一个角色换几组动作,也能组成一个小故事。

当前版本内置六组动作:挥手、跳跃、开合跳、Dab 舞步、Jesse 舞蹈、僵尸动作。

除了直接生成动画,我也把实际使用时容易碰到的问题放进了界面里:

  • 关节点可以拖动。 肩膀、胳膊、膝盖识别偏了,可以自己调整。
  • 人物轮廓可以修正。 手脚少了一块,可以补回来;背景没有擦干净,也可以继续清理。
  • 人物可以保存成工程。 下次打开,不用从头处理图片,换个动作就能接着玩。
  • 支持两种导出格式。 GIF 可以保留透明背景,MP4 可以使用白底或自己选择的背景图片。

怎么使用?先从一张简单的画开始

软件实际界面

第一次体验,可以直接选择软件自带的"官方人物 1",点击"载入",再点"生成预览",先看看整个过程。

换成自己的画,按下面几步操作就可以了。

第一步:拍一张清楚的照片。

尽量使用白色或浅色纸张,让一个完整的人物出现在画面里。双手、双脚与身体分开,轮廓清晰,识别和变形通常会更顺利。

拍照时尽量正对纸面,减少阴影和杂物。它目前主要适合双手双脚的类人手绘角色,先从简单的小人开始,会更容易得到好看的效果。

第二步:导入图片,识别人物。

点击"选图片",再点击"自动识别"。如果图片里背景比较多,可以先框选人物所在的范围,再进行识别。

软件会找到人物,并给出头部、肩、肘、手、髋、膝、脚等关节点。

第三步:检查骨架和人物轮廓。

蓝色关节点没有落在正确位置时,可以直接拖动调整。

勾选"显示蒙版",还能检查人物是否被完整保留。"补回人物"用来修复缺口,"擦除背景"用来清理多余区域。

如果自动识别失败,也可以使用"手动骨架",再逐个调整位置。这里生成的是一个便于编辑的比例模板,需要自己校正。

第四步:选择动作,生成预览。

先用短预览看看动作是否自然,再根据需要调整尺寸、帧率、播放速度和时长。当前预览固定为 384×384、12 fps、最多 3 秒,正式导出使用界面里的参数。

第五步:导出,或者把人物保存下来。

做动态贴纸,可以选择透明 GIF;做一段小视频,可以选择 MP4。

处理好的角色也可以保存为 .adraw 人物工程,里面包含人物图片、蒙版和骨架。以后打开工程,就能继续编辑、尝试其他动作。

它是怎么让一张画动起来的?

这套流程结合了人物识别、动作数据和图形变形技术。

首先,检测模型找到画中的人物,姿态模型估计关节点的位置。随后,程序提取人物轮廓,把角色从纸张背景中分离出来;这一部分也支持人工修正。

接着,把内置动作中的骨架运动映射到手绘人物上。胳膊应该怎么摆,膝盖应该弯到哪里,都由动作数据和人物骨架共同决定。

最后,把人物图片放到三角网格上,通过 ARAP 网格变形,让图片随着骨架变化,再逐帧渲染、编码成动画。

可以把它理解成:先给画中的小人找到骨架,再让图片跟着骨架一起活动。

当前桌面版使用 ONNX Runtime CPU 完成人物检测与姿态估计,使用 OpenGL 渲染动画,再交给 FFmpeg 导出 GIF 或 MP4。

人物识别完成后,调整关节点、尝试其他动作可以复用已有的人物结果。程序还缓存了网格变形所需的固定矩阵分解,减少每帧重复计算。

普通使用者能用,开发者也能接着改

软件以 Windows 桌面程序运行,模型和独立运行环境随部署包提供。使用时保留完整目录,图片识别和动画生成都在本机进行。

运行环境需要 .NET Framework 4.8,以及支持 OpenGL 3.3 的显卡驱动。默认工作区、输出、模型等资源都采用相对程序目录的路径,便于整体移动和分享。

面向开发者,也整理了完整的 VS2022 解决方案 。界面使用 C# WinForms + .NET Framework 4.8 ,窗体保留 .Designer.cs,可以继续通过设计器调整布局;本地动画后端也包含在项目中。

上游项目地址:

Meta Animated Drawings(github.com/facebookres...

感谢开源作者提供模型、动作资源和动画算法。本项目在其基础上完成 Windows 桌面适配、交互编辑与导出流程,保留了相应来源和许可说明。

有些画,值得被好好留住

复杂背景、四肢重叠、轮廓断开的图片,可能需要花一点时间调整。第一次玩,选一张背景干净、手脚分开的小人画,往往更容易体会到它的乐趣。

我觉得,这件事有意思的地方,是孩子画完一个角色后,还可以继续为它选动作、配背景,想象接下来会发生什么。

一张画,也就有了新的玩法。

希望这个小工具,能让大家和孩子一起,把纸上的想象变成会动的小故事。

欢迎交流使用体验,也欢迎分享你们做出来的手绘动画。

QQ 交流群:天天代码码天天

群号:264292622

如果你也喜欢这类实用又有趣的小工具,欢迎关注、转发给身边喜欢画画的朋友。

相关推荐
救救孩子把2 小时前
AI面试八股文-13_12-AI 框架与运维面试题
运维·人工智能·面试
德林恩宝3 小时前
On-Policy Distillation(OPD)学习文档
人工智能·学习·机器学习·大模型·llm·大模型微调
Highcharts.js3 小时前
Highcharts 发布16项最新安全公告
人工智能·安全·性能优化·highcharts·可视化图表
光芒Shine3 小时前
【工具-Claude Code】
人工智能
诸神缄默不语3 小时前
vibe coding极简八步教程(在vibe出一个自用网站之后的领悟)
人工智能
水如烟3 小时前
孤能子视角:EIS术语梳理·道层+伦理层——关系场的底色与自处姿态:从场域到续指
人工智能
a puppy slide 葱3 小时前
ENAS | 基于参数共享的高效神经网络架构搜索
论文阅读·人工智能·深度学习·神经网络·机器学习·计算机视觉·神经网络架构搜索
科创致远3 小时前
中小企业智能体(AI Agent)怎么选?2026年企业级Agent选型指南
大数据·人工智能·深度学习
空堂与归3 小时前
英伟达开源ASPIRE:机器人自己攒Skill
人工智能·机器人·开源·agent