Comparando mapas con Gimp

Hace unos días mi hijo y yo conversábamos sobre cómo se forman las islas en el Delta del Paraná y él me explicó a mí cuánto crecieron en los últimos años algunas de ellas.
Entonces se me ocurrió ver el mapa de 1940, utilizando los mapas temáticos del sitio de mapa.buenosaires.gob.ar
Mapa de 1940

Después miramos el actual, pero no quedaba clara la comparación:

Mapa actual

Entonces capturamos ambas pantallas, y las pegamos en Gimp, poniendo una sobre la otra, en distintas capas. Para ello:

  • Utilizar la tecla Imprimir pantalla para capturar la imagen del mapa actual
  • Abrir el archivo (si es Linux) o pegar (si es Windows)
  • Volver al mapa, visualizar la versión antigua, captura la pantalla con la tecla Imprimir pantalla (en Linux, elegir «copiar al portapapeles»).
  • En Gimp utilizar el menú Editar / pegar como / capa nueva.

Ahora tenemos una imagen sobre la otra, como si hubiésemos puesto una hoja de papel sobre la otra. Para notar las diferencias, tenemos que quitar la parte celeste, el agua. Para hacerlo:

  • Utilizar la varita mágica para seleccionar con un clic toda el área celeste.
  • Después, cuando ya tenemos seleccionado el río o el mar, lo borramos con la tecla suprimir. Entonces, en donde antes veíamos celeste ahora veremos la capa de abajo:

Mapas comparados

Si esto no ocurre (es decir, si al suprimir lo celeste se convierte en blanco) debemos agregar canal alfa a la capa superior: Capa / Transparencia / Añadir canal alfa.

Si al seleccionar notamos que en realidad se está seleccionando el agua de la capa de abajo, es porque tenemos seleccionada esa capa. Basta con hacer clic en la capa de arriba en el menú de capas, y luego volver a hacer clic en la zona celeste:

Seleccionar otra capa

 

Dibujar flechas usando Gimp

No entiendo cómo, pero Gimp no tiene la posibilidad de dibujar flechas simplemente trazando un vector….

Sin embargo es posible instalar un script que lo hace. Una vez instalado es muy simple trazar una flecha, el problema es instalarlo.

Encontré este post que me ayudó muchísimo: Dibujar flechas en Gimp

Lo primero que debemos hacer es descargar Draw Arrow y descomprimirlo para obtener el programita que agregaremos a Gimp

Una vez que tenemos ese archivo, lo debemos copiar en la carpeta correspondiente a los scripts. En mi caso, como usuaria de Huayra, tuve que seguir estos pasos:

1) Abrir la carpeta correspondiente a mi usuario: Home / Alumno

2) En las preferencias de administración de archivos pedir que se muestren las carpetas ocultas (CTRL+H):

flechas mostrar carpetas ocultas

3) En /home/alumno/.gimp-2.8 buscar la carpeta scripts, y si no existe, crearla. En esa carpeta copiar el archivo arrow.scm

4) Iniciar Gimp (si ya estaba abierto, salir y volver a entrar). En el menú herramientas, la última opción será Arrow.

Estos pasos sirven para que únicamente el usuario Alumno pueda tener este agregado. Para que el script esté disponible para todos los usuarios se debe ejecutar el programa de administración de archivos (en Huayra con escritorio Mate se llama Caja, en Gnome se llama Nautilus) mediante una terminal, con el comando sudo:

sudo nautilus
o
sudo caja
ejecutar nautilus o cajaDe esa manera podremos acceder a la carpeta /usr/share/gimp/2.0/scripts y copiar allí el archivo:

archivo del script en la carpeta correspondiente

Cuando ya tenemos instalado el script, se utiliza de la siguiente manera:

1) Trazamos una ruta

2) Vamos al menú Herramientas, opción Arrow:

Usar Arrow

¡Ya tenemos flechas!

Gracias a Pablo Medrano por el 80% de este post…

flechas

