Cosa sono i file Lottie e perché tutti li usano?

Con così tanti tipi di file disponibili, come si fa a scegliere di iniziare a usarne uno nuovo? Potresti aver sentito parlare di LottieFiles, visto i plugin o forse queste sono tutte nuove informazioni per te. Introdurremo LottieFiles e il suo fantastico, veloce e piccolo formato di animazione: Lottie.

Cosa sono i file Lottie?

LottieFiles fornire il tipo di file Lottie. A tutti gli effetti, un file Lottie è un tipo di file di animazione. In questi giorni, quando apri un sito Web o un'app che visualizza un'animazione, c'è un'alta probabilità che il formato di detta animazione sia Lottie e non GIF o un altro formato.

Il file Lottie è più piccolo e più veloce dei tipici file di animazione. Solo per questo motivo, hanno superato l'utilizzo delle GIF in così poco tempo. E l'uso, l'accessibilità e la popolarità di LottieFiles continuano a crescere, quindi impariamo qualcosa in più su di loro.

Una breve storia di LottieFiles

LottieFiles è il creatore del formato di file Lottie. Tutto è iniziato nel 2015 quando un ingegnere ha utilizzato Adobe After Effects per creare un nuovo plug-in chiamato

Bodymovine che esegue il rendering di un formato JSON dell'animazione in tempo reale. JSON è una rappresentazione testuale di file JavaScript che consente un utilizzo più semplice e accessibile per gli sviluppatori web.

Intorno al 2016, i cervelli dietro Airbnb - lo sappiamo, è bizzarro come sembra - si sono uniti a il loro animatore principale e le librerie iOS e Android progettate in grado di eseguire il rendering di questo nuovo tipo di file veloce utilizzando JSON. Hanno chiamato il tipo di file Lottie, in onore di Charlotte Lotte Reiniger, una regista tedesca e pioniera dell'animazione di silhouette.

Con il background in ingegneria e capacità di animazione che il team di Airbnb aveva, il plug-in di rendering JSON originale è stato in grado di diventare quello che è oggi.

Ora che sei al corrente del retroscena di LottieFiles, condivideremo più dettagli che ti faranno desiderare di usare Lottie tu stesso.

Cosa rende i file Lottie così popolari?

L'idea che un'animazione Lottie possa essere renderizzata tramite JSON, un sistema basato su testo, consente molte cose che GIF o PNG non possono fare. Il vantaggio più grande è che un file JSON può essere facilmente modificato da chiunque dopo la sua creazione originale, a differenza di una GIF.

LottieFiles ha una community GitHub che incoraggia ingegneri, animatori o persone curiose a creare ed esplorare ciò che LottieFiles ha da offrire. Questo spinge continuamente LottieFiles ulteriormente per la comunità creativa.

Per un creatore medio che potrebbe non essere interessato ai come o ai perché di Lottie, qualcosa che potrebbe incoraggiarti a incorporare Lottie nei tuoi progetti è che la dimensione del file è molto più piccola di un tipico PNG, GIF o altri formati di animazione, ma funziona anche con una qualità molto più elevata grazie al suo rendering stile. Non stai rinunciando alla qualità usando Lottie nei tuoi progetti.

Le animazioni di Lottie sono completamente scalabili senza diventare pixelate, il che semplifica la progettazione su dispositivi o schermi di varie dimensioni. I file Lottie sono accessibili in più sistemi operativi rispetto ad altre librerie di rendering, quindi puoi lavorare con questi file da qualsiasi luogo, inclusi Mac, iOS, Android, Microsoft e Qt.

Imparentato: Ottimi posti per trovare modelli 3D per la progettazione digitale

Come accedere ai file di Lottie

Nonostante quanto possano sembrare complessi questi file da creare o utilizzare, in realtà sono molto semplici da implementare nei tuoi progetti. Puoi trovare i plug-in LottieFiles su Adobe XD, Figma, Framer X e ProtoPie, in modo da poter installare animazioni Lottie predefinite. Puoi anche implementarli nel tuo flusso di lavoro senza opzioni di codice in Elementor per WordPress, Webflow e Kodika.io.

Oltre all'utilizzo di file Lottie prefabbricati, la maggior parte dei quali viene fornita con licenze commerciali gratuite, ci sono molti programmi che puoi utilizzare con un Plugin LottieFiles per creare le tue animazioni Lottie, come Adobe After Effects, Adobe Animate, Inkscape, Sketch e Cavalry per citarne alcuni. Il plug-in LottieFiles esegue il rendering della tua animazione su Lottie, che è tutto ciò che serve per creare fantastiche animazioni in questo formato di file.

Imparentato: Che cos'è Adobe Animate e cosa puoi fare con esso?

Inizia a utilizzare i file Lottie nei tuoi progetti

A occhio nudo, una Lottie assomiglia ad altri formati di animazione standard, quindi potresti esserti chiesto di cosa si trattasse. Ora che sai di più su LottieFiles, su come è nata la Lottie e su cosa hanno da offrire, quasi sicuramente vorrai iniziare a usarli nel tuo flusso di lavoro.

I 10 migliori sistemi software di animazione 2D

Ecco il nostro elenco delle migliori app di animazione 2D che puoi utilizzare nel 2021.

Leggi Avanti

Circa l'autore