AE 图层类型支持一览——哪些能导出、哪些不能
支持矩阵速查
形状图层(Shape Layers)✅ 完整支持
形状图层是 Lottie 最核心的数据源,几乎所有属性都支持:
- 矩形 / 椭圆 / 多边形 / 星形等形状工具
- 路径(Path)属性及其关键帧动画
- 描边(Stroke)、填充(Fill)、渐变(Gradient)
- 修剪路径(Trim Paths)—— 做 SVG 线条动画的关键
- 形状变换(Transform)属性
- 合并形状(Merge Paths)—— 布尔运算,v5.3+ 支持
纯色图层(Solid Layers)✅ 支持
纯色图层用作背景或遮罩。导出时 Bodymovin 会把它转成矩形形状 + 颜色值。
位图图层(Raster Images)⚠️ 有限支持
- PNG / JPG 等位图可以嵌入,Bodymovin 会导出到
images/子目录。 - 位图图层的变换动画(位移、缩放、旋转、不透明度)完全支持。
- 不支持 位图的遮罩(Mask)动画 —— 这是 Lottie 对图层最常见的不兼容项之一。
- 建议:如果遮罩效果重要,用形状图层 + 修剪路径代替。
矢量图层 / AI 文件 ⚠️ 注意格式
Adobe Illustrator 文件作为矢量图层导入 AE 后可以导出,但 AI 文件里的渐变和复杂描边可能丢失。最稳妥的做法是在 AI 里选择路径复制粘贴到 AE 形状图层,再在 AE 里做动画。
文字图层(Text Layers)⚠️ 需要处理
文字图层导出有两种模式:
- Convert to Outlines(转轮廓):把文字转成形状矢量。Lottie 100% 支持,但字体文件不会嵌入,文件体积稍大。推荐!
- 保留文字 + 导出字体字形:Bodymovin 会在
fonts/目录生成 .ttf 字形文件,运行时渲染文字。这种模式对 Lottie 来说经常出问题(字体渲染差异、跨平台兼容),不推荐。
3D 图层 ❌ 不支持
AE 的 3D 图层开关(立方体图标)和 Camera 图层 Lottie 完全不识别。导出时这些图层会被当作 2D 处理,z 轴运动和透视效果全部丢失。如果需要伪 3D 效果,用形状图层手动模拟。
调节图层(Adjustment Layers)❌ 不支持
调节图层上的特效(曲线、色阶、高斯模糊等)Lottie 无法渲染。建议把特效直接烘焙到下层素材上再导出。
蒙版(Track Mattes)⚠️ 有限支持
- Alpha Matte / Alpha Inverted Matte 可以用,但上面说了位图图层的 Mask 不行。
- Luma Matte 不支持。
特效兼容性速查
| 特效 | 支持情况 |
|---|---|
| Trim Paths(修剪路径) | ✅ 完整 |
| Gradient Ramp | ✅ 支持 |
| Fill / Stroke | ✅ 支持 |
| Gaussian Blur | ❌ 不支持 |
| Curves / Levels | ❌ 不支持(调节图层上的) |
| 3D 相关特效 | ❌ 不支持 |
| Wiggle / Turbulent | ❌ 表达式,需要预烘焙 |
避坑指南
- 位图 + Mask = 必出问题。能用形状图层 + 修剪路径代替就代替。
- 调节图层一律预烘焙 —— 把效果合并到底图再导出。
- 3D 动画换思路 —— 2D 平面化,或者用 Perspective Transform 手动模拟。
- 复杂表达式链先 Convert to Keyframes —— 见 表达式预烘焙。