Editar un GIF o MP4 existente

Carga un GIF o MP4 y, después, cambia su tamaño, transfórmalo, acórtalo, ajusta sus tiempos y exporta la animación editada con TinyImage.

Usa GIF Editor en la pestaña GIF de TinyImage para editar un GIF animado o un MP4 existente sin tener que rehacerlo a partir de capas de Figma separadas.

Tutorial en vídeo: editar GIF animados directamente en Figma

Este vídeo muestra cómo editar, combinar, acortar, transformar y exportar GIF animados con TinyImage.

Cargar un GIF o MP4 ​

En Figma Design, selecciona una de estas opciones:

  • Una capa que contenga un relleno GIF animado.
  • Un frame que contenga una o varias capas GIF en cualquier nivel de anidación.

Si abres GIF Editor con una de estas capas seleccionada, TinyImage la carga automáticamente. Si no, elige Use selected Figma GIF layer. También puedes elegir Choose file from your computer para cargar un GIF o MP4 local.

Cuando cargas un frame, TinyImage integra la pila de capas visibles del frame en cada fotograma de la animación. Esto incluye el contenido, las máscaras, los efectos y las demás capas que haya por encima o por debajo de las capas GIF anidadas. El frame original de Figma y sus capas no cambian.

Si el frame contiene varios GIF, TinyImage sincroniza sus cambios de fotograma en una única línea de tiempo editable. Por estabilidad, una animación combinada a partir de un frame puede durar hasta dos minutos y contener hasta 500 fotogramas combinados.

Selecciona Reset en cualquier momento para volver al GIF cargado originalmente.

TinyImage te avisa antes de sustituir un GIF con cambios que todavía no has exportado. Los GIF grandes también muestran un aviso de procesamiento. Los GIF pueden contener hasta 2000 fotogramas, tener dimensiones de hasta 8192 px y un archivo de origen de hasta 100 MB.

Los archivos MP4 pueden durar hasta 60 segundos y pesar hasta 100 MB. TinyImage muestrea el vídeo a 10 fotogramas por segundo y, cuando hace falta, reduce automáticamente las dimensiones de los vídeos muy grandes para que la edición sea fiable.

Cambiar el tamaño y transformar la animación ​

Introduce una anchura o altura de salida y mantén activado Lock ratio para conservar las proporciones originales. Selecciona Apply size para cambiar el tamaño de todos los fotogramas.

Los controles de transformación permiten:

  • Girar todos los fotogramas 90 grados a la izquierda o a la derecha.
  • Voltear todos los fotogramas en horizontal o en vertical.
  • Recortar todos los fotogramas con una selección visual o con valores exactos de X, Y, anchura y altura.

Acortar el GIF y ajustar sus tiempos ​

Usa los tiradores de la línea de tiempo para elegir el primer y el último fotograma que quieres conservar. Usa el desplegable Speed para que toda la animación vaya un 50 % o un 25 % más lenta, mantener sus tiempos normales al 100 %, o hacerla un 25 %, un 50 % o un 100 % más rápida. TinyImage recalcula cada fotograma a partir de sus tiempos originales, así que se conservan las diferencias de tiempo intencionadas entre fotogramas.

Activa Reverse para invertir la vista previa, la línea de tiempo y el orden de los fotogramas exportados. Si ya has acortado la animación, TinyImage mantiene los mismos fotogramas elegidos e invierte su orden. En las salidas GIF y APNG, deja activado Infinite para que la animación se repita en bucle continuo. Desactiva Infinite e introduce el número total de repeticiones en el campo numérico para que la animación se reproduzca un número fijo de veces.

Configurar y exportar el resultado ​

Usa el menú de formato que hay junto al botón de exportación para descargar la animación editada como:

  • GIF animado
  • PNG animado (APNG)
  • WebP animado
  • Vídeo MP4
  • Vídeo WebM

Las exportaciones GIF y APNG incluyen un control de bucle, las exportaciones MP4 y WebM incluyen un control de bucle de vídeo, y WebP animado se repite en bucle continuo.

GIF Editor usa el mismo control deslizante Quality y la misma opción Lossless que Create a GIF/MP4. Estos controles se aplican a las exportaciones GIF, APNG y WebP animado. Activa Lossless para desactivar el control deslizante de calidad y conservar la calidad de imagen, o baja el valor de calidad para reducir el peso del archivo con compresión con pérdida. MP4 y WebM usan, en su lugar, la máxima calidad de vídeo compatible del editor.

En las salidas de GIF animado, activa Size Target e introduce un peso máximo en KB para que TinyImage ajuste automáticamente la pérdida y la paleta de colores. Mientras hay un objetivo activo, el campo de KB sustituye a los controles manuales de Quality y oculta Lossless. Si no se puede alcanzar el objetivo, TinyImage exporta el resultado válido más ligero que haya encontrado, así que comprueba el archivo guardado antes de subirlo a un servicio con un límite estricto.

Si un GIF original no se ha editado, TinyImage usa los datos de su archivo original como entrada y aplica la compresión seleccionada sin volver a codificar antes cada fotograma. Los GIF editados se reconstruyen con la paleta máxima de 256 colores del formato antes de aplicar la compresión seleccionada. Se usa el mismo ajuste de compresión GIF para las descargas y para Insert GIF to Figma.

Revisa la vista previa de la reproducción después de cada cambio y elige Export GIF, Export APNG, Export WebP, Export MP4 o Export WebM. Selecciona Insert GIF to Figma para añadir la animación editada como GIF a la página actual de Figma. TinyImage muestra el progreso de la exportación fotograma a fotograma, y puedes cancelar antes de que se procese el siguiente fotograma.