什么是洛蒂动画？ 关于洛蒂你需要知道的一切

已发表: 2022-05-22

为 Android、iOS 等创建复杂的动画当然是一个漫长的过程。 它甚至作为设计师或动画师，有时是一个脑筋急转弯的过程。

您必须为每种屏幕尺寸上传大图像文件，或者编写一千行脆弱、难以维护的代码。 因此，尽管是交流想法和产生引人入胜的用户体验的强大工具，但大多数应用程序并不使用视频动画。

如何使用此清单选择最佳视频动画制作者？

它不需要那样！ 这些问题早已不复存在，并且有许多方便的文件格式、平台等，您可以利用它们来简化您的工作流程。 一种这样的格式是 Lottie。

在这篇博客中，我将向您介绍这种有趣且方便的格式。

什么是洛蒂？

在 Lottie 之前的几年里，动作设计师会创建他们的动画，然后将它们发送给软件开发人员以付诸实施。 实施方案不充分且范围有限。

开发人员通常的做法是以低质量格式导出动画，或者尝试在代码中尽其所能从头开始重新创建动画设计。 不出所料，它不是最有效的技术，并且经常导致动画效率低下并且看起来与动作设计师的预期输出完全不同。

Hernan Torrisi 在 2015 年提出了导出在 Adob​​e After Effects 中创建的动画表示并在运行时生成动画的概念。After Effects 的脚本功能用于迭代动画项目，以及一个名为 Bodymovin 的 Adob​​e After Effects 插件被开发以生成 JSON 格式的动画描述。

除了浏览器的播放器，他还提供了第一个使用 Javascript 构建的格式渲染器。

自 2017 年推出以来，LottieFiles 为动画师和开发人员提供了一个平台，可以在网络上快速测试、分享和展示他们的动画。 基于 Lottie 动画的文件格式 (JSON) 允许设计师轻松地跨平台传输动画。

洛蒂以德国电影导演夏洛特·莱尼格的名字命名，他被广泛认为是世界剪影动画的领先先驱。 它支持的平台没有限制。 它可以通过 iOS、Android 和 Web 访问。

Lottie 中使用矢量和光栅组件的组合来创建本质上是跨平台的高质量动画。 针对某些动画元素和参数，它提供了在运行时添加交互性和更改参数的能力。

这些是可以在任何设备上使用的小文件，并且可以在不损失质量的情况下进行缩放。 开发人员可以在他们的编程中重用 Lottie 文件。

乐天能做什么？

Lottie 让您的动画在任何网络或移动设备上以高质量播放，并且通过智能设置，您可以让您的动画更具吸引力。

要记住的一件事是，在为 Lottie 构建时，JSON 文件需要为移动平台尽可能小。 尽可能使用育儿技巧。

在相似图层上复制相同关键帧时会添加额外代码。 您应该尽可能使用路径关键帧动画。

通过为每个关键帧上的每个顶点添加数据，大部分空间都被占用了。

自动跟踪或 wiggler 技术为您提供每一帧的关键帧，但使您的 JSON 文件大小非常大可能会对性能产生负面影响。 它们应该与构图平衡，才能顺利有效地工作。

你可以在哪里使用 Lottie？

据开发商称，几乎可以从任何平台访问 Lottie's，包括网络和移动设备。 换句话说，它们可以很容易地集成到移动应用程序和基于网络的应用程序中。

在某些消息服务中，Lottie 动画甚至可以用作贴纸。 就技术限制而言，它不限于网络或移动设备。 在桌面应用程序以及一些智能手表上，您可能会利用它。

各种跨平台插件和库可用于 Web、iOS、Android、Flutter、React、Vue、Angular 和 Sketch。 Lottie 动画文件支持 Figma、After Effects 等。

如何从头到尾创建视频制作时间线？

为什么要使用 Lottie 动画？

当有这么多其他选项可用时，自然会想到为什么要使用 Lottie 动画。

原因如下：

它可以在任何地方播放

Lottie 网络播放器与任何支持现代 Javascript 的浏览器兼容，这意味着 Lottie 可以在任何支持 Javascript 的现代浏览器上播放。 此外，由于最新的软件开发工具包提供动态 Web 内容，因此将 Lottie 集成到任何台式机或笔记本电脑程序中变得更加简单。

还有一些库可用于在 IOS、Android 和 Tizen 平台中实现 Lottie 播放，从而可以在绝大多数智能手机和平板电脑的移动应用程序中使用 Lottie。 Lottie 动画正迅速被大公司采用以增强其移动前端，而初创公司则在其产品设计中使用 Lottie 以将自己与竞争对手区分开来。

易于维护

Lottie 动画保存为纯文本，这意味着它们可供人类查看。 因此，在应用程序接口的开发中采用 Lottie 可以减少调试时间以及部署的总时间。 此外，纯文本 Lottie 文件的维护和微调不太复杂，因为它们不需要使用专业的软件工具。

Lottie 动画中的文本数据结构为 JSON，这意味着它可以被吸收到 Javascript 或任何其他接受 JSON 的应用程序开发环境中，而无需额外的解析或处理。 因此，Lottie 已成为世界上使用最广泛和便携的动画图形格式。

它是动态的

Lottie 数据的 JSON 结构允许以多种粒度轻松操作和替换其内容，范围从小数值到大部分对象。 此外，替换材料可以从任何站点动态加载。 因此，Lottie 是目前最具活力和广泛使用的动画图形格式。

可扩展性

由于传统的视觉效果很庞大，许多企业很少在应用程序用户界面中使用它们。 太多的图形会增加存储和检索成本，尤其是在根据上下文搜索和排序数据时。

在大型解决方案中使用时，Lottie 文件可以最大限度地减少存储和上下文排序/搜索费用。 由于 Lotties 是动态的，应用程序只需要在任何给定时刻加载需要更新的组件。

最高品质

它使用向量来表示几何形状的尺寸，并使用限定符来定义它们的特征以及它们在动画期间如何保持移动。 Lottie 播放器以屏幕的原始分辨率呈现。 这可确保 Lottie 动画始终以最佳质量显示。

用户放大 Lottie 动画，玩家以原始分辨率重新绘制它。 这意味着 Lottie 动画永远不会像素化，无论它们如何放大。

在一个症结中

使用 Lotties 可以实现快速、动态和优雅的用户界面。 由于您的应用程序托管组件的存储需求较低，您的客户的带宽消耗将大大减少。

如果您期待制作 Lottie 动画视频，那么您最想成为的地方就是 webdew。

在 webdew，解释视频、角色动画、2D 动画和白板动画由熟练的动画师和动态图形设计师广泛制作。 联系我们了解更多。

编辑：阿姆鲁塔