The Inside Out


Este sitio La web

¿Sufriste un ataque de generosidad y quieres regalarme algo? ¡Gracias! Fíjate en mi lista de deseos en Amazon.

Hai avuto un attacco di generosità e vuoi regalarmi qualcosa? Grazie! Controlla nella mia lista dei desideri su Amazon.

Crear y editar imágenes en The GIMP

Gimp - Trabajando con varios diálogos abiertos

Pese a lo que el nombre le recuerde de Pulp Fiction o del idioma inglés, el significado de GIMP es GNU Image Manipulation Program, Programa de Manipulación de Imágenes GNU. Dado que Gimp es lo que hace que hoy día tengamos el entorno GNOME 1, hay que verlo con un poco de respeto.

Como sea, veamos la interfase de este programa, ciertamente el punto más desconcertante para alguien acostumbrado a programas como Paint Shop Pro. El Gimp, como Winamp (no tiene nada que ver, pero su interfase también es modular) tiene una interfase dividida en varias ventanas, o diálogos. Además, sus menúes se pueden desprender para tenerlos flotando por si se usan mucho, lo que causa pantallas llenas de ventanas flotantes, como vemos en la imagen inicial. Es por esto que conviene aprovechar la capacidad de casi todo administrador de ventanas de Linux (el de las imágenes es Blackbox) y usar un escritorio virtual enteramente para el trabajo con esta aplicación. En nuestro caso, usamos un escritorio para componer el HTML de estas páginas y verlo en browsers, y otro para trabajar con imágenes.

Como ve en la imagen inicial, hay montones de ventanas abiertas. ¿Qué es qué? y mejor aún: ¿Cómo edito imágenes con todo esto? La respuesta requiere orden.

La ventana principal de Gimp es la que mostramos en la imagen debajo. Presenta montones de íconos con los que se puede trabajar sobre una imagen, y además la barra de menúes. Por otra parte, la ventana principal no contiene toda la funcionalidad, ni mucho menos. No podrá usar muchas de las funciones de esa ventana si no ha seleccionado las opciones correctas en las otras. Además, muchas opciones de trabajo (como el menú "Editar" entre otros) no están en ella, sino que aparecen haciendo click derecho sobre la imagen abierta o selección.

Gimp - Ventana principal
Gimp - Ventana principal

Además de las herramientas y menúes, la ventana principal tiene las paletas de colores (abajo a la izquierda) y brochas, gradientes y patrones (abajo a la derecha). La paleta de colores permite elegir el color del frente y del fondo a aplicar simplemente haciendo click y seleccionando un color:

Gimp - Paletas de colores
Paletas de colores

Además, hay dos cuadraditos de colores negro y blanco debajo de la paleta de colores. Un click en ellos restablece el color de frente o fondo a negro o blanco. La flecha curvada encima de la paleta invierte los colores.

A partir del menú "Archivo - Diálogos" de la ventana principal puede abrir (valga la redundancia) diálogos como el de Capas, el de Herramienta, etc. Pero además, desde la ventana puede acceder a las herramientas de edición con el puntero, principalmente. Tenemos entonces una de las reglas posibles de trabajo con Gimp: usted hace una selección con el mouse, para lo que emplea alguna de las funciones de la ventana principal. Luego edita la selección con opciones que aparecen haciendo click derecho en la imagen, como por ejemplo, aplicar un filtro. Algunos de los íconos sirven para insertar texto (un campo de texto) en la imagen, otros para aplicar gradientes de color o patrones.

Al usar una de las herramientas de la ventana principal, verá que el diálogo de herramientas, presentado en la imagen debajo, cambia para ofrecer las funciones posibles de esa herramienta. Así, la herramienta "Seleccionar regiones cuadradas" (Tecla R) permite entre otras cosas difuminar los bordes de la selección, por ejemplo:

Gimp - diálogo de opciones de herramienta
Diálogo de herramienta

Además de las opciones de herramienta, en el caso particular de las herramientas de dibujo (pincel, aerógrafo, etc.) existe un diálogo de brocha, que determina la forma de la línea que aparecerá cuando use esas herramientas. Además de las opciones clásicas (brocha redonda o biselada, grande o pequeña) puede elegir pinceladas con imágenes, como verá en la imagen debajo:

