AE动画导出json插件(Bodymovin)

AE Bodymovin插件是一款适用于AE软件的Web动画导出插件，动画导出为.json文件，使用随插件附带的bodymovin.js播放器。您可以在svg，canvas和html上在浏览器中渲染动画。然后以Android/iOS原生动画的形式在移动设备上渲染播放。AE（Adobe After Effects）可是视频后期特效和动画制作的行家

Bodymovin插件特色：

将动画导出到json文件和png（如有必要）。

动画可以通过bodymovin播放器在网络上播放，也可以通过Lottie在iOS和Android中播放。

要播放动画，请在扩展程序面板中获取播放器，然后将其加载到浏览器中。

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

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

Bodymovin插件功能介绍

1、支持的功能

形状

路径，椭圆，星星，矩形

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

破折号

修剪路径（部分）

圆角

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

固体

图片

谱曲

空值

文本

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

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

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

相机（部分）

表达式

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

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

支持表达式滑块。

2、一般支持的属性

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

时间重新映射

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

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

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

填

职业水平

投影

着色

全音

使用方法

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

Win : C:\Program Files (x86)\Common Files\Adobe\CEP\extensions\

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导出错误，开发可以看到，遇到不同的地方可以向设计师询问。
 

更新日志

-报告：改进的动画报告

-修复：表达式分离标注

-修复：表达式的propertyGroup（支持Duik骨骼）

-特点：支持褶皱和膨胀