值得一提的是, Lottie 在 Web 上是借助 Canvas 或者 SVG 来渲染动画的, 动画的关键帧在导出时已经被计算好了, 除了解析JSON之外基本没有性能损耗, 因此效率非常高!
二....每个区域的作用分别是:
项目: 管理当前项目以及一些项目参数的预览
资源: 导入到 AE 中的所有外部资源如图像等在这里进行统一管理
图层: 在这里为每一个图层添加/编辑关键帧和属性
时间轴: 在这里可以编辑动画的关键帧和曲线...AE 里的关键帧跟 CSS 里的 keyframe 属性没有什么区别, 我们只需要对其运动过程中的某一些节点添加关键属性, 这个元素将会在相邻两个关键帧之间进行关键属性的平滑变换。...OK, 现在我们已经添加完了所有的位移关键帧, 按空格再次预览, 如图:
?
这时, 因为我们的动画都是匀速运动, 看起来会很生硬, 因为真实世界中物理运动是有加速度的。...同时, 点击工具栏中的钢笔工具, 便可以在曲线任意位置额外添加锚点进行更进一步的曲线控制。 按住 ALT 同时点击点击锚点可以将之前转换为曲线。