Bodymovin、Lottie、AE做动画

AE插件安装：

  1. 首先电脑上要有AE，需要安装AE CC2014或更高版本

  2. AE安装完成后，安装Bodymovin插件, 安装插件有二种方法：

2.1. 比如直接到Adobe的插件中心下载插件（地址：https://creative.adobe.com/addons/products/12557，一般不是最新版）
2.2.Bodymovin的GitHub首页下载最新版的插件并安装
地址：Bodymovin克隆项目到本地或者点击Download ZIP直播下载zip包。

E316B838-37AB-48A5-B381-4D1D752B0E8D.png

  1. 然后在你下载下来的压缩包>文件夹>/build/extension目录下找到bodymovin.zxp文件，这个就是插件包了。

  2. 安装ZXP Installer，打开软件，点击File > Open菜单项载入上述bodymovin.zxp插件包，ZXP Installer会自动开始安装。安装完成后的软件主页面如下图所示，表示插件已成功安装。

    FE428CB6-CBA5-4B11-8385-E064FF1F32F5.png

  1. 安装完成后：
    打开AE，点击编辑>首选项>常规菜单项，选中允许脚本写入文件和访问网络，点击确定，如下图：
    0E18B056-D182-4909-9498-D27B1EA329B2.png
  1. UI设计师通过Bodymovin 插件界面就可以将动画导出为json文件，然后程序员通过第三方开源库Lottie ，在app上执行动画了。

参考博客：
http://www.cnblogs.com/zamhown/p/6688369.html

http://www.jianshu.com/p/9a3de02f9ada?utm_campaign=hugo&utm_medium=reader_share&utm_content=note

http://www.jianshu.com/p/cae606f45c0b

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容