Bodymovin是用于导出Web动画的After Effects扩展。动画导出为.json文件，使用随插件附带的bodymovin.js播放器。您可以在svg，canvas和html上在浏览器中渲染动画。它支持After Effects功能的子集。动画也可以通过Lottie在iOS和Android上本地播放。
将动画导出到json文件和png（如有必要）。
动画可以通过bodymovin播放器在网络上播放，也可以通过Lottie在iOS和Android中播放。
要播放动画，请在扩展程序面板中获取播放器，然后将其加载到浏览器中。
支持导出的层及属性
- Shapes（形状层）
- paths, ellipses, stars, rectangles（路径，椭圆，星星，矩形）
- fills, stroke, gradient fills and gradient strokes（填充，描边，渐变填充和渐变描边）
- dashes（虚线）
- trim paths (partial)（修剪路径（部分））
- rounded corners（圆角）
- transforms (position, anchor point, rotate, scale, opacity, skew, skew axis)（变换（位置，锚点，旋转，缩放，不透明度，倾斜，倾斜轴））
- Solids（固态层/纯色层）
- Images （图片）
- Comps（合成）
- Nulls（空物体）
- Texts（文本）
- 支持大多数字体，只要您在浏览器上加载字体，它们就可以导出为形状或文本
- 每个文本框支持单个文本偏差。
- 不支持：文本装饰，如Small caps或者Vertical Scale.
- Cameras (partial)（部分摄像机）
- Expressions（表达式）
- 表达式。部分支持。每个版本都支持越来越多的表达式。
- 支持表达式滑块。
一般支持的属性
- transform (rotate,scale,position,anchor point, opacity)（变换（旋转，缩放，位置，锚点，不透明度））
- time remap（时间重新映射）
- masks (additive, and in some cases difference, inverted and subtractive)（蒙版（叠加模式，在某些情况下，支持差值，反转，相减））
- luma and alpha masks (with the svg renderer)（亮度和alpha蒙版（使用svg渲染器））
支持的效果（使用svg / html渲染器）
- fill（填充）
- pro levels（色阶）
- drop shadow（投影）
- tint（着色）
- tritone（三色调）
导出教程
受支持的AE版本
| After Effects： | CC 2019, CC 2018, CC 2017, CC 2015.3, CC 2015, CC 2014 |
|---|
预览
下载地址
密码:f15k
文章评论