O que são arquivos Lottie e por que todos os estão usando?

Com tantos tipos de arquivos disponíveis, como você faz a escolha de começar a usar um novo? Você pode ter ouvido falar de LottieFiles, visto os plugins, ou talvez tudo isso seja uma informação nova para você. Vamos apresentar o LottieFiles e seu formato de animação fantástico, rápido e pequeno: o Lottie.

O que são arquivos Lottie?

Arquivos Lottie forneça o tipo de arquivo Lottie. Para todos os efeitos, um arquivo Lottie é um tipo de arquivo de animação. Atualmente, quando você abre um site ou aplicativo que exibe uma animação, há uma grande chance de que o formato dessa animação seja Lottie, e não GIF ou outro formato.

O arquivo Lottie é menor e mais rápido que os arquivos de animação típicos. Por esse motivo, eles superaram o uso de GIF em um período tão pequeno. E o uso, acessibilidade e popularidade dos LottieFiles continuam crescendo, então vamos aprender um pouco mais sobre eles.

Uma Breve História do LottieFiles

LottieFiles é o criador do formato de arquivo Lottie. Tudo começou em 2015 quando um engenheiro usou o Adobe After Effects para criar um novo plugin chamado

Bodymovin que renderiza um formato JSON da animação em tempo real. JSON é uma representação baseada em texto de arquivos JavaScript que permite um uso mais fácil e acessível para desenvolvedores web.

Por volta de 2016, os cérebros por trás do Airbnb – sabemos, é tão bizarro quanto parece – se juntaram seu animador líder e bibliotecas iOS e Android projetadas que podem renderizar esse novo tipo de arquivo rápido usando JSON. Eles nomearam o tipo de arquivo Lottie, em homenagem a Charlotte Lotte Reiniger, uma diretora de cinema alemã e pioneira da animação de silhuetas.

Com formação em engenharia e habilidades de animação que a equipe do Airbnb tinha, o plugin de renderização JSON original conseguiu se tornar o que é hoje.

Agora que você conhece a história de fundo do LottieFiles, compartilharemos mais detalhes que farão você querer usar o Lottie.

O que torna os arquivos Lottie tão populares?

A ideia de que uma animação Lottie pode ser renderizada através de JSON, um sistema baseado em texto, permite muitas coisas que GIFs ou PNGs não podem fazer. A maior vantagem é que um arquivo JSON pode ser facilmente editado por qualquer pessoa após sua criação original, ao contrário de um GIF.

LottieFiles tem uma comunidade GitHub que incentiva engenheiros, animadores ou curiosos a criar e explorar o que LottieFiles tem a oferecer. Isso impulsiona continuamente o LottieFiles para a comunidade criativa.

Para um criador comum que pode não estar interessado nos comos ou porquês do Lottie, algo que pode encorajá-lo a incorporar o Lottie em seus designs é que o tamanho do arquivo é muito menor do que um típico PNG, GIF ou outros formatos de animação, mas também é executado em qualidade muito maior devido à sua renderização estilo. Você não abre mão da qualidade ao usar Lottie em seus projetos.

As animações Lottie são completamente escaláveis ​​sem se tornar pixeladas, o que facilita o design em dispositivos ou telas de vários tamanhos. Os arquivos Lottie são acessíveis em mais sistemas operacionais do que outras bibliotecas de renderização, para que você possa trabalhar com esses arquivos de qualquer lugar, incluindo Mac, iOS, Android, Microsoft e Qt.

Relacionado: Ótimos lugares para encontrar modelos 3D para design digital

Como acessar arquivos de loteria

Apesar de quão complexos esses arquivos podem parecer para criar ou usar, eles são realmente muito simples de implementar em seus projetos. Você pode encontrar plugins LottieFiles no Adobe XD, Figma, Framer X e ProtoPie, para que você possa instalar animações Lottie pré-fabricadas. Você também pode implementá-los em seu fluxo de trabalho com opções sem código no Elementor para WordPress, Webflow e Kodika.io.

Além de usar arquivos Lottie pré-fabricados - a maioria dos quais vem com licenças comerciais gratuitas - existem muitos programas que você pode usar com um Plugin LottieFiles para criar suas próprias animações Lottie, como Adobe After Effects, Adobe Animate, Inkscape, Sketch e Cavalry para citar alguns. O plugin LottieFiles renderiza sua animação para Lottie, que é tudo o que é necessário para criar ótimas animações neste formato de arquivo.

Relacionado: O que é o Adobe Animate e o que você pode fazer com ele?

Comece a usar arquivos Lottie em seus projetos

A olho nu, um Lottie se parece com outros formatos de animação padrão, então você pode ter se perguntado sobre o motivo de todo o alarido. Agora que você sabe mais sobre LottieFiles, como o Lottie surgiu e o que eles têm a oferecer, você certamente vai querer começar a usá-los em seu fluxo de trabalho.

Os 10 principais sistemas de software de animação 2D

Aqui está nossa lista dos principais aplicativos de animação 2D que você pode usar em 2021.

Leia a seguir

Sobre o autor