O que é Lottie?
Lottie é um formato de arquivo de animação baseado em JSON que permite você enviar animações em qualquer plataforma com a mesma facilidade com que envia ativos estáticos. São pequenos arquivos que funcionam em qualquer dispositivo e podem ser ampliados ou reduzidos sem pixelização. Com o LottieFiles você cria, edita, testa, trabalha e envia um Lottie da maneira mais fácil possível.
Por que o Lottie?
Aqui estão algumas vantagens que o Lottie tem sobre os outros formatos de arquivo de animação existentes.
Tamanho de arquivo pequeno
As animações em Lottie são muito menores, porém mantém a mesma qualidade dos outros formatos, como GIF ou MP4.
As animações com Lottie são baseadas em vetores, o que significa que você pode ampliá-las e reduzi-las sem preocupar-se com a resolução.
Suporte multiplataforma e bibliotecas
Para todos os desenvolvedores, as transferências de Lottie são super fáceis. Você pode usar as animações em Lottie no iOS, Android, web e React Native sem modificações.
Interatividade
Nas animações Lottie, os elementos de animação são expostos para que você possa manipulá-los para serem interativos e responder a interações como rolar, clicar e passar o mouse. Saiba mais no Guia de Interatividade.
O mundo usa o Lottie
O Lottie é usado por mais de 280.000 mil empresas em todo o mundo e em muitas das ferramentas que você usa todos os dias.
Como começar a usar o Lottie
Ferramentas e recursos para ajudá-lo a começar a usar o Lottie.
PASSO 1
Encontre ou crie um Lottie
Encontre uma animação em Lottie
Pesquise nossa biblioteca de animações gratuitas prontas para uso.
Em seguida, personalize qualquer Lottie com sua marca ou cores preferidas usando a ferramenta Color Palette ou o Lottie Editor.
Ou crie um Lottie do zero
Se você tiver habilidades de animação, crie um Lottie com nossos plug-ins do Adobe. Ou então, use um SVG e aplique algumas predefinições a ele com nosso conversor de SVG para Lottie.
PASSO 2
Use seu Lottie
Use Lotties em suas ferramentas de design, código e produtividade
Bibliotecas Lottie para desenvolvedores
O Lottie também tem suporte nativo em muitas outras ferramentas
Está pronto para começar a usar o LottieFiles?
A história do Lottie
2010
Antes do Lottie, os motion designers criavam suas animações e as repassavam aos desenvolvedores de software para implementação. As opções de implementação eram limitadas. Os desenvolvedores exportavam animações em formatos de baixa qualidade ou tentavam do zero reconstruir a animação no código. Esse procedimento não era eficiente e muitas vezes resultava em animações abaixo do ideal e que pareciam distantes da intenção do motion designer.
Hernan Torrisi tem a ideia de exportar a representação de uma animação no Adobe After Effects e renderizar a animação em tempo de execução. Ele aproveita as habilidades de script do After Effects para enumerar um projeto de animação e lança um plug-in para o After Effects chamado Bodymovin, que exporta a descrição do formato JSON de uma animação. Ele também lança o primeiro renderizador para o formato com um reprodutor baseado em JavaScript para navegadores.
2017
Os engenheiros Brandon Withrow, Gabriel Peal e Leland Richardson, do Airbnb, veem o potencial das animações baseadas em JSON e os problemas que elas resolvem. Eles fazem parceria com Salih Adbul-Karim, o principal animador do Airbnb, para ajudar a criar bibliotecas iOS e Android que possam renderizar esses arquivos de animação JSON, que eles chamam de “Lottie”.
O LottieFiles é lançado!
O LottieFiles é lançado, dando aos animadores e desenvolvedores um lugar para testar instantaneamente, compartilhar e mostrar on-line suas animações.
A Microsoft e a .Net Foundation lançam uma biblioteca para renderizar o Lottie no Windows.
2019
O Qt adiciona suporte para o Lottie adicionando uma API QML para renderizar Lotties. A Samsung lança o rLottie, um renderizador baseado em C++ independente de plataforma para Lottie, e adiciona suporte ao Lottie no Tizen.
É criado o dotLottie. O dotLottie é um formato de arquivo de código aberto que agrega uma ou mais animações Lottie e seus recursos associados em um único arquivo. Esta será a próxima geração de Lottie para o futuro da animação.
