Bodymovin(AE动画导出json插件)

Bodymovin是一款专为AE软件打造的动画导出插件，能够帮你快速导出json文件和png图片，并且导出的json文件可以以Android/iOS原生动画的形式在移动设备上渲染播放，用户还可以在svg，canvas和html上在浏览器中渲染动画，帮助提高实现动效效率，同时提高动效质量！

Bodymovin插件功能

1、支持的功能

形状

路径，椭圆，星星，矩形

填充，描边，渐变填充和渐变笔画

破折号

修剪路径（部分）

圆角

变换（位置，锚点，旋转，缩放，不透明度，倾斜，倾斜轴）

固体

图片

谱曲

空值

文本

支持大多数字体，只要您在浏览器上加载字体，它们就可以导出为形状或文本

每个文本框支持单个文本偏差。

不支持：文本装饰，如小型大写或垂直缩放。

相机（部分）

表达式

表达式。部分支持。每个版本都支持越来越多的表达式。

如果您遇到任何问题，请告诉我们。

支持表达式滑块。

2、一般支持的属性

变换（旋转，缩放，位置，锚点，不透明度）

时间重新映射

面具（添加剂，在某些情况下差异，倒置和减少）

亮度和alpha蒙版（使用svg渲染器）

3、支持的效果（使用svg / html渲染器）

填

职业水平

投影

着色

全音

插件优点

它可以支持 Android、iOS平台；

导出的文件体积小，方便开发使用；

实现效果佳，可以支持渐变等效果。

安装教程

1.拷贝bodymovin文件夹到以下位置:

Win : C:Program Files (x86)Common FilesAdobeCEPextensions

Mac : /Library(中文叫资源库)/Application Support/Adobe/CEP/extensions

2.Win运行一下Add Keys.reg，Mac运行一下install-as-admin

3.打开AE软件设置，勾选上*允许脚本读写和访问网络

Win：编辑-首选项-常规

Mac：After Effects CC-首选项-常规

4.在软件顶部window窗口菜单-扩展下即可看到bodymovin脚本

注意事项

在使用前期，这种方法是否适合你现在所做的动效，lottie 是针对矢量动画开发的，不太适合图片过多的情况，图片过多会增加文件负荷，所以最好是将图片转化为路径动画。

在 AE 里导入到 Lottie 的图层不能识别矢量渐变。

不能支持外置插件的效果，比如粒子、光效等。

需要与前端开发沟通，他们是否愿意使用。

导出给开发的文件中需要有完整视频参考，开发可以通过完整视频知道 loading 位置和效果，同时如果出现 json 导出错误的情况，开发可以查看，遇到不一样的地方可以询问设计师。

开发完成后需要走查，看是否与你预期一致。

更新日志

V5.7.7 新功能特性：

-修正：xhr open order

-功能：添加标记支持

-修正：减少副本的中继器

-修正：无意中对大笔划宽度形状的笔划剪辑（感谢Manan Jadhav）

-修复：IE11追加丢失

-修正：中继器呼叫修剪两次