[AE] + [BODYMOVIE] 的安装与导出方法-经验/观点-UICN用户体验设计平台

恭喜你成为UI中国推荐设计师（详情）

查看全部热门榜单

全部

常用搜索：作品集 AE ui设计 aigc icon logo app

您的意见是我们 UI 中国进步的动力！

点击立即反馈按钮，发表您的意见！

立即反馈

QQ群反馈

您也可以加入UI中国官方反馈群进行反馈！

群号：302892100

备注：反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作，请填写需求表单，我们会在第一时间与您联系！

0/20

0/200

设计大赛

设计大赛
发布广告
发布招聘
其它需求

取消发送需求

提交完成
感谢您对UI中国的支持和信赖！

我知道了

[AE] + [BODYMOVIE] 的安装与导出方法

0.0°

2019-11-01 原创文章 经验/观点 举报 2836 9 2 0

etesy 关注

[AE] + [BODYMOVIE] 的安装与导出方法

安装方法：

AE 下载链接：

→ http://www.gfxcamp.com/after-effects-cc-2019/

bodymovie 下载与安装：

→ * 先安装 ZXP 安装器：https://aescripts.com/learn/zxp-installer/

→ 在将 Bodymoive 插件拖拽到 ZXP 的软件内才可完成安装： https://github.com/ETESY/bodymovin_cn

lottie源码（给开发看的，如果可以，请让开发使用最新的源码）:

→ https://github.com/airbnb/lottie-web

导出方法：

Bodymovin 导出 JSON 的方法：

1、打开一个 Adobe After Effect 项目，点击 Window / Extensions / Bodymovin，出现如图1所示对话框，点击 Selected 选中要导出的 Composition，选择导出文件的路径（Destination Folder），点击 RENDER 即可导出。

1、选定一个合成

2、选择导出文件的路径，点击渲染动画即可。

2、进入预览拖拽播放进度条可预览生成js文件的动画效果。

其他备注：

bodymovin 需要 AE 为英文版的情况下，输出的json文件才能被支持
bodymovin 目前基本上只支持手动K帧
不支持表达式
不支持特效
不支持效果
不支持三维模式
iOS 的环境下可直接识别 @2x 与 @3x 的图片，也就是导出 json 的 image 的文件目录下可以放入 img_0@2x 和 img_0@3x 程序可以自动识别图片后缀，并分配到对应的机型
字体支持不好，即便勾选【将文本转换为路径】也无法显示