Bolsitas de papel con patrón y tarjetitas

En estas fiestas, para envolver los regalos (las velas perfumadas por ejemplo), hice un dibujito que utilicé como patrón en un papel y lo fotografié con el celular:

Dibujo de monito

Después, abrí ese dibujo en Gimp, lo puse en el portapapeles (seleccionar todo / Copiar) y elegí en la herramienta de relleno (el baldecito) la opción Rellenar con patrón / Portapapeles:

Utilizar patrón del portapapeles

Creé un archivo nuevo y simplemente hice clic con la herramienta de relleno:

Relleno con patrón - portapapeles

Así obtuve una hoja con mis monitos, lista para fabricar una bolsita de regalo.

En Youtube hay muchas explicaciones de cómo hacer una bolsita, esta es la que seguí yo:

Cómo hacer bolsitas de regalo

 

Las tarjetitas

No iba a hacer grandes cosas, pero me encontré en Pinterest con muchas propuestas de origami de las que finalmente tomé un papá noel (lo convertí en un duende) y una camisa doblada:

Tarjetitas origami

Aquí las instrucciones para hacer el papá noel / duende y aquí las instrucciones para las camisas.

Así me quedaron los regalitos:

Regalitos

Tarjetitas para estas fiestas usando Gimp

A pedido del público (Gracias, Gustavo Cucuzza), un nuevo post sobre Gimp en BETA Weblog.

Crear un fondo con letras cuya textura sean paisajes (o velas, o motivos varios)

  1. Podemos empezar por buscar el motivo de fondo: un paisaje en Wikimedia Commons, un arbolito de navidad, adornos, golosinas, etc.
  2. Una vez elegida esa imagen, agregamos una capa blanca o negra utilizando el menú Capa/Nueva capa.
  3. Después, elegimos la herramienta de escritura y hacemos un lindo texto de cualquier color (ya que no lo vamos a usar de ese color).
  4. Una vez que tenemos el texto, seleccionamos con la herramienta rectangular y lo copiamos en el porta papeles (Editar / Copiar) y lo ocultamos.

tarjeta con gimp copiar y ocultar capa

¡¡Y ahora viene la parte divertida!!

Ahora que tenemos copiado en el portapapeles el texto, lo vamos a usar como «Sacabocados», o sea, vamos a «troquelar» la capa blanca de la siguiente manera:

  1. Elegimos la goma de borrar o borrador.
  2. En las opciones de la herramienta, le decimos que la forma de lo que borre sea lo que está en el portapapeles (es la primera opción)

Utilizar el portapapeles para borrar con formas diferentes

  1. Elegimos la capa blanca o negra como capa activa
  2. Borramos y borramos, variando el tamaño de la goma

tarjeta con gimp variar opciones goma

Esta es la primera versión de mi tarjeta (cambiándole el paisaje de fondo):

tarjeta gimp final1

Pero para que el texto de adelante fuera más legible, le inserté una capa transparente entre el texto y el fondo, y la pinté de blanco con la jarrita, con una opacidad del 30%.

Jarrita con opacidad 30%

 

¡Quedó precioso! Y se le puede cambiar el fondo a piaccere

¡Felices fiestas! Tarjeta de BETA Weblog

Si la tarjeta se va a utilizar en línea, se puede agregar algún efecto de animación (del menú Filtros / Animaciones)

Felices fiestas, les desea BETA Weblog

Ahora le cambié el fondo por uno navideño, creé una capa nueva a partir de visible (para unir todo en una misma capa), hice más alta la capa del fondo y creé un globo giratorio (Filtros / Animaciones)

Felices fiestas, les desea BETA Weblog

Animar un texto con Gimp

Voy a explicar el viejo truco de hacer aparecer un texto utilizando Gimp. Es muy conocido, pero se pueden obtener resultados muy lindos en pocos pasos. Para crear un gif animado, tenemos que pensar cada capa como un cuadro de la animación (como un fotograma de una película). Esto se entiende claramente al hacer una primera prueba borrador, antes de trabajar con la animación definitiva.

