Bodymovin最新版是一款专为A打造的插件工具。Bodymovin官方版能够帮助用户快速导出json文件和png图片,并将导出的json文件以Android/iOS原生动画的形式渲染播放。通过Bodymovin插件用户还可以在svg,canvas和html上在浏览器中渲染动画,提高设计处理效率。
Bodymovin软件特色
它可以支持 Android、iOS平台;
导出的文件体积小,方便开发使用;
实现效果佳,可以支持渐变等效果。
Bodymovin安装说明
1.拷贝bodymovin文件夹到以下位置:
Win : C:Program Files (x86)Common FilesAdobeCEPextensions
Mac : /Library(中文叫资源库)/Application Support/Adobe/CEP/extensions
2.Win运行一下Add Keys.reg,Mac运行一下install-as-admin
3.打开AE软件设置,勾选上*允许脚本读写和访问网络
Win:编辑-首选项-常规
Mac:After Effects CC-首选项-常规
4.在软件顶部window窗口菜单-扩展下即可看到bodymovin脚本
Bodymovin使用方法
导出JSON
1、打开一个 Adobe After Effect 项目,点击 Window - Extensions -Bodymovin(窗口-扩展-bodymovin),出现如图1所示对话框,点击 Selected 选中要导出的 Composition,选择导出文件的路径(Destination Folder),点击 RENDER 即可导出。
使用步骤
1、选定一个合成
2、选择导出文件的路径,点击渲染动画即可。
2、进入预览拖拽播放进度条可预览生成js文件的动画效果。