Lottie动画（二）Lottie动画制作

一、工具安装

安装完Adobe After Effects，记得安装插件bodymovin。

二、AE开始制作

打开AE，进入主界面，使用Ctrl+i快捷键导入图标：

 

使用Ctrl+N快捷键新建一个合成：

左键按住左上方的ic_launcher.png图标拖动到下方操作框中来：

选择下载的图标，使其位置上移一段距离：

 

左击“位置”左边的圆框，确定图标起点位置：

 

在右下方的时间轴操作面板中，使“当前时间指示器”移动到1s位置，表示动画时长一秒：

 

然后拖动右上方合成面板中图标下移一段距离：

在右下方时间轴面板中，拖动时间标尺上的线和其下方的线条，使他们移动到1s位置，然后点击主界面右侧预览面板的播放按钮即可观看效果;

 

然后依次选择“窗口”–>“扩展”–>“bodymovin”，打开bodymovin面板，选中Selected下的圆框，选择导出位置，然后点击Render进行渲染导出json格式文件。

 

至此，AE制作简单的动画并导出json文件完成，把导出的json文件

传给技术人员即可。

如需进一步了解，请查阅：

官方文档地址：http://airbnb.io/lottie/

Lottie Github地址：https://github.com/airbnb/lottie-android