Lottie介绍及其工作流程梳理
Lottie 是一个由 Airbnb 开源的项目，它是一个跨平台的动画解决方案，旨在解决移动应用中的动画需求。设计师在Adobe After Effects中完成动画设计后，可以通过Lottie提供的Bodymovin插件将设计转换为JSON格式，从而直接应用于iOS、Android、Web以及React Native等平台上，无需其他额外操作。
一、Lottie及Bodymovin简介
使用Lottie前需要在AE中安odymovin插件。Bodymovin是一款针对After Effects的插件，用于导出动画为json数据格式供Lottie使用。
二、Bodymovin插件的下载与安装
1. 通过官方推荐的方式从aescripts+aeplugins网站下载，该网站提供自定义价格下载，若输入价格为0则可免费下载。具体步骤包括进入网站、注册账户、添加插件至购物车并结算。
2. 通过Adobe官方商店下载，确保安全但可能需要登录账户。
3. 下载汉化版本的Bodymovin，由@Bigxixi提供，下载后可直接使用。
为了安odymovin插件，需要安装ZXP install工具，这是一个AE插件与脚本安装工具。
三、Lottie/Bodymovin支持的功能
官方文档提供了最新版支持的功能列表。
四、AEUX介绍及安装
AEUX是一个用于After Effects和Sketch的插件，可将Sketch中的设计图层导入到AE中。对于Sketch到AE的导入，AEUX表现出强大的功能。
五、Lottie与AEUX的使用演示
1. Sketch导出演示：选择图层或画板点击“Send selection to Ae”导出到AE。
2. AE导入演示：打开AE，使用AEUX插件，点击“BUILD COMP”将Sketch设计导入到AE项目中。
3. Bodymovin渲染演示：完成动效设计后，使用Bodymovin插件选择合成的渲染，设置好保存路径进行渲染。预览动效可通过插件的预览功能进行。
六、常见问题及解决方法
1. 图层命名尽量使用英文，如comp_XXX。中文命名可能导致问题，如遇问题先确认图层命名。