Aquí, la explicación paso a paso:

Primero, escribimos el texto o lo copiamos y pegamos en Gimp.

Después, duplicamos la capa de base y eliminamos algunos pequeños fragmentos.

Duplicar la capa y borrar algunas partes

Volvemos a duplicar la capa y a eliminar un poco más.

Seguimos duplicando y borrando poquito, hasta terminar eliminando todo el texto.

Duplicar y eliminar sucesivamente

En este momento, si guardamos el archivo y después lo exportamos como Gif, eligiendo la opción Guardar como animación, obtenemos un texto que va desapareciendo:

animacion de texto 3

 

Este es el primer resultado:

Texto desapareciendo

El último paso, entonces, será invertir el orden de esas capas, para lograr que el texto se vaya viendo aparecer. Para ello, vamos al menú Capas, Pila, Orden inverso de las capas.

Volvemos a exportar como animación, eligiendo que no se haga un bucle permanente y modificando la velocidad de los cuadros y obtenemos un texto que aparece y queda fijo:Exportar a gif animado

Segundo resultado:

logo beta2Si queremos que el bucle se realice, pero que el último cuadro dure más tiempo, podemos modificar el nombre de la última capa, poniendo entre paréntesis la duración del cuadro (en milisegundos, y sin espacio entre el número y la unidad, «ms»):

animacion de texto 5

 

Aquí, el resultado final:

logo beta3

 

Con una técnica similar, pero utilizando un filtro como iWarp, que deforma la imagen, se pueden hacer otro tipo de efectos:

Animar con iwarp

O utilizando pixelados progresivos:

Animación pixelado

 

Gimp: Volverse viejo, volverse nube

Para mezclar dos fotos utilizando Gimp, estuve experimentando el uso de máscara de capas. Iris India Los pasos que seguí fueron:

  • Abrir una foto
  • Utilizando el botón derecho del mouse sobre la capa, elegir Añadir máscara de capa, canal alfa de la capa (esto significa que le ponemos una máscara, una careta digamos, que es transparente)

mascara de capa

  • Una vez que añadimos la máscara de capa transparente, lo que borremos de esa máscara se verá reflejado como pedacitos de la foto que dejamos ver, por ejemplo, si borro un círculo con la goma de borrar común, se ve ese círculo:

borrar círculo

  • Si a la goma de borrar le bajo la opacidad, se ve como transparencia:

bajar opacidad Continuar leyendo «Gimp: Volverse viejo, volverse nube»

Gimp: Hacer un dibujo basándose en una foto

Las personas que no sabemos dibujar, cuando queremos hacer un dibujo de «un lindo perrito», «una casa», o cualquier objeto sin tener un modelo, solemos caer en el cliché que tenemos en la cabeza… casita con techo a dos aguas, chimeneas, ventanita… todo material sabrosísimo para un psicólogo de esos que hacen tests.

Si queremos hacer un dibujo diferente, podemos basarnos en una foto y empezar «calcándola».

Por ejemplo, yo tomé esta foto de mi perrita:

Foto de mi perrita

Y la «calqué» primero, siguiendo después con una versión libre. Esto fue lo que obtuve en unos pocos minutos (¡lo que haría situviera tiempo!)

Primera versión: Versión libre de Yoko dibujada por míVersión mejorada: Yoko dibujada

¿Cómo se hace?

Primero: se abre la foto y se guarda con otro nombre.

Segundo: se crea una capa nueva (menú Capa / opción Capa Nueva)

Tercero: calcamos la foto utilizando la herramienta de rutas y pulsando el botón «trazar ruta».

trazar ruta

Aqui se puede ver un video sobre cómo se utiliza esta herramienta:

Video: cómo trazar rutas en Gimp

Cuarto: cuando queremos ver cómo va quedando, ocultamos la capa de fondo. Si no ves la lista de capas, pulsá CTRL+L.

Ocultar capa Ver cómo está quedando

