AE导出json格式的Web动画工具 Bodymovin v5.6.1 + 使用教程

Bodymovin是一款在AE中导出Web动画的AE扩展。动画导出为.json文件，使用随插件附带的bodymovin.js播放器，您可以在svg，canvas和html上在浏览器中渲染动画。它支持After Effects功能的子集。动画也可以通过Lottie在iOS和Android上本地播放，带脚本使用视频教程。

An After Effects extension to export animations for web. Animations are exported as .json files that use the bodymovin.js player that comes along with the plugin. You can render animations in the browser on svg, canvas and html. It supports a subset of After Effects features. Animations can also be played natively on iOS and Android through Lottie

https://aescripts.com/bodymovin/

将动画导出到json文件和png（如有必要）。

可以通过bodymovin播放器在网络上播放动画，也可以通过Lottie在iOS和Android本地播放动画。

要播放动画，请在扩展面板中找到播放器，然后将其加载到浏览器中。

支持的功能

• 形状 
  • 路径，椭圆，星形，矩形
  • 填充，描边，渐变填充和渐变描边
  • 破折号
  • 修剪路径（部分）
  • 圆角
  • 变换（位置，锚点，旋转，缩放，不透明度，偏斜，偏斜轴）
• 固体
• 图片
• 比较
• 空值
• 文字
  • 支持大多数字体，只要将字体加载到浏览器中，就可以将它们导出为形状或文本
  • 每个文本框支持单个文本偏斜。
  • 不支持：文本装饰，例如小写字母或垂直刻度。
• 相机（部分）
• 表达方式
  • 表达式。部分支持。每个版本都支持越来越多的表达式。
  • 支持表达式滑块。

常规支持的属性

• 变换（旋转，缩放，位置，锚点，不透明度）
• 时间重新映射
• 蒙版（加法，在某些情况下为差异，反转和减法）
• 亮度和Alpha蒙版（使用svg渲染器）

支持的效果（使用svg / html渲染器）

• 填
• 专业水平
• 阴影
• 着色
• 三音

Bodymovin V5.6.1 更新内容：

在新项目尚未保存目的地的情况下，修复了较早的AE版本的导出器
支持新的导出模式：Rive
支持新的导出模式：横幅
改进了现有的导出模式
改进的图像压缩解决方案（现在PNG可以很好地压缩为jpeg）
支持导入Lottie动画！
固定版本以防止污染全球范围
文字动画师乘法器修复
修复了＃1883文本偏移
修复＃1878支持容器的id属性
改进：验证变换是否为线性以消除空间插值
修复：减去蒙版转换后的修复
表情：增加了后继时间支持
修复：TextSelectorProperty中错误的缓动函数计算
修复：没有关键帧的自动定向属性
新增功能：实施一个可以在辅助线程上运行的新Canvas渲染器