Diferencia entre revisiones de «Creá un GIF animado usando Gimp»

De Huayra
Saltar a: navegación, buscar
 
(No se muestran 21 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
Crear un GIF animado con GIMP es muy fácil. En resumen, lo que hay que hacer es abrir en GIMP la imagen que queremos convertir a GIF animado, añadir como capas las imágenes que formarán parte de la animación y, finalmente, guardar el  
+
Un [https://es.wikipedia.org/wiki/Graphics_Interchange_Format#Usos GIF] es un formato gráfico utilizado para animaciones, muy popular por su sencillez de edición y el poco peso que representa comparado a un video.
resultado en el formato gráfico GIF.
 
  
Para comenzar utilizaremos 8 imágenes de nuestra vaca como ejemplo, donde en cada
+
Crear un GIF animado con [[GIMP]] es una tarea muy fácil. Vamos a contarte paso a paso cómo hacerlo, para que te animes a probarlo.
imagen se ve el movimiento que queremos crear para la animación, es importante que cada imagen tenga el mismo tamaño, en este caso trabajamos con un tamaño de 600x400 px es un buen tamaño recomendado, para que la animación no sea muy pesada al publicarla.
 
  
[[Archivo:g1.png|200px]]
+
Para mostrarte un ejemplo, utilizaremos 8 imágenes de la vaca de Huayra. Cada una muestra a nuestra mascota en diferentes posiciones, y al colocarlas todas juntas, simularán el movimiento de la vaca que queremos crear en la animación.
[[Archivo:g2.png|200px]]
 
[[Archivo:g3.png|200px]]
 
[[Archivo:g4.png|200px]]
 
[[Archivo:g5.png|200px]]
 
[[Archivo:g6.png|200px]]
 
[[Archivo:g7.png|200px]]
 
[[Archivo:g8.png|200px]]
 
  
Una vez que tenemos creadas nuestras imágenes (también pueden ser fotografías), vamos al Gimp y abrimos la primer imagen de nuestra secuencia. Achivo > Abrir
+
Es importante que todas las imágenes tengan el mismo tamaño. En este caso, trabajamos con un tamaño de '''600x400 píxeles (px)''' que es un tamaño apropiado para que la animación no resulte muy pesada al publicarla en redes sociales, por ejemplo.
  
[[Archivo:g9.png|center|400px]]
+
(Si querés seguir el ejemplo y no tenés aún imágenes diseñadas, podés descargar las imágenes a continuación. También podés usar fotografías)
  
Luego abrimos las siguientes imágenes con Abrir como capas, desde el menú  Archivo> Abrir como capas. (Para no añadir las capas una a una, es posible seleccionar varios archivos en el cuadro de diálogo mediante la tecla SHIFT o MAYUS.)
+
[[Archivo:g1.png|200px]] [[Archivo:g2.png|200px]] [[Archivo:g3.png|200px]]
  
[[Archivo:g10.png|center|400px]]
+
[[Archivo:g4.png|200px]] [[Archivo:g5.png|200px]] [[Archivo:g6.png|200px]]
  
Luego vamos a ver las imágenes en cada capa, si alguna no está en el orden correcto para crear la animación podes modificarla cambiando el orden de la capa hacia arriba o hacia abajo o arrastrando la capa hasta la posición deseada.
+
[[Archivo:g7.png|200px]] [[Archivo:g8.png|200px]]
  
[[Archivo:g11.png|center|400px]]
+
El primer paso una vez que tenemos las imágenes, es abrir [[Gimp]] desde el menú de aplicaciones de Huayra.
 +
(Aplicaciones > Gráficos > Editor de imágenes GIMP)
 +
 
 +
Una vez dentro de la aplicación, abrimos la primer imagen de nuestra secuencia.
 +
(Opción Archivo > Abrir)
 +
 
 +
[[Archivo:g9.png|center|300px]]
 +
 
 +
Las imágenes restantes las abrimos como capas, desde el menú, seleccionando: Archivo > Abrir como capas.
 +
Para no añadir las capas una por una, es posible seleccionar varios archivos en el cuadro de diálogo mediante la tecla SHIFT.
 +
 
 +
[[Archivo:g10.png|center|300px]]
 +
 
 +
Una vez hecho esto, veremos una imagen en cada capa, ordenadas consecutivamente. Si alguna no está en el orden correcto para crear la animación, podés modificarla cambiando el orden, arrastrandola hasta la posición deseada (hacia arriba o abajo).
 +
 
 +
[[Archivo:g11.png|center|300px]]
 +
 
 +
Por último, debemos guardar el proyecto como GIF. Lo hacemos desde el menú Archivo > Exportar como... que abrirá la ventana a continuación, donde aclararemos que es una animación, haciendo click en la opción “Como animación”.
 +
 
 +
[[Archivo:g12.png|center|300px]]
 +
 
 +
En la misma ventana tenemos la opción de definir "Bucle perpetuo" y "Retraso entre cuadros".
 +
 
 +
La opción ''Bucle perpetuo'' permite indicar si la animación se repetirá de forma indefinida (loop) y el ''retraso entre cuadros'' especifica el tiempo que existirá entre cada imagen que compone la animación, expresada en milisegundos.
 +
 
 +
Al hacer clic en "Exportar", se creará el GIF animado en la ubicación seleccionada.
 +
 
 +
Si quisiéramos que cada capa (imagen) tuviese distinta duración (por ejemplo, si queremos que sea lo suficientemente larga para que permita leer alguna frase), podemos abrir el archivo GIF nuevamente en Gimp, y cambiar el tiempo de cada imagen haciendo doble click donde se indica el tiempo de la capa.
 +
 
 +
[[Archivo:g13.png|center|200px]]
 +
 
 +
¡Listo! ¡Te dejamos el GIF animado!
 +
 
 +
[[Archivo:g14.gif|center|400px]]

Revisión actual del 14:19 14 mar 2018

Un GIF es un formato gráfico utilizado para animaciones, muy popular por su sencillez de edición y el poco peso que representa comparado a un video.

Crear un GIF animado con GIMP es una tarea muy fácil. Vamos a contarte paso a paso cómo hacerlo, para que te animes a probarlo.

Para mostrarte un ejemplo, utilizaremos 8 imágenes de la vaca de Huayra. Cada una muestra a nuestra mascota en diferentes posiciones, y al colocarlas todas juntas, simularán el movimiento de la vaca que queremos crear en la animación.

Es importante que todas las imágenes tengan el mismo tamaño. En este caso, trabajamos con un tamaño de 600x400 píxeles (px) que es un tamaño apropiado para que la animación no resulte muy pesada al publicarla en redes sociales, por ejemplo.

(Si querés seguir el ejemplo y no tenés aún imágenes diseñadas, podés descargar las imágenes a continuación. También podés usar fotografías)

G1.png G2.png G3.png

G4.png G5.png G6.png

G7.png G8.png

El primer paso una vez que tenemos las imágenes, es abrir Gimp desde el menú de aplicaciones de Huayra. (Aplicaciones > Gráficos > Editor de imágenes GIMP)

Una vez dentro de la aplicación, abrimos la primer imagen de nuestra secuencia. (Opción Archivo > Abrir)

G9.png

Las imágenes restantes las abrimos como capas, desde el menú, seleccionando: Archivo > Abrir como capas. Para no añadir las capas una por una, es posible seleccionar varios archivos en el cuadro de diálogo mediante la tecla SHIFT.

G10.png

Una vez hecho esto, veremos una imagen en cada capa, ordenadas consecutivamente. Si alguna no está en el orden correcto para crear la animación, podés modificarla cambiando el orden, arrastrandola hasta la posición deseada (hacia arriba o abajo).

G11.png

Por último, debemos guardar el proyecto como GIF. Lo hacemos desde el menú Archivo > Exportar como... que abrirá la ventana a continuación, donde aclararemos que es una animación, haciendo click en la opción “Como animación”.

G12.png

En la misma ventana tenemos la opción de definir "Bucle perpetuo" y "Retraso entre cuadros".

La opción Bucle perpetuo permite indicar si la animación se repetirá de forma indefinida (loop) y el retraso entre cuadros especifica el tiempo que existirá entre cada imagen que compone la animación, expresada en milisegundos.

Al hacer clic en "Exportar", se creará el GIF animado en la ubicación seleccionada.

Si quisiéramos que cada capa (imagen) tuviese distinta duración (por ejemplo, si queremos que sea lo suficientemente larga para que permita leer alguna frase), podemos abrir el archivo GIF nuevamente en Gimp, y cambiar el tiempo de cada imagen haciendo doble click donde se indica el tiempo de la capa.

G13.png

¡Listo! ¡Te dejamos el GIF animado!

G14.gif