viernes, 29 de noviembre de 2013


Bienvenidos a mi minipost
Perdonen la desprolijidad, es que lo hice medio a las apuradas
a pedido del compañero @StargateGeekMX




En líneas generales, para combinar dos gifs en una misma imagen:

1. Abrimos los gifs por separado

2. Ajustamos el lienzo (canvas), ubicando en cada caso la imagen en la posición deseada cuando combinemos

3. Combinamos capa por capa ambos gifs (funciona porque la imagen de una capa "pisará" la parte transparente del lienzo de la otra capa)


Te muestro cómo hacer GIFs combinados con GIMP
terminología




El paso 3 es el más aburrido, por eso nos bajamos un complemento (plug-in) para acelerar el proceso.

Se llama "Interleave Layers" (Entrelazar Capas), que nos ayudará a intercalar las capas de un gif con las capas del otro, y combinarlas una a una

Descarguen interleave-layers-0.4.py desde este sitio:


http://sourceforge.net/projects/gimp-tools/files/scripts/

y lo guardan en el directorio ~/.gimp-2.6/plug-ins si usan GNU/Linux y GIMP 2.6

No sé dónde es en Windows, pero pueden ir al menú Editar→Preferencias. Y luego a Carpetas→Complementos y se fijan en la carpeta que dice ahí.


Si todo salió bien, debería haber un nuevo menú dentro de Imagen

Software Libre



Ahora sí podemos comenzar.




1. Abrimos dos GIFs por separado

Desde GIMP puede hacerse yendo a Archivo→Abrir...

Lo tendrán en dos ventanas (o pestañas) separadas.
En mi caso, uso GIMP 2.8, por eso verán que las ventanas no están sueltas, sino que es una ventana única. No hay demasiada diferencia

Gifs

EPA!
Las dos imágenes tienen distinta cantidad de capas.
Voy a tener que quitar capas de uno de los gifs.
En algunos casos, es posible agregar más capas repitiendo el gif al final

_______________

PASO OPCIONAL: Filtros→Animación→Desoptimizar
Voy a hacerlo para que cada capa no tenga pixeles transparentes. Sino cuando elimine capas desde la primera, quedarán "manchas" que son porque se ve la capa de abajo:

gimp
No se ve muy lindo, no?
_______________


Prosigo:
Desoptimicé, y eliminé capas de ambos gifs.
El primero tenía 60 capas y el segundo, 71.
Quedaron 50 capas en c/u.

plugins

___________________________

Pasamos las imágenes a modo RGB para poder trabajar con mayor cantidad de colores
Imagen→Modo→RGB



2. Redimensionar el lienzo, ubicando cada gif en la posición que queremos

En mi caso, ambas imágenes miden 400 x 225
Como planeo "pegarlas" una encima de la otra, no tengo que cambiar nada más.
Pero si una una fuera más grande, y tendría que redimensionarlas para que tengan el mismo ancho, o bien recortarlas (dejar una parte de la imagen)


Redimensiono el lienzo en ambas.
La primera estará arriba. Y la segunda abajo
Si no quiero que haya separación, la altura del lienzo será 225+225 pixeles o sea 450px

Vamos a Imagen→Tamaño del Lienzo....

combinados



Ahora con el otro gif
Este es un poco diferente


gifs combinados



Bien!!
Ya casi estamos


3. Combinar ambas imágenes (usamos el plugin interleave-layers)

En este paso necesitamos sí o sí que ambas imágenes estén en modo RGB (lo expliqué más arriba)

Vamos al menú
Imagen→Interleave layers→Interleave stacks of layers....
y seleccionen en Layers source.. seleccionen la otra imagen y acepten (no cambien nada más)

Te muestro cómo hacer GIFs combinados con GIMP


Si todo sale bien, tendrán una imagen de 50 capas, donde cada una es la combinación una-por-una de las capas de cada gif

Software Libre



4. Detalles finales

Queda exportarlo a GIF

Primero hay que reducir la cantidad de colores
GIMP 2.8 lo hace automáticamente, pero GIMP 2.6 es chillón. Así que hagámoslo

Imagen→Modo→Indexado...
Con los valores que muestro acá estará bien si la imagen no es muy grande

Gifs


Momento de guardarlo

GIMP 2.8 Archivo→Exportar...
"Seleccione el tipo de archivo (por extensión)"
Hagan clic en Imagen GIF (yo prefiero este método, porque me agrega la extensión correcta al nombre)

Acepten y verán la siguiente ventana:

gimp

Listo.



ACERCA DEL PESO DEL ARCHIVO

Si notan que el archivo es muy pesado, vuelvan al paso 4.
1. Intenten redimensionar la imagen para hacerla más chica
( Imagen → Escalar la imagen... )
antes de reducir los colores

2. Elijan menos colores en el paso de Indexado ( 127, 63, 47, 31 ...)
Haciendo un balance entre calidad y peso de archivo.

3. Vuelvan al paso 1 y recorten más la imagen. O en el paso 2, eliminen capas intermedias que no aportan.


RESULTADO FINAL
(Redimensioné a la mitad del ancho original
Creo que podría ser un poco más grande)

plugins




Eso fue todo
Espero que les haya servido.













0 comentarios:

Publicar un comentario