Bodymovin插件是一款AE动画导出json工具,支持After Effects功能的子集,可以在svg,canvas和html上在浏览器中渲染动画,可以帮助提高实现动效效率,同时提高动效质量,需要的欢迎下载使用。
安装教程
1拷贝bodymovin
文件夹到以下位置: C:\Program Files (x86)\Common Files\Adobe\CEP\extensions\
2运行一下Add Keys.reg
3打开AE软件设置,勾选上允许脚本读写和访问网络 编辑-首选项-常规 或更高版在:编辑-首选项-脚本和表达式
4在软件顶部window窗口菜单-扩展下即可看到bodymovin脚本
插件优点:
- 它可以支持 Android、iOS平台;
- 导出的文件体积小,方便开发使用;
- 实现效果佳,可以支持渐变等效果。
使用注意:
- 在使用前期,这种方法是否适合你现在所做的动效,lottie 是针对矢量动画开发的,不太适合图片过多的情况,图片过多会增加文件负荷,所以最好是将图片转化为路径动画。
- 在 AE 里导入到 Lottie 的图层不能识别矢量渐变。
- 不能支持外置插件的效果,比如粒子、光效等。
- 需要与前端开发沟通,他们是否愿意使用。
- 导出给开发的文件中需要有完整视频参考,开发可以通过完整视频知道 loading 位置和效果,同时如果出现 json 导出错误的情况,开发可以查看,遇到不一样的地方可以询问设计师。
- 开发完成后需要走查,看是否与你预期一致。
V5.9.1更新内容:
- 修复:SSR 的导航器验证
- 功能:添加了对使用形状作为动画角色的支持
- 修复:将表达式使用的方法添加到数组以防止 treeshaking
- 开发:将源代码迁移到导入
- 开发:使用汇总进行构建过程
- 适用于Win/Mac系统:AE 2022, 2021, 2020, CC 2019, CC 2018, CC 2017, CC 2015.3, CC 2015, CC 2014
- 更新时间2022-03-06
- 文件大小18 MB