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包。

Bodymovin、Lottie、AE做动画_第1张图片
E316B838-37AB-48A5-B381-4D1D752B0E8D.png

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

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

    Bodymovin、Lottie、AE做动画_第2张图片
    FE428CB6-CBA5-4B11-8385-E064FF1F32F5.png

  1. 安装完成后:
    打开AE,点击编辑>首选项>常规菜单项,选中允许脚本写入文件和访问网络,点击确定,如下图:
    Bodymovin、Lottie、AE做动画_第3张图片
    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

你可能感兴趣的:(Bodymovin、Lottie、AE做动画)