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

De Huayra
Saltar a: navegación, buscar
 
(No se muestran 11 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
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.
+
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.
  
Para mostrarte un ejemplo, utilizaremos 8 imágenes de la vaca de Huayra. Cada una muestra a nuestra mascota en diferentes lugares, y al colocarlas todas juntas, simularán  el movimiento de la vaca que queremos crear en la animación.
+
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.
  
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 buen tamaño para que la animación no sea muy pesada al publicarla en redes sociales, por ejemplo.
+
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)
 
(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)
Línea 13: Línea 15:
 
[[Archivo:g7.png|200px]] [[Archivo:g8.png|200px]]
 
[[Archivo:g7.png|200px]] [[Archivo:g8.png|200px]]
  
En primer lugar abrimos [Gimp] desde el menú de aplicaciones de Huayra (Aplicaciones > Gráficos > Editor de imágenes GIMP)
+
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 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
+
Una vez dentro de la aplicación, abrimos la primer imagen de nuestra secuencia.  
 +
(Opción Archivo > Abrir)
  
[[Archivo:g9.png|center|200px]]
+
[[Archivo:g9.png|center|300px]]
  
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.)
+
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|200px]]
+
[[Archivo:g10.png|center|300px]]
  
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.
+
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|200px]]
+
[[Archivo:g11.png|center|300px]]
  
Luego guardamos el proyecto como GIF….desde el menú Archivo > Exportar como...cuando abre el siguiente cuadro de diálogo, debes indicarle que es una animación, clik en “Como animación”
+
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]]
 
[[Archivo:g12.png|center|300px]]
  
Luego tenemos 2 opciones para definir, Bucle perpetuo y Retraso entre cuadros cuando no se especifique.
+
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 especifica el tiempo que existirá entre cada imagen que compone la animación marcada en milisegundos.
+
 
Al hacer clic en Exportar se creará el GIF animado en la ubicación seleccionada.
+
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.
Luego abriendo el archivo Gif en Gimp, podemos cambiar el tiempo de cada imagen haciendo doble click donde indica el tiempo de la capa, es decir que cada capa (imagen) puede tener diferentes tiempos.
+
 
 +
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]]
 
[[Archivo:g13.png|center|200px]]
  
Por último veamos como queda nuestro Gif animado, abriéndolo con cualquier app de repoducción de video.
+
¡Listo! ¡Te dejamos el GIF animado!
  
 
[[Archivo:g14.gif|center|400px]]
 
[[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