动画

如果需要将动画嵌入 网页或移动端，优先选择 JSON 导出（Lottie/Rive）；若需矢量图形编辑，则选择 SVG 导出工具。

》》》》》》》》》》
最简单：Wick Editor
次简单：Rive
Pencil2D
万彩动画大师
==========
Rive (原 Flare)
导出格式：JSON

用途：专为交互式动画设计，支持状态机和实时交互。

特点：

在线编辑器或桌面端工具。

可直接导出 JSON 用于 Web/App（类似 Lottie，但更轻量）。

官网：https://rive.app/

中文：https://www.rivecn.com/docs/Editor/Fundamentals/Artboards
====================
Haiku Animator
导出格式：JSON

用途：设计组件化动画，支持 React/Vue 等框架集成。

特点：

时间轴和代码结合，适合开发者。

官网：https://www.haikuforteams.com/（免费版有限制）
===============
Wick Editor
导出格式：SVG（动态 SVG 或 HTML5 Canvas）

用途：网页动画，支持交互逻辑。

特点：

浏览器中直接导出 SVG 动画代码。

官网：https://www.wickeditor.com/

 

 

 

 

==========================

Adobe After Effects (+ Bodymovin 插件)
导出格式：JSON（通过 Bodymovin 插件）

用途：生成 Lottie 动画，可直接嵌入网页/移动端。

特点：

支持 After Effects 的图层、关键帧、形状动画导出。

需安装插件：Bodymovin 官方 GitHub。

适用场景：UI 动效、广告横幅、交互式动画。

===============
Pencil2D：可以将动画导出为 SVG 文件，在文件菜单下选择导出功能即可。但该软件不支持直接导出 JSON 格式。

万彩动画大师：支持导出 SVG 格式，在输出选项中可选择相应格式。同时，万彩动画大师也能导出工程文件为 JSON 格式，在 “文件” 菜单中点击 “导出工程文件”，在 “导出设置” 界面中选择 JSON 格式。
====================
Pencil2D：Pencil2D主要用于创建手绘动画，它主要支持导出为视频（如MOV, MP4）和GIF等格式，而不直接支持JSON或SVG的导出。
Pencil2D的导出选项通常为视频格式（如MP4）或图像序列，对于SVG或JSON的导出支持较为有限。如果你的目标是矢量格式动画，Pencil2D可能不完全适合。
万彩动画大师、动画工场app、FlipaClip、皮皮动画：这些工具更倾向于提供简单易用的界面和快速生成动画的能力，它们通常支持导出为视频或GIF格式，而不是矢量图形（SVG）或是数据描述文件（JSON）。

===========
OpenToonz

这是一个专业级的2D动画软件，免费且开源，曾被用于宫崎骏的作品。它支持手绘动画、扫描图像处理、以及传统的逐帧动画。
======================
Adobe Animate：本身不直接支持导出 JSON 格式，但可以通过安装 Bodymovin 插件来实现将动画导出为 JSON 文件。该插件可以把 Animate 上做好的合成导出成带有矢量动画信息的 JSON 文件。Adobe Animate 支持导出 SVG 格式，在 “文件” 菜单的 “导出” 选项中可以找到相关功能。
================
Blender：

可导出 GLTF/GLB（3D 动画），但不直接支持 JSON/SVG