首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

AE-bodymovin 安装与使用

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 程序可以自动识别图片后缀,并分配到对应的机型。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180504G1A9G400?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券