重燃动效激情之 AE 动效导出为 JSON!
IPFS
本文 2018 年 1 月 18 日首发于 Medium 平台 · 查看原文
今天正想把毕设的一些图标动效做好,突然间想到可以用 Bodymovin 导出 JSON 还没试过,于是就现场捣鼓了一番。现在发现其实非常方便!
通过 Bodymovin 导出 AE 所制作的动画需要:
- 在 AE 里制作好的动画合成;
- 安装 Bodymovin 插件。
开始:
按照步骤安装好 Bodymovin 插件之后如果 AE 文件里有合成,将会自动显示在该界面。
在右侧设置好保存路径后点左上角的 Render 即可导出,
在导出前请检查 AE 的合成是否有过于炫酷的特效,因为目前 Bodymovin 并未完全支持所有 AE 效果,比如表达式、图层效果、遮罩的混合模式等等。了解更多
导出后会是一份 JSON 文件,我们可以去 Lottie Preview 里预览效果,而且可以用手机端查看,在手机里如果有一些效果不能正常显示的话软件是会提示的。
这样看上去整个过程非常简单,基本上 AE 里做出来的都能导出。
导出带有表达式的合成
Bodymovin 不支持导出带有表达式的合成,但如我我们有一些效果真的非常需要表达式来完成,那该怎么办呢?
我们选中带有表达式的那一栏属性的关键帧中右键选择“关键帧辅助”>“将表达式转换为关键帧”,AE 会计算表达式,在每个帧创建一个关键帧,然后禁用该表达式。
在这种情况下 Bodymovin 就可以正常导出之前带有表达式的图层了!
喜欢我的作品吗?别忘了给予支持与赞赏,让我知道在创作的路上有你陪伴,一起延续这份热忱!
- 来自作者
- 相关推荐