1. Capas. Introducción

Las capas son como acetatos puestos unos encima de otros, como hojas transparentes apiladas. La parte que no está rellena en una capa deja ver el contenido de la capa situada debajo.

Trabajar con capas presenta varias ventajas:

• Lo que se hace en una capa no influye al contenido de las otras.
• Una capa puede ser borrada, duplicada y combinada con otras (al combinar dos capas se convierten en una sola).
• A una capa se le puede cambiar el tamaño de forma independiente, se pueden mover, se les puede cambiar el orden de apilación, etc.
• Las capas permiten distintos grados de transparencia.

GIMP dispone de un formato propio para trabajar con capas: XCF. En cualquier otro formato de imagen, todos los objetos, capas y transparencias se acoplarán creando una imagen plana, y, por tanto, no podremos volver a manipular la imagen desde el estado de trabajo en el que se encontraba antes de grabar. Si queremos evitar esto, guardaremos una versión de trabajo (en .xcf) de las composiciones finalizadas para poder hacer pequeños retoques o añadidos en cualquier momento.

1.1. Ventana de capas

Si hemos cerrado la ventana donde estaba el cuadro de diálogo de las capas, lo podemos recuperar desplegando el menú Ventanas → Empotrables cerrados recientemente → Capas, degradados, Rutas.

En el diálogo de capas, situado a la derecha de la pantalla, podemos observar los siguientes elementos:

• Modo. Nos indica el modo en que la capa que estamos pintando se mezcla con lo que hay dibujado en otras capas. Por defecto está el modo Normal, que sería como si en una hoja que hay un dibujo nosotros escribiéramos con un rotulador por encima de tal forma que al escribir se tapase lo que hay debajo. Si abrimos el desplegable, podemos ver el resto de opciones como ennegrecer, solapar, etc., opciones que permiten combinar el color de lo que estamos pintando con lo de otras capas.
• Opacidad. Podemos seleccionar si el contenido de la capa es completamente opaco (no deja ver lo que hay detrás) o si tiene cierto grado de transparencia y deja ver lo que hay por debajo. Si se acerca al 0 será más transparente; si su valor se acerca al 100, más opaco.
• Bloquear. Si marcamos esta opción, las zonas transparentes de la capa estarán protegidas y no podremos dibujar sobre ellas.
• Nombre de la capa. Sirve para identificar la capa (es útil cuando una imagen está compuesta por muchas capas). Puede modificarse haciendo doble clic sobre el nombre de cada capa.
• Capa seleccionada. Se encuentra coloreada e indica que lo que hagamos en la ventana imagen surtirá efecto en ella.
• Visibilidad de la capa . Si el ojo está visible vemos la capa en la ventana imagen. Si hacemos clic sobre el ojo, éste desaparece y la capa deja de estar visible en la ventana imagen.
• Capa enlazada . Este icono, que se activa y desactiva haciendo clic sobre él, permite la transformación agrupada de todas las capas que están enlazadas.

Además, hay una serie de botones que sirven, de izquierda a derecha, para lo siguiente:

Botón	Función
	Crear una capa nueva.
	Es el tamaño físico de una imagen impresa; es decir, son las dimensiones reales en términos de anchura y altura una vez impresa. Se suele expresar en centímetros o pulgadas.
	Bajar la capa seleccionada un nivel dentro de la pila de capas.
	Duplicar la capa activa.
	Anclar la capa (este botón se activa en algunas operaciones, como por ejemplo cuando se pega una capa y está esperando la selección a “ser fijada”).
	Borrar la capa activa. También se puede borrar una capa arrastrándola a la papelera.

2. Uso de las capas

Para entender el funcionamiento de las capas, vamos a realizar un ejemplo práctico y sencillo. Nuestro objetivo va a ser crear un árbol con sus ramas, hojas y frutas. No vamos a dibujar un árbol perfecto, va a ser más bien un dibujo de un árbol de un niño de 5 años, pero nos va a servir para comprender, de un modo sencillo, cómo se trabaja con capas.

Crear carpeta de prácticas

• Ve a tu carpeta personal de documentos.
• Crea una nueva carpeta llamada “GIMPMED”.