Aprenda Gimp… a los tropezones

GimpEste es un libro que contiene en cada capítulo un ejercicio explicado paso a paso para aprender a utilizar Gimp, el programa libre de retoque fotográfico.

Y aquí el libro en línea, todo esto gracias a la excelente herramienta para crear libros: booki.cc

 

Aprenda Gimp a los tropezones

Todos los autores prometen que sus libros y tutoriales serán paso a paso y el conocimiento crecerá suavemente dentro del lector, que encontrará la felicidad de ser guiado por la vía del saber como quien recorre el Tigre en un catamarán.
Bueno, después de escribir bastante sobre Gimp, descubrí que todo esto empieza a envejecer porque ya salió una nueva versión y tal vez haya algunas diferencias que conviertan en obsoletas las explicaciones.
Por lo tanto, decidí de una vez por todas ordenar todo ese material para quien tenga ganas de aprender a usar Gimp o de usar estas guías con sus alumnos en clase. Y prometo continuar trabajando en este material renovándolo de acuerdo a la nueva versión, para finalmente armar un libro para el proyecto Sembrando Libertad.

Mi material sobre gimp, ordenado de más simple a más complejo, dedicado a mis dos o tres lectores del blog (y a todos aquellos que me prometieron que alguna vez van a ponerse a aprender Gimp…):

Nivel principiantes

Nivel Intermedio

Avanzados

Usando capas en Gimp

Cuando una persona utilizó algún graficador en su vida, no se sorprende ya con pinceles, texturas y algunos trucos interesantes del dibujo en una computadora… Pero cuando conoce las capas, se le abre un mundo de posibilidades desconocidas hasta el momento.

¿Qué son las capas?

Para comprender lo que son las capas, nada mejor que imaginar que eso que estamos viendo es una pila de papeles de calcar que tienen diferentes dibujos.

Las capas de mi dibujo

En el ejemplo hay cuatro capas:

  • El cielo está debajo de las demás capas (imaginemos que tenemos un papel completamente pintado de cielo)
  • Sobre el cielo está el suelo, como si estuviera dibujado en un papel transparente.
  • Sobre el suelo, el tronco del árbol.
  • Arriba de las demás capas, se encuentra la copa del árbol.

Las diferentes capas

Esas capas pueden verse en el panel de la derecha. Cada capa tiene a la izquierda un ojo. Al hacer clic en el ojo se oculta o se muestra cada una de las capas. A la izquierda, está oculta la capa del tronco del árbol. A la derecha, se ocultó la copa.

Ocultar y mostrar capas

Utilizando las flechas hacia arriba y hacia abajo, se puede alterar la posición (en la pila de papeles) de la capa seleccionada. En este ejemplo, en el primero la copa del árbol está sobre el tronco, y en el segundo el tronco está sobre la copa:

Cambiar la posición de las capas

¿Y para qué sirven las capas?

Básicamente, trabajar con capas permite tener elementos superpuestos sin perder la información de cada uno de ellos: puedo hacer una cara, crear una capa nueva y agregar los ojos. Si no me gustan los ojos los elimino y no modifiqué la base de la cara….

También para modificar cada elemento por separado, ocultando y mostrando cada una de las capas cuando queremos trabajar en un detalle.

Por otra parte, es posible duplicar capas, y así obtener por ejemplo, muchos árboles, y como se puede modificar el tamaño de cada capa, se puede crear un bosque bastante fácilmente…

 

Bosque

Para hacer este bosque, una vez que tuve la base de un árbol, utilicé las siguientes opciones:

  • Duplicar capa (menú capas, o icono debajo del panel de capas)
  • Mover capa (herramienta Mover, en la caja de herramientas)
  • Llevar hacia abajo las capas que deben verse lejos (arrastrando la capa en el panel de capas, o utilizando las flechas debajo del panel de capas)
  • Achicar la capa que está detrás (menú capas, escalar capa)
  • Modificar el color de la capa (menú colores, Tono y saturación)