什麼是洛蒂動畫？ 關於洛蒂你需要知道的一切

已發表: 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 動畫和白板動畫由熟練的動畫師和動態圖形設計師廣泛製作。 聯繫我們了解更多。

編輯：阿姆魯塔