¿Qué es un Lottie?
Un Lottie es un formato de archivo de animación basado en JSON que le permite enviar animaciones a cualquier plataforma de forma tan sencilla como enviar activos estáticos. Son archivos pequeños que funcionan en cualquier dispositivo y pueden agrandarse o reducirse sin pixelación. LottieFiles le permite crear, editar, probar, colaborar y enviar un Lottie de la forma más sencilla posible.
¿Por qué Lottie?
Aquí hay un par de ventajas que Lottie tiene sobre los otros formatos de archivo de animación que existen.
Tamaño de archivo pequeño
Las animaciones Lottie son mucho más pequeñas, manteniendo la misma calidad, en comparación con otros formatos como GIF o MP4.
Las animaciones Lottie se basan en vectores, lo que significa que puede ampliarlas y reducirlas sin preocuparse por la resolución.
Compatibilidad con múltiples plataformas y bibliotecas
Para todos los desarrolladores que existen, las transferencias de Lottie son sumamente sencillas. Puede utilizar animaciones Lottie en iOS, Android, web y React Native sin modificaciones.
Interactividad
En las animaciones Lottie, los elementos de animación están expuestos para que pueda manipularlos de forma que sean interactivos y respondan a interacciones como desplazarlos, hacer clic y pasar el ratón. Obtenga más información en la guía de interactividad.
El mundo utiliza Lottie
Lottie es utilizado por más de empresas en todo el mundo y en muchas de las herramientas que usted utiliza a diario.
Cómo empezar a utilizar Lottie
Herramientas y recursos para ayudarle a empezar a utilizar Lottie.
PASO 1
Encuentre o cree un Lottie
Encuentre una animación Lottie
Busque en nuestra biblioteca de animaciones gratuitas listas para usar.
A continuación, personalice cualquier Lottie según su marca o colores preferidos utilizando la herramienta paleta de colores o el editor de Lottie.
O cree un Lottie desde cero
Si tiene algunas habilidades de animación, cree un Lottie con nuestros complementos de Adobe. Si no, simplemente tome un SVG y aplíquele algunos ajustes preestablecidos con nuestro convertidor de SVG a Lottie.
PASO 2
Utilice su Lottie
Utilice Lotties en sus herramientas de diseño, código y productividad
Bibliotecas Lottie para desarrolladores
Lottie también es compatible de forma nativa con muchas otras herramientas
¿Listo para empezar con LottieFiles?
La historia de Lottie
2010
Antes de Lottie, los diseñadores de movimiento creaban sus animaciones y las pasaban a los desarrolladores de software para su implementación. Las opciones de implementación eran limitadas. Los desarrolladores exportaban las animaciones en formatos de baja calidad o intentaban reconstruir la animación en código desde cero. Esto no era eficiente y a menudo daba como resultado animaciones que no eran óptimas y que distaban mucho de la intención del diseñador de movimiento.
Hernan Torrisi concibió la idea de exportar la representación de una animación en Adobe After Effects y renderizar la animación en tiempo de ejecución. Aprovechó las capacidades de creación de secuencias de comandos de After Effects para enunciar un proyecto de animación y lanzó un complemento para After Effects llamado Bodymovin, que exportaba la descripción en formato JSON de una animación. También lanzó el primer renderizador para el formato con un reproductor basado en JavaScript para navegadores.
2017
Los ingenieros Brandon Withrow, Gabriel Peal y Leland Richardson de Airbnb vieron el potencial que presentaban las animaciones basadas en JSON y los problemas que resolvían. Se asociaron con el animador principal Salih Adbul-Karim en Airbnb para ayudar a elaborar bibliotecas para iOS y Android que pudieran renderizar estos archivos de animación JSON, a los que llamaron "Lottie".
¡Lanzamiento de LottieFiles!
LottieFiles lanzado, lo que da a los animadores y desarrolladores un lugar para probar al instante, compartir y mostrar sus animaciones en la web.
Microsoft y la Fundación .Net lanzaron una biblioteca para renderizar Lottie en Windows.
2019
Qt añadió la compatibilidad con Lottie incorporando una API QML para renderizar Lottie. Samsung publicó rLottie, un renderizador basado en C++ independiente de la plataforma para Lottie, y amplió la compatibilidad con Lottie en Tizen.
Se creó dotLottie. dotLottie es un formato de archivo de código abierto que agrega una o más animaciones Lottie y sus recursos asociados en un único archivo. Esta será la nueva generación de Lottie para el futuro de la animación.
