使用Lottie将AE项目转换为 Web 原生动画

时间:2022-09-08 06:33:05

使用Lottie转换AE项目为 Web 原生动画

首先打开链接https://github.com/airbnb/lottie-web/blob/master/build/extension/bodymovin.zxp , 下载Lottie的ZXP格式安装包。
再使用([ZXP安装器]: https://aescripts.com/learn/zxp-installer/)为AE安装bodymovin插件(需注意AE2019暂不支持该插件,截至2018.12.18)

安装完成后,打开AE项目,在设置中允许脚本写入文件。在窗口中找到扩展程序,打开bodymovin。设置输出路径后点击Render按钮即可生成Web动画。

可以在输出选项中设置输出方式,Demo可以直接输出可以查看效果的网页,Glyphs为Lottie支持的JSON文件。

最终效果如图:

使用Lottie将AE项目转换为 Web 原生动画
使用Lottie将AE项目转换为 Web 原生动画