Edite y personalice fácilmente las animaciones Lottie
Nuestro editor web le permite editar, modificar y personalizar su Lottie. Hacer cambios en cualquier momento nunca había sido tan fácil y divertido.
Ver el vídeo
Seleccionar. Editar. Guardar.
Ahora es más fácil que nunca seleccionar capas de animación, realizar ediciones y guardar distintas versiones de su animación.
Potente selección de capas
Seleccione las capas de animación en el lienzo y reordénelas como desee con el panel de capas mejorado.
Sea creativo con los colores
Cambie los colores de las capas y dé a su animación un nuevo y colorido aspecto.
Haga clic para cambiar el color
Oculte y elimine las capas no deseadas
Ponga las capas delante o detrás, borre las capas que no necesite. Oculte lo que no quiera mostrar.
Más de millones de diseñadores y desarrolladores de más de empresas confían en nosotros.
Reordenación intuitiva de capas
Dé un nuevo giro a las animaciones reordenando las capas de forma fácil e intuitiva.
Edite texto e intercambie imágenes
Cambie el texto y sustituya las capas de imagen en sus animaciones para un nivel de personalización aún más profundo.
Modo de rayos X para una selección avanzada
Active el modo de rayos X para obtener una vista de contorno que le ayudará a inspeccionar y seleccionar capas profundamente anidadas.
Capas de destino con nombres y etiquetas
Selecciona la capa que deseas modificar, abre la sección de atributos y agrega un identificador (clase(s) o ID).
Estas etiquetas ID y clases pueden ser utilizadas con CSS o JavaScript cuando la animación se reproduce en una página web.
Personalice las animaciones como nunca
¿Quiere una manera más fácil de personalizar animaciones en cualquier lugar? La aplicación móvil LottieFiles ofrece un editor de movimiento, plantillas, stickers y mucho más.
¿Qué es Lottie Editor?
Lottie Editor es un editor de animaciones en línea que te permite personalizar y optimizar archivos JSON de Lottie sin necesidad de escribir código.
Puedes ajustar colores, capas, imágenes y texto, y luego desplegar tus animaciones en sitios web, aplicaciones móviles y herramientas de diseño usando las bibliotecas móviles de LottieFiles, el reproductor web o integraciones como Webflow.
Usos comunes incluyen:
Actualizar colores de animación para coincidir con las guías de marca
Reemplazar imágenes de marcador de posición por fotos de productos o íconos
Cambiar texto de temporada o campañas sin rehacer la animación
Optimizar el tamaño del archivo para un mejor rendimiento web y móvil
¿Qué hay de nuevo en Lottie Editor?
Ahora puedes editar animaciones de Lottie desde nuestra biblioteca lista para usar, IconScout, y las animaciones privadas en tu espacio de trabajo.
Una vez que Lottie Editor carga tu animación, podrás editar las siguientes propiedades, entre otras:
Capas: Ocultar, mostrar, eliminar o reordenar capas
Colores: Cambiar los colores de los elementos de tu animación o el color de fondo
Reemplazar imágenes y actualizar texto: Sustituir imágenes en tu Lottie o modificar el texto en las capas de texto
¿Cuál es la diferencia entre colores únicos y todos los colores?
Editar colores únicos cambia todas las instancias de ese color específico dentro de la capa seleccionada.
Editar todos los colores permite cambiar cada instancia de color individualmente, brindando un control más detallado sobre tu animación Lottie.
¿Cómo agrego etiquetas ID y clases a las capas?
Selecciona la capa que deseas modificar, abre la sección de atributos y agrega un identificador (clase(s) o ID).
Estas etiquetas ID y clases pueden ser utilizadas con CSS o JavaScript cuando la animación se reproduce en una página web.
¿Por qué no puedo editar el texto de una animación?
Si no puedes editar texto en una animación Lottie, probablemente se deba a que la fuente fue subconjuntada durante la exportación, lo que limita los glifos disponibles.
Esto impide realizar cambios completos de texto.
¿Puedo usar Lottie Editor de forma gratuita?
Sí, puedes usar Lottie Editor de forma gratuita para ediciones básicas.
Algunas funciones avanzadas pueden requerir un plan LottieFiles Pro.
¿Necesito After Effects para usar Lottie Editor?
No. Lottie Editor funciona completamente en línea. Puedes subir cualquier archivo JSON de Lottie y editarlo sin necesidad de Adobe After Effects.
¿Puedo optimizar el tamaño del archivo en Lottie Editor?
Sí. Lottie Editor puede reducir el tamaño del archivo eliminando capas no utilizadas, limpiando el código y exportando en el formato comprimido .lottie.
¿Puedo editar animaciones del Marketplace de LottieFiles en Lottie Editor?
Sí. Puedes descargar o abrir animaciones desde el Marketplace en Lottie Editor para cambiar colores, imágenes, texto y más antes de publicarlas.
¿Lottie Editor es compatible con archivos .lottie?
Sí. Puedes subir y editar animaciones en el formato .lottie, que es un paquete comprimido que contiene uno o más archivos Lottie.
¿Cuál es la diferencia entre Lottie Creator y Lottie Editor?
Lottie Creator te permite crear animaciones desde cero en tu navegador usando herramientas como formas, texto y funciones avanzadas como segmentos y máscaras.
Lottie Editor, en cambio, está diseñado principalmente para ajustar colores, imágenes y texto en animaciones ya existentes.
A los equipos de diseño les encanta LottieFiles
Lottie se integra perfectamente en mi proceso de trabajo, ocupa poco espacio y puedo compartir ideas con mis equipos rápidamente.
Brian Lee
Animador experto en Headspace
LottieFiles está perfectamente integrado en todos nuestros productos y servicios para que la sensación de personalización sea la adecuada.
Vinu Remesan
Director de diseño de animaciones en Gojek
Crear. Colaborar. Compartir.
Lleve el movimiento a sus diseños cotidianos sin esfuerzo.