AE插件Boodymovie安装和使用

1、bodymovie插件下载地址：https://github.com/bigxixi/bodymovin_cn

    安装方法：

1]. 推荐使用→https://aescripts.com/learn/zxp-installer/的zxp安装器（bodymovin需要这个安装器才能安装）

        2]. Windows版下载:  快捷键ctrl + o，然后选择zxp文件进行安装。如果之前安装过bodymovin，会覆盖掉原来的版本。

        3]. Mac版下载:  直接将zxp文件拖拽进安装器，或者按快捷键cmd + o然后，选择zxp文件进行安装。如果之前安装过bodymovin，会覆盖掉原来的版本。

2、使用方法：

    bodymovin 导出 JSON     →     打开一个 Adobe After Effect 项目，“编辑”>“首选项”>“常规”菜单项，选中“允许脚本写入文件和访问网络”，点击确定。     →    点击 Window - Extensions -Bodymovin（窗口-扩展-bodymovin）    →    AE中制作一个简单的动画     →    打开Bodymovin插件窗口，发现“视频”列表，在“视频”中设置好json文件输出位置，点击“Render”。

即：1、选定一个合成。2、选择导出文件的路径，点击渲染动画即可。3、进入预览拖拽播放进度条可预览生成js文件的动画效果。

3、Lottie预览网站：https://lottiefiles.com

Lottie支持导出的 AE 属性：http://airbnb.io/lottie/#/supported-features

4、技术实现：

传统的序列帧活着GIF图占用资源过大或者有到处失真等问题，让开发小哥哥自己既费时又无法保证100%还原效果图…… 基于以上这些问题，可采用Lottie动画。

Lottie是Airbnb开源的一个动画渲染库，同时支持Android、IOS等平台。其工作流程如下：

我们在AE中制作好动画，通过bodymovie插件导出json文件给开发者，各端开发通过Lottie渲染播放动画。

作者：Syrenaing

链接：https://www.jianshu.com/p/e3d83574ddda

来源：简书

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。