Diálogo de brochas
Diálogo de brochas

Otra de las nociones fundamentales para el uso del Gimp (y cualquier otro editor de imágenes moderno) es el manejo de Capas o en inglés layers. Básicamente, usted creará una capa inicial, de fondo, a la que dará un color, gradiente o patrón; y encima de ella agregará capas de distintos tamaños y formas (capas de texto, de recuadros, etc.) que modificará por separado. Dado que una imagen compleja puede tener muchas capas, Gimp presenta un diálogo de Capas, canales y caminos para manipularlas.

Gimp - diálogo de capas
Diálogo de capas

Uso del Gimp: crear una imagen

Para darle una muestra de lo que el programa puede hacer, vamos a crear una imagen con algunos efectos desde cero usando el programa.

Vamos a aprender la operación básica de un artista digital: generar partes aisladas de una imagen y combinarlas con un fondo cualquiera. En este ejemplo, vamos a hacer un logo flotante sobre un fondo simple coloreado. Abra el Gimp y cree una imagen nueva de, digamos, 256 x 256 píxeles, con fondo blanco y color de frente negro. Abra el diálogo de Capas desde el menú "Archivo - Diálogos" o pulsando Control + L. Use la herramienta de texto Texto y escriba algo en la imagen. Para escribir, haga click en el punto de la imagen donde quiere que aparezca texto, y escriba dentro del campo "Previsualización" en la ventana de propiedades de la fuente que aparece.

Verá que el texto aparece en el diálogo de capas como una capa flotante, y puede moverla a donde quiera (simplemente tenga cuidado al usar el mouse) usando la herramienta Mover Mover y arrastrando con el mouse. Puede anclar la capa flotante a la capa del fondo simplemente haciendo click fuera de la selección de texto (note el cambio en el puntero entre la selección y el resto de la imagen). Para deshacer eso (y cualquier acción en general) pulse Control + Z.

Debería tener una imagen en texto negro sobre fondo blanco. Use ahora la herramienta "Imagen - Colores - Invertir" (en el menú contextual) para dar vuelta la torta:

Gimp - La imagen con colores invertidos
La imagen con colores invertidos

Ahora que tenemos una base, vamos a desenfocarla. Use la herramienta "Filtros - Desenfoque - Desenfoque gaussiano (IIR)" con intensidad 5 para empezar. Una vez listo, agregue una nueva capa a la imagen desde el diálogo de capas: Nueva capa. La capa debe ser blanca, y al aparecer estará sobre la anterior, que ya no se verá. Note en el diálogo de capas el ícono de ojo al lado de cada capa: indica que ambas están activas, es decir, que se ven. Si hace click en el ojo, la capa pasa a inactividad y se hace invisible. Vuelva a dejarla activa, y use el plugin plasma (menú contextual "Filtros - Render - Nubes - Plasma" suponiendo que esté instalado el paquete gimp-plugins) para darle color. Lo que ha hecho se verá aproximadamente así:

Gimp - Capa de texto
Capa de texto
Gimp - Capa plasma
Capa "plasma"
Diálogo de capas
Diálogo de Capas

Ahora hagamos algo más complejo. Use el plugin bumpmap ("Filtros - Aplicación - Aplicación de relieve" es lo más parecido que encontramos en nuestra versión). Pruebe con los parámetros hasta que quede conforme:

Gimp - Efecto de relieve
Efecto de relieve

Una vez logrado el efecto, seleccione "Agregar máscara de capa" a la capa de plasma desde el menú contextual del diálogo de capas. La capa debe ser blanca. Al terminar, verá el diálogo de capas como mostramos debajo:

Gimp - Máscara de capas
Máscara de capas

Ahora active nuevamente la capa de texto (no hace falta que deje las demás invisibles, basta seleccionarla en el diálogo de capas) y cópiela con Control + C o desde el menú "Editar - Copiar". Ahora seleccione la máscara de la capa de plasma. y pegue lo que copió con "Editar - Pegar" o Control + V. Tendrá una selección flotante, que vamos a anclar (fijar) a la capa inferior desde el menú contextual de ese diálogo. El resultado será el siguiente:

Gimp - Fijar la selección
Fijado de la selección

