MotionBaker v1.0.0 | 把 AE 合成导出成 JSON / dotLottie / TGS:勾合成、选路径、批量导,还能生成 HTML 预览

📦 资产下载MotionBaker v1.0.0(AE 合成导出 JSON/dotLottie/TGS,批量 + HTML 预览)|夸克网盘公开永久分享
MotionBaker 官方封面

官方一句话:“MotionBaker brings JSON, dotLottie and TGS export to After Effects.”(MotionBaker 把 JSON、dotLottie 和 TGS 导出带给了 After Effects。)

官方描述原文:“Select your compositions, set output paths and export animations individually or in batches. Adjust image compression and generate HTML previews to review your results in a browser.”(选好你的合成、设好输出路径,然后单个或批量导出动画。调整图片压缩,并生成 HTML 预览在浏览器里检查结果。)

它填的是 AE 一直缺的那块空白。AE 原生只能导出视频/图片序列,要把动画搬到网页或 App(Lottie 网页动画、Telegram 动态贴纸的 TGS),历史上得靠 Bodymovin 之类的第三方转换器,还经常要手工拼路径、逐个合成点一遍。MotionBaker 把这套流程收进一个 CEP 面板,并且补上了TGS 与 dotLottie 这两种 Bodymovin 不直接给的格式。

价格 $30.00。作者 Yurii Zakhidnyi。

一、六个核心能力(官方 Key Features 原文)

  • Export animations to JSON, dotLottie and TGS.——导出成 JSON、dotLottie、TGS 三种格式
  • Batch-export multiple compositions.——批量导出多个合成
  • Set individual output paths or choose a shared output folder.——可以逐个合成指定输出路径,也可以统一用一个共享输出文件夹
  • Compress and resize raster image assets.——压缩并缩放位图素材
  • Convert supported text to shapes with the Glyphs option.——用 Glyphs 选项把支持的文字转成形状
  • Generate HTML previews for reviewing exported animations.——生成 HTML 预览,用来检查导出的动画

二、面板里实际有什么(从 main.js 读出的真实控件)

合成列表与搜索:面板主体是一个合成列表(compositions-list),带搜索输入框(comp-search-input),每一行有独立的进度条(comp-row-progress-fill)与两栏布局。这就是「批量导出」的落地方式——一次勾多个合成,逐行看进度。

批量操作按钮:Settings for selected compositions(为选中的合成设置)、Choose export folder(选导出文件夹)、Choose export folder for selected compositions(为选中的合成选导出文件夹)、Choose path...(选路径)。

两个排序开关:Show selected compositions first(把选中的合成排前面)与 Restore original composition order(恢复原来的合成顺序)——选中几十个合成之后不用再翻着找。

四个复选框:chk-images(导出图片素材)、chk-compress-images(压缩图片)、chk-glyphs(Glyphs,文字转形状)、chk-demo(演示)。

格式下拉:global-format(全局格式),图片压缩支持 webp 与 avif(代码里能读到 image/avif 与 webp 两类压缩格式、compressEnabled / compressFormat / compressImages / quality / scale/scaleKeyframeTimes 这些控制项)。

状态与停止:Ready(就绪)→ exporting(导出中)→ export-complete(导出完成)/ export-failed(导出失败),随时可以 Stop(停止)。

三、生成的 HTML 预览是一个自带播放器的页面

「HTML 预览」不是丢一个文件让你自己想办法打开——它是一个完整的播放器页:

  • 控制条:Play / Pause、btn-play、controls、timeline(时间轴 range)、frame-counter 与 txt-frames(帧计数)
  • 背景色控制:background-control、bg-color、color-input、Background color 与 Background HEX color、bg-hex、hex-input——方便把动画放在浅色/深色底上分别看一遍
  • 播放容器:lottie-container、animation、viewport,以及加载态与空态(loading-state / empty-state)
  • 动画循环钩子:DOMLoaded、enterFrame

也就是说导完不用装任何播放器,用浏览器打开就能逐帧检查——这正是官方那句「review your results in a browser」。

四、一条必须记住的兼容性提醒(官方原文)

官方单独列了一段 Compatibility & Export Notes,这段比功能列表还重要:

“Export compatibility depends on the features used in your composition and the target player. Not all After Effects features are supported by Lottie or TGS. Always check the exported animation in its intended app or player.”

(导出兼容性取决于你合成里用到的功能与目标播放器。并非所有 AE 功能都被 Lottie 或 TGS 支持。永远要在目标 App 或播放器里实际检查一遍导出的动画。)

“HTML previews may require an internet connection to load the animation player.”(HTML 预览可能需要联网才能加载动画播放器。)