Crear imagen nueva

• Crea una imagen nueva (menú Archivo → Nuevo) con GIMP. La imagen tendrá un tamaño de 400 píxeles de anchura y 400 de altura y en Rellenar con selecciona Transparencia.
• Guarda la imagen dentro de la carpeta "GIMPMED" con nombre "arbol.xcf".

Crear capas

En nuestra imagen actualmente tenemos una única capa llamada Fondo. Vamos a dejar esa capa sin tocar y vamos a añadir una nueva.

• Haz clic en el botón que está en la parte inferior de la ventana de capas. Nos aparecerá un cuadro de diálogo en el que damos como nombre de capa "Tronco". Respecto a las medidas y el tipo de relleno, lo dejamos en Transparencia. Por útlimo, haz clic en Aceptar.
• Ahora haz clic en la nueva capa que ha aparecido y se resaltará en azul. Acabamos de definir la capa "Tronco" como la capa activa. Todo lo que dibujemos se pintará sobre esta capa.

Dibujar árbol por capas

• Elige la herramienta Pincel y con color marrón dibuja un tronco con ramas. No hace falta que sea una obra de arte. Ahora en la capa "Tronco" ya tenemos dibujada la base de nuestro árbol.
• Por ejemplo:

• Crea otra capa con nombre "Hojas". Dibuja sobre ella con color verde las hojas.
• Por ejemplo:

• Crea una nueva capa con nombre "Fruta1". Dibuja algo parecido a una manzana roja con dos hojas verdes más oscuras.
• Por ejemplo:

• Si nos fijamos en el diálogo de capas, veremos que están todas las que hemos creado con una imagen en miniatura del contenido de cada una de ellas:

2.1. Mover capas

Para mover cualquiera de las capas que ya hemos creado, bastará con utilizar la herramienta Mover . Esta herramienta nos permite seleccionar la capa que vamos a mover de dos formas:

• Marcando la opción Escoger una capa o guía y automáticamente se seleccionará la capa que contenga el objeto sobre el que hagamos clic en la imagen.
• Marcando la opción Mover la capa activa, que independientemente de donde hagamos clic en la imagen siempre moveremos la capa que esté activa en ese momento.

2.1.1. Ejemplo práctico

Prueba a mover la capa "Fruta1" de ambas formas.

2.2. Duplicar capas

Esta opción permite duplicar la capa activa, de manera que se crea una nueva con el mismo contenido.

Nuestro árbol está un poco pobre en fruta, así que vamos a crear nuevas frutas de una manera sencilla, duplicando la capa "Fruta1".

Dibujar más frutas

• Comprueba que la capa "Fruta1" es la capa activa. Si no lo es, haz clic en ella.
• Haz clic sobre el botón de duplicado . Automáticamente, nos aparecerá otra capa llamada "Copia de Fruta1" justo encima de "Fruta1".

Tenemos ya creada otra capa, pero no se ve nada en el dibujo de nuestro árbol. Esto es debido a que al duplicar la capa, la nueva ocupa el mismo sitio en la imagen.

• Mueve la nueva capa recién creada usando la herramienta de mover . Ahora comprobamos que aparece otra fruta en nuestro árbol, exactamente igual que la primera.
• Cambia el nombre de la nueva capa. Haz doble clic sobre el nombre actual y escribe "Fruta2".
• Crea con este método dos frutas más (en 2 capas) con nombre "Fruta3" y "Fruta4".
• Mueve las 4 frutas para que queden repartidas por el árbol.
• Por ejemplo:

2.3. Ocultar capas

A veces puede ser interesante ocultar una capa, porque nos molesta o por cualquier otro motivo.

Vamos a probar a ocultar las hojas de nuestro árbol.

• Haz clic en el icono del ojo que está justo delante de la capa llamada "Hojas".
• Podemos observar que nuestro árbol se ha quedado sin hojas, pero no hay problema, ya que la capa sigue existiendo.

• Haz otra vez clic en el lugar en el que antes estaba el ojo.
• Ya volvemos a tener el árbol completo.

2.4. Opacidad de las capas