Agregue ahora una tercera capa, rellénela de algún color (con la herramienta "Rellenar de color", Rellenar, y muévala hasta que quede entre medio de las otras dos. Verá algo como la imagen de abajo en el diálogo de capas:

Gimp - capa de fondo
Moviendo la capa de fondo

Ahora, según el tamaño de la fuente que haya usado verá que el texto está más o menos borroso. Vamos a hacerlo más nítido. Seleccione la máscara de la capa de plasma y abra el menú contextual "Imagen - Colores - Niveles..." haciendo click derecho sobre la imagen. La herramienta que ve ahora es una de las más importantes que tiene en Gimp: el diálogo de Niveles de color. Juegue con los tres triángulos (recuadrados en rojo en la imagen) hasta que el texto quede nítido sobre el fondo.

Niveles de colores
Niveles de colores

Con esta operación estamos haciendo los bordes de la máscara (y de la imagen) más nítidos: el área que no es ni 100% opaca ni transparente se achica. Seleccionando bien la transición, podemos evitar el efecto de aliasing o "serruchado".

Usando el menú contextual del diálogo de capas notará la opción "Duplicar capa". Usela ahora, y a continuación use "Aplicar máscara" (esto elimina la máscara duplicada) y baje la capa para obtener algo como esto:

Creación de la sombra 1
Creando la sombra

Seleccione esa capa nueva, llámela "Sombra" y asegúrese que el casillero "Fijar Transparencia" en el diálogo de capas está marcado. Use la herramienta pincel Pincel y seleccione el color negro en la paleta para pintar la sombra. No se preocupe: "Fijar transparencia" sólo le permite pintar áreas opacas:

Creación de la sombra 2
Pintar la sombra

Ahora desmarque el casillero de "Fijar transparencia" y aplique un desenfoque, luego mueva la capa (con la herramienta Mover, asegúrese de que selecciona la capa, verá que el puntero cambia de una mano a una cruz de flechas) hacia abajo y a la derecha. Ahora, usando el asa de Opacidad del diálogo de capas, aumente la transparencia hasta que el efecto de sombra sea convincente.

Usted acaba de crear lo que en la jerga se conoce como drop shadow, que aumenta el efecto 3D que normalmente puede conseguir superponiendo capas, y se usa frecuentemente. En el proceso esperamos que haya incorporado algunos conceptos del uso del programa ¡Felicitaciones!

Gimp - Drop Shadow terminada
Imagen final

Lamentablemente, el uso de Gimp más allá de esta pequeña introducción es algo demasiado complejo para estos tutoriales. Gimp es una de las herramientas más complejas y ricas en opciones que existen en las distribuciones Linux, junto con compiladores y debuggers de código. Su curva de aprendizaje es empinada, pero vale la pena aprender. Para que no se quede con las ganas, visite estos sitios, en los que se incluyen varios tutoriales diseñados especialmente para presentarle las posibilidades del programa.

  • Gimp.org es, por supuesto, el sitio básico para un usuario del programa. De aquí podrá bajar actualizaciones e información.
  • Tutoriales en gimp.org, con enlaces a los otros tutoriales que mostramos aquí.
  • GUG Tutorials, una página armada por el Gimp Users Group con tutoriales para las últimas versiones del programa.
  • Grokking the Gimp: grok es un verbo inventado por los hackers (posiblemente) que implica un conocimiento profundo de algo; el que algo sea "intuitivo" para uno. Esta página es el frontispicio de un libro online sobre el programa, y puede bajar o comprar el libro desde ella. Cuidado, porque el archivo comprimido pesa unos 26 MB.

1 Fue para expandir las capacidades del programa que se crearon las Gimp Toolkit libraries, o librerías GTK, que ahora son la base del entorno gráfico GNOME.

Contactarme - Contattarmi

Ningún dato es necesario, salvo antispam y el texto del mensaje.

Nessun dato è necessario, aparte antispam e il testo del messaggio.

Si tienes problemas con el formulario, escríbeme a la dirección de correo en la imagen:

Se hai problemi usando il form, scrivi all'email nell'immagine:

mailto image

Nombre / Nome
Email
Subject
Anti Spam: 2 + 2 =
Texto / Testo