它是什么?这样的动画如何制作以及可以用在什么地方呢?我们来看看吧!
洛蒂动画 - 这是什么?
Lottie 动画是矢量动画的一种文件格式。这个名字本身来源于德国剪 学生电话号码列表 影动画导演兼设计师夏洛特·雷尼格(Charlotte Reiniger,1899 - 1981)的名字。
Lottie 动画基于JSON(JavaScript 对象表示法),这是一种用于交换计算机数据的轻量级、基于文本的格式。它是大多数人都知道的 GIF 和 APNG(动画便携式网络图形,即 PNG 扩展名)文件的替代品。
它是一个矢量文件,但也可能包含一些光栅图形元素。
如何制作洛蒂动画?
要开始在网站上创建 Lottie 动画,您必须首先完成设计并为动画做好准备。在这个阶段记住:
最好使用矢量纹理。
点和纹理部分越少越好。
避免在动画中使用蒙版。
如果您想获取 Lottie 文件,下一步将是对一些插图进行动画处理并将其转换为 JSON。尽量不要在此处创建效果,并主要对图层属性(即位置、旋转、缩放和不透明度)进行动画处理。您还可以处理 Lottie 允许的路径动画。
Lottie动画的优点
可在多个平台上使用- Android、iOS、Web,无需额外修正。
无缝可扩展性(无像素蠕变)
与 GIF、PNG 和 JPEG 相比,文件尺寸较小(亮度)。

简单的文件编辑- 更改背景或图层颜色、移动速度和其他元素。
高品质动画- 矢量和光栅元素的组合。
轻松访问免费资源- 可以通过访问 LottieFiles 和 Iconscout 下载免费的 Lottie 动画。
轻松文件导出- 可以使用 LottieFiles 或 Bodymovin 插件导出 Adobe After Effects 中自制的动画
当然,洛蒂的动画会有很多优点,但和一切一样,也有缺点。
这些包括:
它适用于 After Effect - 您不能使用此类的其他程序
After Effect 的许多附加插件都是付费的
我们只在一张图像中工作 - 我们无法在许多图像之间创建有效的过渡