En el paso anterior hemos dejado nuestro árbol sin hojas, pero si lo que realmente queremos es que se vean las ramas al mismo tiempo que las hojas tenemos una solución: las transparencias.

Aplicar transparencias

• Haz clic sobre la capa "Hojas".
• Ajusta la Opacidad a 60.
• Veremos como las hojas dejan ver ligeramente las ramas que hay debajo.

Las transparencias aplicadas a las capas dejar ver todas las capas que estén situadas debajo de la capa a la que se le aplica la transferencia, no afectan a las que están por encima.

Vamos a comprobar esto moviendo la capa "Tronco" por encima de la capa "Hojas". Esto lo podemos hacer de dos formas:

• Haz clic en la capa Tronco y arrástrala encima de Hojas.

o bien

• Haz clic en la capa "Tronco" y pulsa el botón para que la capa suba hacia arriba.

Una vez hecho esto, el resultado es que las ramas están por encima de las hojas y la transparencia sigue manteniéndose pero detrás de las ramas.

Deshacer transparencias

• Deja las cosas como estaban, sin transparencias y las hojas encima del tronco.

2.5. Eliminar una capa

Esta opción elimina completamente la capa activa.

Exportar imagen

• Exporta la imagen como “arbol.jpg”.
• Cierra la imagen sin guardar los cambios.

Subir el archivo

• Sube el fichero "arbol.jpg" a la plataforma.

3. El formato GIF. Transparencia

El formato GIF, desarrollado por Compuserve, responde a las siglas de Graphics Intercharge Format File. Es, junto con el JPG, el más usado en la Web. El formato GIF es de menor calidad que JPG, sólo permite 256 colores como máximo, pero muchísimo más ligero, además de permitir transparencias y animaciones.

En esta práctica nos centraremos en el concepto de transparencia, ya que una particularidad del formato GIF es la capacidad para realizar imágenes con fondo transparente.

3.1. Creación desde cero de una imagen con fondo transparente

Vamos a crear una imagen nueva que no tendrá fondo, es decir, tendrá un fondo transparente y luego la usaremos sobre fondos de distintos colores.

3.2 Creación de una imagen con fondo transparente desde una ya existente

Muchas veces lo que queremos es poder usar una imagen, que ya tenemos, sobre distintos fondos y que quede bien. Es el caso de logos de empresas o imágenes para la web en que los fondos pueden ser muy diferntes e incluso ir cambiando con el tiempo.

Vamos a utilizar la imagen de la estatua para quitarle el fondo, hacerla más pequeña y así poder usarla en distintos fondos en la web.

Descargar imagen

• Descarga del portal la imagen de la estatua. DESCARGAR
• Abre la imagen en GIMP.

Seleccionar la estatua

• Ve al menú Imagen → Escalar la imagen. Haz un escalado a 156x200 píxeles.
• Selecciona solo la estatua con la herramienta de selección libre que prefieras. En este caso, al tener un fondo uniforme, lo más sencillo es utilizar la herramienta de Selección difusa
• Haz clic en el fondo para que se seleccione todo de golpe.
• Invierte la selección para tener seleccionada solo la estatua. Menú Seleccionar → Invertir.
• Copia la selección. Menú Editar → Copiar.

Crear imagen nueva

• Crea una nueva imagen (menú Archivo → Nuevo). Comprobamos que automáticamente toma la medida de nuestra selección. Cambia el Rellenar con por el valor Transparencia y pulsa Aceptar.
• Pega la selección en la nueva imagen. Menú Editar → Pegar.

Exportar imagen

• Exporta la imagen como "estatua.gif".
• Si se muestra el mensaje de advertencia "La imagen que está intentando guardar como GIF contiene capas que se extienden más allá de los bordes reales de la imagen", haz clic en el botón Recortar.
• En el cuadro de diálogo siguiente haz clic en el botón Exportar sin cambiar nada.

• Si colocamos esta imagen GIF sobre distintos fondos, el resultado sería el siguiente:

• Cierra la imagen sin guardar los cambios.

Subir el fichero

• Sube el fichero "estatua.gif" a la plataforma.