Edite y personalice fácilmente las animaciones Lottie

Q: ¿Qué es Lottie Editor?

Lottie Editor facilita la edición de animaciones Lottie sin tener que navegar por el código o incluso volver a los archivos de origen. Usando Lottie Editor, usted puede rápidamente hacer ediciones menores, cambiar colores así como optimizar y ocultar capas. Una vez que haya realizado los cambios puede implementar sus animaciones a través de sus aplicaciones utilizando las bibliotecas móviles Lottie, en la web utilizando nuestro reproductor web y en Webflow para crear interacciones de gran alcance.

Q: ¿Qué hay de nuevo en Lottie Editor?

Ahora puede editar animaciones Lottie desde nuestra biblioteca lista para usar, IconScout y las animaciones privadas en su espacio de trabajo. Una vez que Lottie Editor cargue su animación, podrá editar estas propiedades, entre otras: - Capas - ocultar, desocultar, eliminar o reordenar capas - Colores - cambie los colores de los elementos de su animación, o cambie el color de fondo. - Reemplazar imágenes y actualizar texto: reemplace las imágenes de su Lottie o actualice el texto de las capas de texto.

Q: ¿Cuál es la diferencia entre colores únicos y todos los colores?

La edición de colores únicos cambia simultáneamente todas las instancias del color en la capa, mientras que la edición de todos los colores cambia cada instancia del color en la capa.

Q: ¿Por qué no puedo editar el texto de una animación?

En algunas animaciones, la edición de texto está desactivada porque la fuente ha sido subconfigurada, lo que resulta en glifos limitados. Obtenga más información sobre el subajuste de fuentes.

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.

Pruebe Lottie Editor

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.

No se necesitan herramientas complejas para editar una animación.

Ahora cualquiera puede personalizar y enviar un Lottie

1.657

M.

Aprenda a utilizar Lottie Editor

de animaciones editadas en Lottie Editor

Pruebe Lottie Editor

Más de 5.2 millones de diseñadores y desarrolladores de más de 250.000 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.

¿Por qué no puedo editar el texto de una animación?

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.

Haga clic para probar estos modos de visualización

Capas de destino con nombres y etiquetas

Seleccione la capa a la que desea asignar el valor, abra la sección de atributos y añada un identificador (clase(s) o id). Los identificadores y las clases pueden seleccionarse mediante CSS o JavaScript cuando se visualizan en una página web.

Pruebe Lottie Editor

Personalice las animaciones como nunca

Reordenación intuitiva de capas

Dé un nuevo giro a las animaciones reordenando las capas de forma fácil e intuitiva.

¿Por qué no puedo editar el texto de una animación?

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.

Haga clic para probar estos modos de visualización

Capas de destino con nombres y etiquetas

Pruebe Lottie Editor

Personalice las animaciones como nunca

Reordenación intuitiva de capas

Dé un nuevo giro a las animaciones reordenando las capas de forma fácil e intuitiva.

¿Por qué no puedo editar el texto de una animación?

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.

Haga clic para probar estos modos de visualización

Capas de destino con nombres y etiquetas

Pruebe Lottie Editor

Personalice las animaciones como nunca

Reordenación intuitiva de capas

Dé un nuevo giro a las animaciones reordenando las capas de forma fácil e intuitiva.

¿Por qué no puedo editar el texto de una animación?

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.

Haga clic para probar estos modos de visualización

Capas de destino con nombres y etiquetas

Pruebe Lottie Editor

Personalice las animaciones como nunca

Lienzo de movimiento y editor ahora disponibles en su aplicación móvil

¿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.

Descargar la aplicación móvil

Motion editor, templates and stickers on the LottieFiles mobile app

Preguntas Frecuentes

¿Qué es Lottie Editor?

¿Qué hay de nuevo en Lottie Editor?

¿Cuál es la diferencia entre colores únicos y todos los colores?

¿Cómo añado etiquetas de identificación y clases a las capas?

¿Por qué no puedo editar el texto de una animación?

Crear movimiento de manera fácil

Crea una animación

Prueba, edita y previsualiza

Optimiza y transfiere

Incorpora e implementa

Las mejores aplicaciones del mundo son #BuiltWithLottie

Las aplicaciones más descargadas hoy en día utilizan Lottie para destacar sus productos, mejorar su estética y atraer a los usuarios.

Ver todos los showcases

Aprovechando las animaciones de Lottie, podemos ofrecer una experiencia completa

Ver muestra

El movimiento ayuda a potenciar el mensaje; puede contar una historia más larga con más emoción

Ver muestra

Las animaciones de Lottie nos ayudan a mantener a los usuarios comprometidos, encantados y siempre aprendiendo

Ver muestra

Aprovechando las animaciones de Lottie, podemos ofrecer una experiencia completa

View showcase

El movimiento ayuda a potenciar el mensaje; puede contar una historia más larga con más emoción

View showcase

Las animaciones de Lottie nos ayudan a mantener a los usuarios comprometidos, encantados y siempre aprendiendo

View showcase

Las mejores aplicaciones del mundo son #BuiltWithLottie

Las aplicaciones más descargadas hoy en día utilizan Lottie para destacar sus productos, mejorar su estética y atraer a los usuarios.

Ver todos los showcases

Las mejores aplicaciones del mundo son #BuiltWithLottie

Las aplicaciones más descargadas hoy en día utilizan Lottie para destacar sus productos, mejorar su estética y atraer a los usuarios.

Ver todos los showcases

Aprovechando las animaciones de Lottie, podemos ofrecer una experiencia completa

Ver muestra

El movimiento ayuda a potenciar el mensaje; puede contar una historia más larga con más emoción

Ver muestra

Las animaciones de Lottie nos ayudan a mantener a los usuarios comprometidos, encantados y siempre aprendiendo

Ver muestra

Las mejores aplicaciones del mundo son #BuiltWithLottie

Las aplicaciones más descargadas hoy en día utilizan Lottie para destacar sus productos, mejorar su estética y atraer a los usuarios.

Ver todos los showcases

Aprovechando las animaciones de Lottie, podemos ofrecer una experiencia completa

View showcase

El movimiento ayuda a potenciar el mensaje; puede contar una historia más larga con más emoción

View showcase

Las animaciones de Lottie nos ayudan a mantener a los usuarios comprometidos, encantados y siempre aprendiendo

View showcase

A los equipos de diseño les encanta LottieFiles

LottieFiles ha alargado mi carrera diez años.

Anibal Koliren

Director de animación en DisneyNow

LottieFiles ha alargado mi carrera diez años.

Anibal Koliren

Director de animación en DisneyNow

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

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

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

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

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.

Desbloquee todas las funciones