换个说法:它不是「AE 里看到什么就一定能导出什么」——Lottie/TGS 是另一套渲染模型,表达式、第三方插件特效、复杂混合模式这些通常无法转过去。用它之前先确认你的动画只用矢量/形状/基础变换这类可转译的能力。

五、插件自己会给出很具体的报错(不用你猜)

从代码里能读到这些针对性的错误串:

  • TGS requires ... 与 TGS requires a ...——TGS 有格式上的硬性要求
  • TGS Work Area must be ...——TGS 对工作区长度有要求(TGS 动画有明确时长上限)
  • TGS file size exceeds the ...——TGS 有体积上限
  • dotLottie packaging did not create a valid archive.——dotLottie 打包失败
  • No project items found in the AEPX snapshot. / After Effects did not return an AEPX snapshot.——AE 侧导出的 AEPX 快照有问题
  • Unknown JSX error. / No response from After Effects. / EvalScript error / Folder selection error / Save path dialog error——宿主通信与路径选择类

报错写得这么具体,说明作者是按「用户能照着改」来设计的,不是丢一个通用的 failed 出来。

六、安装(包内 read.txt 原文)

1. 把 com.motionbaker 文件夹复制到:
Windows:C:Program Files (x86)Common FilesAdobeCEPextensions
Mac:System Disk/Library/Application Support/Adobe/CEP/extensions/

2. Windows 跑一次 Add Keys.reg;Mac 跑一次 install-as-admin。

3. 打开 AE 首选项,勾上 “Allow Scripts to Write Files and Access Network”(允许脚本写入文件和访问网络)。
AE CC 2019.1 及以后:Windows 走 Edit → Preferences → Scripting & Expressions,Mac 走 After Effects CC → Preferences → Scripting & Expressions。

4. 打开 AE,菜单 Window → Extensions → MotionBaker,面板就会出现。

包内自带 Windows 侧的 Add Keys.reg(1938 字节)与 Mac 侧的 install-as-admin.zip(1407 字节),不用自己去改 CEP 的调试注册表。

版本说明(本包低于官方最新):官方 VERSION HISTORY 当前为 1.0.1 — 2026-09-22,五条改动:
· 修了部分 Trim Paths 动画里虚线描边的瑕疵(dashed-stroke artifacts);
· 把主合成工作区之外没被用到的图层排除掉,减小导出数据量;
· 提升了 JSON / dotLottie / TGS / HTML 四种导出的保存与覆盖可靠性(Improved saving and overwriting reliability);
· 导出无法保存时给出更清楚的报错;
· 重做了格式与图片压缩下拉框,改进键盘操作与窄面板下的表现。

本包是 1.0.0(压缩包名 MotionBaker_v1.0.0.rar,包内 com.motionbaker/CSXS/manifest.xml 的 ExtensionBundleVersion="1.0.0",ExtensionBundleId="com.motionbaker")。也就是说本包不含 1.0.1 那五项修复——如果你要导出带 Trim Paths 虚线描边的动画,或者在意导出体积,建议去官方升级。

兼容性:官方 COMPATIBILITY 为 After Effects 2026 / 2025。包内 manifest 写的宿主是 AEFT 15.0(即 AE CC 2018 起),实际可用范围比官方列表宽,但以官方标注的两版为准最稳。

价格与授权:$30.00,Single User License / Floating Server License 两种,官方有免费试用。

本夸克目录内容:MotionBaker_v1.0.0/(Add Keys.reg 1938、Winextensions.lnk 1534、install-as-admin.zip 1407、read.txt 946,以及 com.motionbaker/ 下的 CSXS/manifest.xml 1641、js/main.js 170911、js/runtime/e53b2920.js 2246336、js/parser.js 8018、js/CSInterface.js 40474、js/hexConverter.js 1940、js/specials.js 997、jsx/host.jsx 64072、css/style.css 12623、META-INF/signatures.xml 12418、mimetype 41)、cover.jpg(940×530)、README-中文.txt。共 17 个文件,与本地逐字节一致。

官方标签:Batch Processing、Render、Export、Animation、Workflow、2D、JSON。

文案来源说明:官方定位语与描述段、Key Features 六条、Quick Start Tutorial 六个章节、Compatibility & Export Notes 两段完整原文、1.0.1 版本历史五条、COMPATIBILITY 两行、$30.00 与两种授权,均来自 aescripts 官方产品页原文;控件 ID、复选框、格式选项、运行时状态串、错误串、文件清单与字节数,均来自包内 main.js / host.jsx / manifest.xml / read.txt 的实证。以上均非推测。

原产品页:https://aescripts.com/motionbaker/

封面图片来自作者官方产品页。本文为中文整理,功能与兼容性信息以作者官方页面与包内说明为准。资源仅供学习交流,商业使用请购买正版授权。

© 版权声明
THE END
喜欢就支持一下吧
点赞14 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容