Bodymovin可以快速的导出json文件和png图片,然后使用浏览器来渲染动画,并且播放,是AE的经典插件之一,非常适合需要编辑动画的用户使用。
软件介绍
Bodymovin最新版是一款非常不错且功能实用的AE动画导出json插件,Bodymovin最新版可将动画导出到json文件和png(如有必要)。使用随插件附带的bodymovin.js播放器。您可以在svg,canvas和html上在浏览器中渲染动画。动画可以通过bodymovin播放器在网络上播放,也可以通过Lottie在iOS和Android中播放。
软件特色
将动画导出到json文件和png(如有必要)。
动画可以通过bodymovin播放器在网络上播放,也可以通过Lottie在iOS和Android中播放。
要播放动画,请在扩展程序面板中获取播放器,然后将其加载到浏览器中。
软件功能
1、支持的功能
形状
路径,椭圆,星星,矩形
填充,描边,渐变填充和渐变笔画
破折号
修剪路径(部分)
圆角
变换(位置,锚点,旋转,缩放,不透明度,倾斜,倾斜轴)
固体
图片
谱曲
空值
文本
支持大多数字体,只要您在浏览器上加载字体,它们就可以导出为形状或文本
每个文本框支持单个文本偏差。
不支持:文本装饰,如小型大写或垂直缩放。
相机(部分)
表达式
表达式。部分支持。每个版本都支持越来越多的表达式。
如果您遇到任何问题,请告诉我们。
支持表达式滑块。
2、一般支持的属性
变换(旋转,缩放,位置,锚点,不透明度)
时间重新映射
面具(添加剂,在某些情况下差异,倒置和减少)
亮度和alpha蒙版(使用svg渲染器)
3、支持的效果(使用svg / html渲染器)
填色
职业水平
投影
着色
全音
怎么安装
1.拷贝bodymovin文件夹到以下位置:
Win : C:\Program Files (x86)\Common Files\Adobe\CEP\extensions\
Mac : /Library(中文叫资源库)/Application Support/Adobe/CEP/extensions
2.Win运行一下Add Keys.reg,Mac运行一下install-as-admin
3.打开AE软件设置,勾选上*允许脚本读写和访问网络
Win:编辑-首选项-常规
Mac:After Effects CC-首选项-常规
4.在软件顶部window窗口菜单-扩展下即可看到bodymovin脚本
使用方法
导出JSON
1、打开一个 Adobe After Effect 项目,点击 Window - Extensions -Bodymovin(窗口-扩展-bodymovin),出现如图1所示对话框,点击 Selected 选中要导出的 Composition,选择导出文件的路径(Destination Folder),点击 RENDER 即可导出。
使用步骤
1、选定一个合成
2、选择导出文件的路径,点击渲染动画即可。
2、进入预览拖拽播放进度条可预览生成js文件的动画效果。
更新日志
V5.6.1 更新内容:
-在新项目尚未保存目的地的情况下,修复了较早的AE版本的导出器
-支持新的导出模式:Rive
-支持新的导出模式:横幅
-改进了现有的导出模式
-改进的图像压缩解决方案(现在PNG可以很好地压缩为jpeg)
-支持导入Lottie动画!
-固定版本以防止污染全球范围
-文字动画师乘法器修复
-修复了#1883文本偏移
-修复#1878支持容器的id属性
-改进:验证变换是否为线性以消除空间插值
-修复:减去蒙版转换后的修复
-表情:增加了后继时间支持
-修复:TextSelectorProperty中错误的缓动函数计算
-修复:没有关键帧的自动定向属性
-新增功能:实施一个可以在辅助线程上运行的新Canvas渲染器