GIMP es una pieza de software muy potente, ya que es gratis. Los diseñadores web, en particular, pueden estar agradecidos por su capacidad para producir GIF animados simples.Los GIF animados son animaciones simples que verá en muchas páginas web y, aunque son mucho menos sofisticadas que las animaciones en Flash, son muy fáciles de producir por cualquier persona con un conocimiento básico de GIMP.Los siguientes pasos muestran una animación simple del tamaño de un banner web que utiliza un par de gráficos básicos, texto y un logotipo. En este ejemplo, vamos a utilizar GIMP para producir un banner web GIF animado muy básico. Hemos seleccionado la plantilla preestablecida de Web banner 468x60 común. Para su animación, puede seleccionar un tamaño preestablecido o establecer dimensiones personalizadas dependiendo de cómo usará su animación final.Nuestra animación constará de siete fotogramas y cada fotograma estará representado por una capa individual, lo que significa que nuestro archivo GIMP final tendrá siete capas, incluido el fondo. Queremos que nuestra animación comience con un espacio en blanco para que no realicemos ningún cambio en la imagen real. Fondo Capa que ya es blanco liso.Sin embargo, necesitamos hacer un cambio en el nombre de la capa en el Capas paleta. Hacemos click derecho en el Fondo capa en la paleta y seleccione Editar atributos de capa. En el Editar atributos de capa diálogo que se abre, añadimos (250ms) hasta el final del nombre de la capa. Esto establece la cantidad de tiempo que se mostrará este cuadro en la animación. La ms representa milisegundos y cada milisegundo es una milésima de segundo. Este primer cuadro se mostrará durante un cuarto de segundo. Queremos usar un gráfico de huella para este marco, así que vamos a Archivo> Abrir como capas y seleccione nuestro archivo de gráficos. Esto coloca la huella en una nueva capa que podemos posicionar según sea necesario utilizando el Herramienta de movimiento. Al igual que con la capa de fondo, necesitamos cambiar el nombre de la capa para asignar el tiempo de visualización para el marco. En este caso, hemos elegido 750ms.Nota: en el Capas En la paleta, la vista previa de la nueva capa parece mostrar un fondo negro alrededor del gráfico, pero en realidad esta área es transparente. Los siguientes tres cuadros son más huellas que caminarán a través del banner. Estos se insertan de la misma manera que el fotograma dos, utilizando los mismos gráficos y otro gráfico para el otro pie. Como antes, el tiempo se establece como 750 ms para cada cuadro.Cada una de las capas de huella necesita un fondo blanco para que solo se vea un cuadro, actualmente, cada una tiene un fondo transparente. Podemos hacer esto creando una nueva capa inmediatamente debajo de una capa de huella, rellenando la nueva capa con blanco y luego haciendo clic derecho en la capa de huella y haciendo clic Fusionar. Este marco es solo un marco en blanco relleno de blanco que hará que la apariencia de la huella final desaparezca antes de que aparezca el marco final. Hemos llamado a esta capa Intervalo y hemos elegido tener esta pantalla por solo 250 ms. No necesita nombrar capas, pero puede hacer que sea más fácil trabajar con los archivos en capas. Este es el cuadro final y muestra un texto junto con el logotipo de About.com. El primer paso aquí es agregar otra capa con un fondo blanco.A continuación, utilizamos el Herramienta de texto para añadir el texto. Esto se aplica a una nueva capa, pero lo trataremos una vez que hayamos agregado el logotipo, lo que podemos hacer de la misma manera que agregamos los gráficos de la huella anterior. Cuando tengamos estos arreglados como deseamos, podemos usar Fusionar para combinar el logotipo y las capas de texto y luego combinar esa capa combinada con la capa blanca que se agregó anteriormente. Esto produce una sola capa que formará el fotograma final y elegimos mostrar esto para 4000 ms. Antes de guardar el GIF animado, GIMP tiene la opción de previsualizarlo en acción yendo a Filtros> Animación> Reproducción. Esto abre un cuadro de diálogo de vista previa con botones autoexplicativos para reproducir la animación.Si algo no se ve bien, puede ser modificado en este punto. De lo contrario, se puede guardar como un GIF animado. Nota: La secuencia de animación se establece en el orden en que las capas se apilan en el Capas paleta, comenzando desde el fondo o la capa más baja y trabajando hacia arriba. Si su animación se reproduce fuera de secuencia, deberá ajustar el orden de sus capas, haciendo clic en una capa para seleccionar y usando las flechas arriba y abajo en la barra inferior de Capas Paleta para cambiar su posición. Guardar un GIF animado es un ejercicio bastante sencillo. Primero, ve a Archivo> Guardar una copia y asigne a su archivo un nombre relevante y seleccione dónde desea guardar su archivo. Antes de pulsar Salvar, seleccioneSeleccione el tipo de archivo (por extensión) hacia la parte inferior izquierda y, desde la lista que se abre, seleccione Imagen GIF. En el Exportar archivo diálogo que se abre, seleccione el Guardar como animación botón de radio y haga clic en el Exportar botón. Si recibe una advertencia sobre las capas que se extienden más allá de los bordes reales de la imagen, seleccione Cultivo botón.Esto conducirá ahora a la Guardar como GIF diálogo con una sección de Opciones GIF animadas. Puedes dejarlos en sus valores predeterminados, aunque si solo quieres que la animación se reproduzca una vez, debes desmarcar Bucle para siempre. Los pasos que se muestran aquí le brindarán las herramientas básicas para producir sus propias animaciones simples, utilizando diferentes gráficos y tamaños de documentos. Si bien el resultado final es bastante básico en términos de animación, es un proceso muy fácil que cualquier persona con un conocimiento básico de GIMP puede lograr. Los GIF animados probablemente ya han pasado su apogeo, sin embargo, con un poco de reflexión y una planificación cuidadosa, todavía se pueden utilizar para producir elementos animados eficaces muy rápidamente. Abrir un nuevo documento
Establecer el marco uno
Establecer el marco dos
Establecer marcos tres, cuatro y cinco
Establecer marco seis
Establecer el marco siete
Vista previa de la animación
Guarda el GIF animado
Conclusión
Produciendo un GIF animado con GIMP
Tutorial Gimp - Vídeo aula 28 - GIFs animados com Gimp! (Junio 2026)
Tabla de contenido:
Crear un GIF animado en Fireworks
Este tutorial paso a paso explica claramente cómo puede usar Fireworks para crear un GIF animado de un pavo con plumas de la cola que cambian de color.
Creando un ciclo de animación animado básico de 8 cuadros
Este ciclo de recorrido de figuras de palo muestra las ideas básicas y analiza los conceptos clave de la creación de figuras en movimiento.
Cómo crear un libro animado
¿Alguna vez has tratado de hacer un libro animado? No es tan complicado como parece, y puede ser una buena manera de practicar los principios de animación.
