bodymovie插件下载地址:
→https://github.com/bigxixi/bodymovin_cn
lottie源码(开发看):
→https://github.com/airbnb/lottie-web
安装方法:
推荐使用→https://aescripts.com/learn/zxp-installer/的zxp安装器(bodymovin需要这个安装器才能安装):
→Windows版下载
快捷键ctrl + o,然后选择zxp文件进行安装。如果之前安装过bodymovin,会覆盖掉原来的版本。
→Mac版下载
直接将zxp文件拖拽进安装器,或者按快捷键cmd + o然后,选择zxp文件进行安装。如果之前安装过bodymovin,会覆盖掉原来的版本。
使用方法:
bodymovin 导出 JSON
1、打开一个 Adobe After Effect 项目,点击 Window / Extensions / Bodymovin,出现如图1所示对话框,点击 Selected 选中要导出的 Composition,选择导出文件的路径(Destination Folder),点击 RENDER 即可导出。
1、选定一个合成
2、选择导出文件的路径,点击渲染动画即可。
2、进入预览拖拽播放进度条可预览生成js文件的动画效果。
其他备注:
1、bodymovin 需要 AE 为英文版的情况下,输出的json文件才能被支持;
2、bodymovin 目前基本上只支持手动K帧,不支持表达式与特效;
3、iOS 的环境下可直接识别 @2x 与 @3x 的图片,也就是导出 json 的 image 的文件目录下可以放入 img_0@2x 和 img_0@3x 程序可以自动识别图片后缀,并分配到对应的机型。
领取专属 10元无门槛券
私享最新 技术干货