AE怎么导出JSON文件夹?详细步骤与实用技巧指南
在After Effects(AE)中,JSON(JavaScript Object Notation)作为一种轻量级的数据交换格式,常用于与其他软件(如前端开发、数据可视化工具、游戏引擎等)协同工作,或保存动画关键帧、图层属性等结构化数据,本文将详细介绍AE中导出JSON文件夹的多种方法,包括内置功能、脚本工具及注意事项,助你高效完成数据导出任务。
AE内置功能:通过“表达式导出”或“数据收集”导出JSON(部分版本支持)
AE的某些新版本(如2023版及以后)内置了更直接的数据导出功能,但传统版本主要通过表达式或第三方脚本实现,以下是通用性较强的两种内置方法:
方法1:通过“表达式导出”功能(AE 2023+版本)
AE 2023版本新增了“表达式导出”功能,可直接将图层属性的表达式数据导出为JSON文件,适合保存动态参数或动画逻辑。
操作步骤:
- 选中图层并打开表达式编辑器:在AE时间线面板中,选中需要导出数据的图层(如固态层、形状层等),按
TT快捷键打开该图层的“属性”面板,找到目标属性(如“位置”“缩放”等),点击属性左侧的“表达式”图标(像波浪线的符号),进入表达式编辑框。 - 编写或确认表达式:确保表达式已正确关联到属性(例如
position表达式可直接返回位置数组)。 - 导出表达式数据:右键点击图层的“属性名称”(如“位置”),在弹出的菜单中选择“表达式”>“导出表达式为JSON”(若该选项未显示,说明版本不支持此功能)。
- 保存JSON文件:在弹出的保存对话框中,选择目标文件夹,输入文件名(如
position_data.json),点击“保存”,即可生成包含表达式数据的JSON文件。
注意:此功能仅支持AE 2023及以上版本,且仅导出表达式本身的数据(如[value[0], value[1]]),而非动画关键帧的完整时间轴数据。
方法2:通过“数据收集”功能(适用于合成/项目数据导出)
若需导出整个合成或项目的结构化数据(如图层名称、类型、持续时间、锚点位置等),可通过“数据收集”功能间接生成JSON文件。
操作步骤:
- 打开“数据收集”面板:在顶部菜单栏选择“文件”>“脚本”>“数据收集”(部分版本需通过“窗口”>“脚本”>“运行脚本”打开)。
- 选择导出范围:在“数据收集”面板中,勾选需要导出的数据类型(如“合成信息”“图层属性”“素材信息”等)。
- 导出为JSON:点击“导出”按钮,选择保存格式为“JSON”,设置文件名和文件夹路径,点击“保存”。
- 查看结果:导出的JSON文件将包含所选数据的结构化信息,
{ "合成名称": "Comp 1", "分辨率": "[1920, 1080]", "图层": [ { "名称": "Shape Layer 1", "类型": "Shape Layer", "位置": "[960, 540]" } ] }
局限性:此功能主要导出静态项目数据,而非动画关键帧的时序数据,适合项目备份或基础信息整理。
第三方脚本:高效导出JSON的关键帧与图层数据(推荐方法)
对于大多数AE用户(尤其是使用旧版本),通过第三方脚本导出JSON是最灵活、功能最强大的方式,推荐使用“Bodymovin”(LottieFiles官方插件)或“JSON Exporter”等脚本,可导出关键帧、图层属性、表达式等完整动画数据。
推荐脚本1:Bodymovin(Lottie格式导出,本质为JSON)
Bodymovin是AE中导出Lottie动画的核心插件,Lottie格式本身是基于JSON的矢量动画格式,广泛用于移动端和Web端动画,通过Bodymovin导出的JSON文件,可直接在Lottie支持的框架(如React、Vue、Android等)中使用。
安装步骤:
- 下载Bodymovin插件:访问Bodymovin GitHub Releases页面,下载与AE版本匹配的插件(如
bodymovin-v5.12.2.zip)。 - 安装插件:解压ZIP文件,将
CSXS文件夹复制到AE的插件目录(Windows:C:\Program Files\Adobe\Adobe After Effects [版本]\Support Files\Scripts\ScriptUI Panels\;Mac:/Applications/Adobe After Effects [版本]/Scripts/ScriptUI Panels/)。 - 重启AE,在顶部菜单栏选择“窗口”>“扩展”>“Bodymovin”,即可打开插件面板。
导出JSON步骤:
- 准备合成:确保合成中已完成动画(关键帧已设置),图层名称清晰(避免特殊字符)。
- 打开Bodymovin面板:通过“窗口”>“扩展”>“Bodymovin”打开插件。
- 设置导出参数:
- Preset:选择预设(如“Web”“Mobile”),或自定义分辨率、帧率等。
- Destination:点击“Choose”选择保存JSON文件的文件夹路径。
- File Name:输入文件名(如
animation.json)。
- 导出JSON:点击“Render”按钮,等待AE处理完成后,即可在目标文件夹生成
animation.json文件。
JSON文件结构示例:
{
"v": "5.7.4",
"fr": 30,
"ip": 0,
"op": 60,
"w": 1920,
"h": 1080,
"nm": "My Animation",
"ddd": 0,
"assets": [],
"layers": [
{
"ddd": 0,
"ind": 1,
"ty": 4,
"nm": "Shape Layer 1",
"sr": 1,
"ks": {
"o": {"a": 0, "k": 100},
"r": {"a": 1, "k": [{"t": 0, "s": 0}, {"t": 30, "s": 360}]},
"p": {"a": 1, "k": [{"t": 0, "s": [960, 540]}, {"t": 30, "s": [1200, 600]}]}
}
}
]
}
该JSON文件完整记录了图层的旋转(r)、位置(p)、不透明度(o)等关键帧数据,可直接用于Lottie播放。
推荐脚本2:JSON Exporter(轻量级数据导出工具)
若仅需导出特定图层属性(如位置、缩放、颜色等)为JSON,而不需要完整的Lottie格式,可使用轻量级脚本“JSON Exporter”(可通过AE Scripts网站下载)。
安装与使用步骤:
- 下载脚本:访问AE Scripts官网搜索“JSON Exporter”,下载并解压。
- 安装脚本:将
JSON Exporter.jsxbin文件复制到AE的“脚本”目录(Scripts/ScriptUI Panels/或Scripts/)。 - 运行脚本:在AE中通过“文件”>“脚本”>“运行脚本JSON Exporter”打开面板。
- 选择图层与属性:在面板中勾选需要导出的图层,然后勾选目标属性(如“位置”“缩放”“填充颜色”等)。
- 导出JSON:设置文件名和路径,点击“Export”,即可生成包含所选属性数据的JSON文件。
优势:操作简单,可自定义导出属性,适合快速提取图层数据用于其他工具(如Excel、数据库等)。
AE脚本安装与使用通用教程
若首次使用AE脚本,需以下通用安装步骤:
- 下载脚本:确保脚本格式为
.jsx或.jsxbin(.jsxbin为编译后文件,无需AE内置ExtendScript Toolkit支持)。 - 找到脚本目录:
- Windows:
C:\Program Files\Adobe\Adobe After Effects [版本]\Support Files\Scripts\ - Mac:
/Applications/Adobe After Effects [版本]/Scripts/
(若需在“脚本”菜单中显示,可放入ScriptUI Panels子文件夹)
- Windows:
- 重启AE:安装完成后关闭并重启AE,脚本将出现在



还没有评论,来说两句吧...