Flutter开发者如何从After Effects获取非Lottie的动画信息?
以下是几种不用Lottie,直接从AE获取动画时长、关键帧参数、动画曲线等信息的实用方法:
利用AE关键帧助手导出数据
选中目标图层的动画属性(如位置、缩放、不透明度),打开窗口 > 关键帧助手,选择将关键帧复制到剪贴板。剪贴板中会包含关键帧的时间点、属性数值、插值类型(对应动画曲线,比如线性、缓入缓出、贝塞尔曲线),粘贴到文本编辑器即可整理出所需的所有核心数据,动画总时长可通过最后一个关键帧时间减去起始时间直接计算。导出CSV格式的关键帧数据
使用AE的脚本功能导出关键帧为CSV文件。可以用AE内置的Export Keyframes as CSV.jsx脚本(若没有可自行编写简单脚本遍历图层属性),导出后的CSV文件会清晰列出每一个关键帧的时间戳、属性值、插值方式,你可以直接解析这些数据,对应到Flutter的动画控制器和Tween动画中。结合信息面板手动记录
打开AE的信息面板,选中要提取的动画属性,拖动时间轴滑块,实时查看当前时间点的属性值、关键帧的插值曲线参数(如贝塞尔曲线的手柄坐标)。同时在时间轴上直接读取动画的总时长(时间轴结束点与起始点的差值),针对复杂动画,逐个关键帧记录时间点和对应属性值,再映射到Flutter的CurvedAnimation或自定义Curve实现。通过表达式输出曲线细节
给目标动画属性添加表达式,将关键帧的曲线数据输出到AE控制台(窗口 > 控制台)。比如针对位置属性,可编写表达式输出每个关键帧的时间、X/Y坐标、插值类型,以此精准获取动画曲线的细节参数,用于还原Flutter中的动画效果。
内容的提问来源于stack exchange,提问作者Nullable

