[AE] + [BODYMOVIE]...

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名
3886 0 0 2019-11-01

[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 程序可以自动识别图片后缀,并分配到对应的机型
  • 字体支持不好,即便勾选【将文本转换为路径】也无法显示














Powered by Froala Editor

全部评论:0条

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票