AE导出的JSON文件中渐变色异常的原因及纠正方法

2024-02-02 08:27:04

解决 AE 导出 JSON 文件中渐变色异常的详细指南

前言

Adobe After Effects (AE) 是一款强大的动画和视觉效果软件，但在导出 JSON 文件时经常会出现渐变色异常。本文深入探究了这个问题的根源并提供了详细的纠正方法，确保渐变色在导出后得到正确再现。

问题根源

该问题源自 AE 中渐变色关键帧的存储和导出方式。AE 将渐变色的关键帧存储为一个包含起始点、终点和颜色停止点的数组。当导出为 JSON 文件时，此数组将转换为一个嵌套的 JSON 结构。转换过程中，渐变色的 y 轴值被反转，导致渐变色在导入目标应用程序时出现异常。

纠正方法

要纠正此问题，需要对导出的 JSON 文件中的渐变色数据进行转换。按照以下步骤进行操作：

打开 JSON 文件 ：使用文本编辑器或 JSON 解析器打开导出的 JSON 文件。
定位渐变色数据 ：查找包含渐变色信息的嵌套 JSON 结构，通常位于“渐变图层”或“渐变色”属性下。
分离起始点和终点 ：从渐变色数据中分离出起始点和终点。起始点通常存储为 [x, y] 数组，而终点存储为 [x1, y1] 数组。
反转 y 轴值 ：将起始点 [x, y] 中的 y 值乘以 -1，并将终点 [x1, y1] 中的 y 值乘以 -1，从而反转渐变色的 y 轴值。
写入新 JSON 文件 ：将转换后的渐变色数据写入一个新 JSON 文件。

示例

下图显示了一个导出的 JSON 文件片段，包含一个渐变色的信息：

{
  "GradientStartPoint": [-0.555, 1080],
  "GradientEndPoint": [-0.555, 0],
  "GradientStopColor0": [0.224, 0.224, 0.224, 1],
  "GradientStopColor1": [0.071, 0.071, 0.071, 1],
  "GradientStopOffset0": 0,
  "GradientStopOffset1": 1
}

使用上述方法转换后的数据如下：

{
  "GradientStartPoint": [-0.555, -1080],
  "GradientEndPoint": [-0.555, 0],
  "GradientStopColor0": [0.224, 0.224, 0.224, 1],
  "GradientStopColor1": [0.071, 0.071, 0.071, 1],
  "GradientStopOffset0": 0,
  "GradientStopOffset1": 1
}