AE导出json格式的Web动画脚本Bodymovin

Bodymovin是一款可以从AE中导出Web动漫的脚本制作，这款脚本制作导出的web动漫文件格式为.json文件格式，bodymovin转化成的json容积十分小，仅有好几百kb上下，载入速率要比图片快的多。

更新日志

V5.5.3 升级內容：

– 新作用：为高斯模糊实际效果加上SVG适用– 新作用：加上TypeScript定义方法– 修复：在根据文档格式建立时删掉文字警示– 修复：修复字体样式中合拼的标识符– 新作用：为拓展加上了好几个设定作用– 新作用：在关系式中加入了对蒙版不透明度的适用– 修复：修复＃1552 html渲染器不正确的字体样式精确测量– 修复：在JSON文本文档中修复maskProperties键名字

安装方式：

假如电脑沒有AE得话，必须安装AE CC2014或高些版本号。以AE CC2017为例子：（AE CC2017 热烈欢迎页面）

AE安装进行后，安装Bodymovin软件。

2.1到GitHub的主页下载Bodymovin插件包（详细地址：https://github/bodymovin/bodymovin），下载或是复制插件包到当地。

2.2在新项目文件目录的“/build/extension”文件目录下寻找“bodymovin.zxp”文档，随后双击鼠标安装此软件。（安装全过程中关掉AE手机软件）要是没有如下所示图片，先无需管，先开展下一步2.3实际操作。

2.3下载ZXP Installer（详细地址：[http://aescripts/learn/zxp-installer/），随后双击鼠标打开软件，点击“File”gt;“Open”菜单栏加载以上bodymovin.zxp插件包，ZXP Installer会全自动逐渐安装。安装进行后的手机软件主页面如下图所显示，表明软件已取得成功安装。

使用方法

1、开启一个 Adobe After Effect 新项目，点击 Window / Extensions / Bodymovin，发生如图所示1所显示提示框，点击 Selected 选定要导出的 Composition，挑选导出文档的途径（Destination Folder），点击 RENDER 就可以导出。

1、选中一个生成

2、挑选导出文档的途径，点击3D渲染动漫就可以。

2、进到浏览拖动播放视频时间轴可浏览转化成js文件的特效实际效果。