Hasta hace poco, crear animaciones web era un trabajo arduo que implicaba escribir el código directamente en el lenguaje de programación adecuado a los navegadores y apps de destino. Pero llegaron las animaciones Lottie como una herramienta que facilita la creación e implementación de animaciones para cualquier plataforma web.
Pero ¿Qué es un Lottie?
Lottie, un sistema open-source que parte de una librería de javascript (lottie.js). Esto permite que los navegadores web, y plataformas Android, IOS, entre otros, lean un archivo JSON, en tiempo real y de forma fluida y optimizada.
Beneficios de las animaciones Lottie
Rapidez
A diferencia de otro tipo de animaciones, Los Lottie se renderiza en tiempo real. El navegador o app lo carga al instante y es un proceso bastante ligero.
Ligereza
Con animaciones gifs o simples png podríamos ocupar bastante espacio que afecta a la carga total del sitio web. Lottie es tan óptimo y ligero que aquí comparamos su tamaño frente a otros formatos:
Calidad
Las animaciones Lottie representan gráficos vectoriales, lo que permite cambiar el tamaño de las animaciones rápidamente y sin perder calidad ni pixeles en el proceso.
Compatibilidad
Las Lottie pueden utilizarse en casi cualquier plataforma, incluyendo la web y el móvil.
¿Dónde encuentro animaciones Lottie?
Al momento de decidir darle ese impulso creativo y nuestro sitio web mediante gráficos animados. Tienes dos opciones:
Biblioteca gratuita
LottieFiles tiene una biblioteca con animaciones completamente gratis que fácilmente podrás añadir a tu sitio web.
Animaciones personalizadas
En Prime Group, contamos con un equipo de expertos multimedia que crearán sus animaciones desde el concepto (storyboard) hasta su versión final (animación insertada en sitio web), dándole una imagen dinámica e interactiva a su sitio web, con el estilo gráfico de tu marca.
¿Cómo se crean animaciones Lottie?
Estás animaciones pueden ser creadas directamente desde Adobe After Effects, y para su exportación final en JSON necesitaremos el plug-in bodymovin (o el nuevo plug-in lottie, más simple).
Sin embargo debemos tener en cuenta que es una herramienta nueva que cuenta con limitaciones ¿Quieres saber cuales son? Espera nuestro siguiente artículo.
En Prime Group usamos y dominamos Lottie porque nos ayuda a realizar las animaciones de forma ágil y creativa. Si tienes una historia, un guión o libreto preparado, no dudes en contactarnos. Animamos tu proyecto y te garantizamos resultados espectaculares.
