AE 动效工作流技巧 —— 减少 Bodymovin 导出的 JSON 大小并提升性能

Posted 2021-10-13 panda1234lee

程序参数动画 vs 路径点动画

有点拗口，但 Bodymovin JSON 如何变得臃肿的另一个重要方面是通过它如何导出不同的关键帧数据，或者更重要的是，After Effects 如何以不同的方式在关键帧中显示数据。如果您使用核心级别的程序变换属性（如位置、旋转、缩放、不透明度等）为图层设置动画，则您使用的数据量相当小。 Position 有一个 X 和 Y 的数据点，Scale 有一个宽度和高度的数据点，等等。将此数据导出为 JSON 时，它会占用少量文件大小，但如上所述，如果您为 60fps 工作流导出这些数据的负载，则可能会增加。将此与在形状图层中为许多路径设置动画的工作流程进行比较。构成所有形状图层的路径包含任意数量的点，并且这些点中的每一个都由在网格上绘制其位置的一段数据进行表示（

以上是关于AE 动效工作流技巧 —— 减少 Bodymovin 导出的 JSON 大小并提升性能的主要内容，如果未能解决你的问题，请参考以下文章

AE 动效工作流技巧 —— 减少 Bodymovin 导出的 JSON 大小并提升性能

principle中的动效怎么实现

高薪设计师必修课 AE移动UI动效设计从入门到实战

对话腾讯陈仁健：聊一聊腾讯PAG动效解决方案的生产能力与开源情况

对话腾讯陈仁健：聊一聊腾讯PAG动效解决方案的生产能力与开源情况

Sketch制作动效好伙伴