Crea el ejemplo con cuatro imágenes primero, luego adapta el orden, la duración del fotograma y el lienzo a tu propia secuencia de fotos. Abrir Creador de GIF.
Elige imágenes y organiza la secuencia de fotogramas
Abre el creador de GIF y selecciona Imágenes. Sube tus fotos o elige Probar un ejemplo. Las entradas comunes incluyen JPG, PNG, WebP y GIF; el formulario de subida enumera los formatos adicionales admitidos. Un lote puede contener hasta 50 archivos, con un límite de 25 MB por imagen y límites de procesamiento generales.
Este ejemplo utiliza Probar un ejemplo para cargar de gif-orbit-01.webp a gif-orbit-04.webp. Cada original es de 640 × 640 píxeles, y las cuatro imágenes muestran diferentes posiciones en la misma escena orbital. Mantén su orden original para obtener el resultado trabajado.
Las tarjetas de fotogramas se sitúan sobre la vista previa. Arrastra una tarjeta para cambiar su posición, o selecciónala y usa Mover antes o Mover después en el panel de ajustes. Los usuarios de teclado pueden seleccionar tarjetas con las teclas de flecha y reordenarlas con Alt más una tecla de flecha. Reproducir sobre la vista previa comprueba la secuencia actual.
Duplicar añade otra copia del fotograma seleccionado. Eliminar borra un fotograma de la secuencia manteniendo al menos uno. Deshacer y Rehacer recuperan ediciones recientes; añadir o eliminar un archivo de origen inicia un nuevo conjunto de archivos y restablece ese historial de edición. Usa Añadir imágenes cuando la secuencia necesite más fotos.
Usa imágenes relacionadas con una progresión clara. Una secuencia sencilla es más fácil de seguir que muchas fotos inconexas cambiando rápidamente.
Establece la duración de cada fotograma y elige una transición
Selecciona un fotograma y establece la Duración en segundos. El rango admitido es de 0.02 a 10 segundos por fotograma de origen. Aplicar esta duración a todos los fotogramas asigna el tiempo seleccionado a cada uno. Para una presentación con un título o una foto final detallada, deja ese fotograma visible más tiempo que el resto.
Para el ejemplo, mantén cada Duración en 0.65 segundos. Probar un ejemplo ya establece este valor; con tus propias imágenes, introduce 0.65 para un fotograma y selecciona Aplicar esta duración a todos los fotogramas. Elige Fundido suave en Transición y establece el Tiempo de transición en 0.20 segundos, o 200 milisegundos.
Abre Texto y calidad de exportación y mantén los Pasos de transición en 4. Cada fundido añade cuatro fotogramas intermedios. Con cuatro fotogramas originales, cuatro fundidos en bucle, reproducción Hacia adelante y Repetir siempre, este ejemplo contiene 20 fotogramas renderizados. Las cuatro pausas de 0.65 segundos más los cuatro fundidos de 0.20 segundos crean un ciclo de 3.4 segundos.
Corte limpio cambia directamente entre imágenes sin añadir fotogramas de transición. Deslizar a la izquierda mueve la siguiente imagen a través del lienzo. Más pasos de transición pueden hacer que una transición sea más fluida, pero consumen más del presupuesto de exportación de 200 fotogramas. El editor informa cuando la secuencia y los efectos elegidos superan ese límite.
Hacia adelante reproduce la secuencia en orden, Inverso la reproduce hacia atrás, y Rebote regresa a través de la secuencia sin repetir ambos fotogramas finales. Bucle elige la repetición infinita o un número fijo de reproducciones. Para el ejemplo práctico, mantén Hacia adelante y Repetir siempre.
La duración es la pausa antes de una transición; el Tiempo de transición se suma a ella. Cuatro fotos a 0.65 segundos no crean un bucle de 2.6 segundos cuando también están activados los fundidos.
El ejemplo en esta guía
Cuatro imágenes de ejemplo en su orden original; 0.65 s por fotograma; Hacia adelante; Repetir siempre; Fundido suave; 0.20 s de tiempo de transición; 4 pasos de transición; Cuadrado 640 × 640 px; Mostrar la imagen completa; centrado al 100% de zoom; pie de foto en el primer fotograma "Made to loop."; Inferior; 32 px; blanco; 256 colores; Degradados de color suaves y Optimizar tamaño de archivo activados.
- Imágenes fuente
- 4 WebPs · cada una de 640 × 640 px
- Temporización de fotogramas
- 0.65 s de espera + 0.20 s de fundido
- GIF descargado
- 640 × 640 px · 20 fotogramas
- Ciclo de animación
- 3.4 segundos · repite siempre
Elige el lienzo, reencuadra las imágenes y añade subtítulos
En Lienzo y fondo, elige Cuadrado · 1:1 para el ejemplo y mantén el Ancho y Alto en 640 px. Otros ajustes preestablecidos incluyen Retrato, Historia, Paisaje y Pantalla panorámica. Ajustar a la primera imagen comienza desde la forma de la primera imagen, mientras que Tamaño personalizado acepta dimensiones de 16 a 1600 px por lado, sujeto al límite de procesamiento total de la animación.
Ajuste de imagen ofrece Mostrar la imagen completa y Rellenar el lienzo. Mostrar la imagen completa al 100% de zoom mantiene todos los bordes de origen y puede dejar fondo alrededor de una imagen con forma diferente. Rellenar el lienzo cubre el área de salida y puede recortar los bordes. Establece el Fondo al relleno deseado o activa Fondo transparente cuando el destino lo requiera.
Selecciona un fotograma para cambiar su encuadre de forma independiente. Arrastra la vista previa o cambia el Zoom, usa Izquierda o Derecha para rotaciones de 90 grados, o Voltear para reflejarlo. Restablecer fotograma devuelve ese fotograma a un encuadre centrado y sin rotar al 100% de zoom. El ejemplo mantiene las cuatro imágenes cuadradas originales centradas y utiliza Mostrar la imagen completa.
Selecciona el primer fotograma e introduce Made to loop. en Leyenda. Deja los otros tres campos de leyenda vacíos. En Texto y calidad de exportación, mantén la Posición de la leyenda en Abajo, el Tamaño de la leyenda en 32 px y el Color de la leyenda en blanco. Las leyendas pertenecen a fotogramas individuales; seleccionar otro fotograma te permite escribir una línea diferente. La primera leyenda del ejemplo se desvanece con su fotograma.
Mantén GIF colores en 256 · más detalle, con Degradados de color suaves y Optimizar tamaño de archivo habilitados para el resultado trabajado. Un menor número de colores puede hacer que el archivo sea más ligero, pero puede alterar tonos sutiles. Degradados de color suaves utiliza tramado, lo que puede suavizar las bandas de color mientras añade un patrón fino visible.
Revisa cada fotograma después de cambiar la forma del lienzo. Una composición que se ajusta a una imagen puede recortar el sujeto en otra. Aumentar las dimensiones de salida no puede restaurar los detalles que faltan en una fuente pequeña.
Crea el GIF y revisa la animación descargada
Reproduce la vista previa y observa un ciclo completo, incluido el retorno del último fotograma al primero. Comprueba que las leyendas permanezcan visibles el tiempo suficiente, que el recorte sea consistente y que ningún fotograma parezca apresurado. Selecciona Crear GIF cuando la secuencia esté lista; el servidor renderiza la animación final a partir de los originales subidos.
El ejemplo trabajado se descarga como animation.gif a 640 × 640 píxeles. La salida real tiene 20 fotogramas, un ciclo de 3.4 segundos y bucle infinito. La comparación anterior muestra las cuatro imágenes originales como una hoja de contactos y el primer fotograma real de ese GIF descargado, incluida la leyenda añadida Made to loop.
Las imágenes del artículo son solo vistas previas, no un reproductor de animación. Abre el GIF descargado en una aplicación que admita animación para comprobar la sincronización y el bucle. Una vista previa que parece fluida aún puede sufrir cambios de color tras la conversión de paleta de GIF, así que inspecciona el resultado guardado antes de compartirlo.
Para obtener un resultado más pequeño, prueba con menos fotogramas de origen, transiciones más cortas, menos pasos de transición, un lienzo más pequeño o un valor de GIF colores más bajo. Acortar el tiempo de espera por sí solo no elimina fotogramas de imagen, por lo que puede cambiar el ritmo sin reducir mucho el tamaño del archivo.
Descarga antes de actualizar o salir. Actualizar el editor o la página de descarga devuelve a la página principal de la herramienta. Conserva tus imágenes originales porque el GIF exportado es una animación aplanada, no un archivo de proyecto que contenga los controles de origen editables.
Un visor de imágenes estáticas puede mostrar solo el primer fotograma de GIF. Prueba el archivo en un navegador u otro visor capaz de reproducir animaciones antes de concluir que la animación falta.
Preguntas frecuentes
¿Puedo crear un GIF a partir de imágenes JPG y PNG juntas?
Sí. El modo Imágenes puede combinar formatos de imagen compatibles en una sola secuencia. Cada entrada se convierte en uno o más fotogramas de la línea de tiempo. Elija un tamaño de lienzo compartido y compruebe el ajuste de cada imagen.
¿Puede cada imagen permanecer en pantalla durante un tiempo diferente?
Sí. Seleccione un fotograma y cambie la Duración. Aplicar esta duración a todos los fotogramas es opcional; déjelo sin usar cuando las imágenes necesiten tiempos de espera diferentes.
¿Por qué el GIF tiene más fotogramas que el número de fotos?
El fundido suave y el deslizamiento a la izquierda insertan fotogramas de transición, y el rebote añade una secuencia de retorno. Un archivo animado subido también puede contener varios fotogramas. El límite de 200 fotogramas se aplica a la animación renderizada, no solo al número de fotos subidas.
¿Puedo poner un pie de foto diferente en cada imagen?
Sí. El pie de foto se aplica al fotograma seleccionado. Seleccione cada fotograma para introducir su texto. La posición, el tamaño y el color del pie de foto son controles de estilo compartidos para la animación.
¿Puede el GIF tener un fondo transparente?
Sí. Active Fondo transparente en Lienzo y fondo. GIF admite píxeles totalmente transparentes en lugar de la transparencia parcial suave al estilo PNG, por lo que los bordes suaves pueden cambiar. Compruebe el resultado descargado sobre el fondo previsto.
¿Por qué faltan algunos bordes de una foto?
Rellenar el lienzo y el Zoom adicional pueden recortar los bordes de la fuente. Para mantener una imagen completa, elija Mostrar la imagen completa, ajuste el Zoom al 100% y utilice el encuadre centrado. Una forma de lienzo diferente puede dejar un fondo visible a su alrededor.
¿Hacer que el GIF se reproduzca más rápido reduce el tamaño del archivo?
No necesariamente. Una espera más corta cambia la temporización pero mantiene los mismos fotogramas. Reducir las dimensiones, el número de fotogramas renderizados o el número de colores suele tener un efecto más directo en el tamaño del archivo.
¿Se procesan todas las imágenes en mi navegador?
No. El navegador muestra la composición interactiva, pero las vistas previas de los fotogramas y la codificación final del GIF utilizan procesamiento en el servidor. El archivo final se renderiza a partir de los originales subidos y los ajustes seleccionados.
Convierta sus imágenes en un bucle con un ritmo claro
Prueba una muestra o usa tu propio archivo, y revisa el resultado antes de compartirlo.
