Cuando guardamos una imagen en formato XCF, las capas se mantienen la próxima vez que abrimos el archivo para trabajar sobre él. No obstante, esas capas no nos sirven para una imagen que, por ejemplo, deseemos emplear para una página Web o incluir en un documento de texto.
En ese caso, se utilizan otros formatos. Cuando guardamos en dichos formatos se nos advierte que se va a proceder (entre otras opciones) a aplanar la imagen. Por ejemplo, si queremos guardar a JPEG nos aparece el cuadro de diálogo de la derecha.
La operación de aplanar la imagen (y otras operaciones con capas) podemos hacerlas previamente al guardado de un archivo. Estas operaciones nos permitirán realizar los ajustes deseados con las capas.
Dependiendo de lo que queramos obtener, haremos una cosa u otra:
El formato JPG lo único que admite es aplanar la imagen.
El formato PNG admite aplanar o combinar.
El formato GIF admite aplanar o guardar como animación (guardar como animación permitiría ver capas una detrás de otra como si fuesen fotogramas de una película). Además, permite hacer una imagen con fondo transparente.
2. Combinar capas
Existen dos formas de mezclar las capas de una imagen:
Combinar capas visibles (Fusiona las capas visibles).
Combinar hacia abajo (Fusiona con la capa inferior).
Accedemos a estas opciones haciendo clic con el botón derecho sobre la capa que queremos combinar y, en el menú emergente, elegimos la opción deseada.
Ejercicio
Antes de seguir profundizando en la combinación de capas vamos a crear un sencillo archivo que contenga capas:
Crear imagen nueva
Crea un nuevo archivo desde el menú Archivo → Nuevo.
Pon Anchura 500 px, Altura 500 px, 72 píxeles/pulgada, color RGB y relleno con transparencia.
Rellenar fondo
Pinta el fondo con 2 colores: la mitad superior en blanco y la mitad inferior en rojo. Para ello, elige la herramienta Selección rectangular y selecciona cada mitad de la imagen y con el bote de pintura rellena con el color correspondiente.
Crear capa
Crea una nueva capa llamada "Círculo".
Elige la herramienta de selección elíptica y dibuja un círculo de unos 240 píxeles de tamaño.
Rellena el círculo de color amarillo.
Introducir texto
Crea un nuevo texto de tamaño 87 px y escribe “EL GIMP”.
Por ejemplo:
Guardar la imagen
Guarda la imagen como “composicion.xcf”. Nos aseguramos de poner el formato de GIMP (.xcf) para no perder las capas.
Ahora ya estamos preparados para practicar combinando capas.
Contenidos
2.1. Combinar las capas visibles
La opción Imagen → Combinar las capas visibles, nos permite unir las capas que en ese momento estén visibles (icono ojo abierto) en la ventana capas.
Esta operación es conveniente realizarla cuando tenemos muchas capas y queremos unir algunas para trabajar de forma más cómoda y no necesitemos volver a trabajar con las capas combinadas independientemente.
Por defecto viene seleccionada la opción Expandida lo necesario, que es la que hay que utilizar para evitar que queden fuera de la imagen partes de las capas utilizadas.
Si hacemos clic en Combinar las tres capas existentes se combinarían en una sola, pero la imagen sería exatamente igual que antes, sólo que ahora no podríamos editar el texto. Por ejemplo:
2.2. Combinar hacia abajo
Esta opción combina la capa activa con la que se encuentra visible inmediatamente debajo de ella.
3. Modos de combinación
Hasta ahora hemos visto que las capas son como acetatos superpuestos y los superiores dejan ver lo que hay en las capas de abajo si tienen zonas transparentes.
GIMP no se queda exclusivamente en esta posibilidad, pues nos ofrece distintos modos de combinar las capas con las que están debajo de ellas. Para ello haremos uso de la propiedad Modo de la capa.
3.1. Ejemplo práctico
Vamos a ver varios ejemplos. Cambiaremos en todos ellos el Modo de la capa de texto y de la capa del círculo:
EL GIMP: Solapar
Círculo: Extraer granulado
EL GIMP: Combinar granulado
Círculo: Diferencia
EL GIMP: Saturación
Círculo: Sustraer
EL GIMP: Color
Círculo: Color
EL GIMP: Disolver
Círculo: Dividir
4. Aplanar la imagen
Esta opción se encuentra en el menú Imagen → Aplanar la imagen. La diferencia con la anterior de combinar, es que en el caso de que existan capas ocultas, en el supuesto anterior seguirían manteniéndose, pero con esta herramienta desaparecerían todas las capas ocultas.
Ejercicio
Ahora vamos a practicar lo visto en los apartados 3 y 4.
Combinar y aplanar la imagen
Aplica dos modos diferentes a la capa de texto "EL GIMP" y a la capa "Círculo".
Aplana la imagen. Menú Imagen → Aplanar la imagen.
Guardar y exportar la imagen
Guarda la imagen como “aplanada.xcf”. Nos aseguramos de poner el formato de GIMP (.xcf) para no perder las capas.
Exporta la imagen como “aplanada.jpg”.
Cierra la imagen.
Contenidos
5. 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.
5.1. Creación desde cero de una imagen con fondo transparente
Ejercicio
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.
Crear imagen nueva
Crea un nuevo archivo desde el menú Archivo → Nuevo. Define la anchura de 500 píxeles, altura de 500 píxeles, 72 píxeles/pulgada, color RGB y relleno con transparencia. Como puede comprobarse, no tenemos ningún color que nos haga de fondo, ya que estamos viendo la cuadrícula de transparencia.
Círculo rojo
Crea una nueva capa de trabajo con el nombre "Rojo" desde el menú Capa → Capa nueva, dejando los valores por defecto.
Selecciona la herramienta Marco elíptico.
Dibuja un círculo.
Elige la herramienta de Relleno y rellena el círculo de color rojo.
Círculo verde
Crea una nueva capa de trabajo con el nombre "Verde" desde el menú Capa → Capa nueva, dejando los valores por defecto.
Selecciona la herramienta Marco elíptico.
Dibuja un círculo.
Elige la herramienta de Relleno y rellena el círculo de color verde.
Círculo azul
Crea una nueva capa de trabajo con el nombre "Azul" desde el menú Capa → Capa nueva, dejando los valores por defecto.
Selecciona la herramienta Marco elíptico.
Dibuja un círculo.
Elige la herramienta de Relleno y rellena el círculo de color azul.
Desplazar capas
Selecciona la herramienta Mover y sitúa los círculos tal como se ven en la imagen final:
Guardar y exportar la imagen
Guarda la imagen como “cromatico.xcf”. Nos aseguramos de poner el formato de GIMP (.xcf) para no perder las capas.
Exporta la imagen como "cromatico.gif". Cuando pulsamos el botón de exportar, nos aparece otro cuadro de diálogo en el que haremos clic en el botón Exportar sin cambiar nada.
Cierra la imagen sin guardar los cambios.
Colocar imagen con transparencia sobre fondos
Ahora observaremos qué sucede si colocamos esta imagen GIF sobre distintos fondos.
Crea un nuevo archivo desde el menú Archivo → Nuevo. Define la anchura de 500 píxeles, altura de 500 píxeles, 72 píxeles/pulgada, color RGB y relleno con transparencia.
Abre la imagen exportada anteriormente "cromatico.gif".
Ve al menú Seleccionar → Todo.
Ve al menú Editar → Copiar o pulsa las teclas Ctrl+C.
Ve a la nueva imagen creada.
Ve al menú Editar → Pegar como → Capa nueva.
Ve a la capa "Fondo".
Selecciona la herramienta de Relleno y pinta con distintos colores. Como puedes comprobar, el fondo transparente de la imagen GIF deja ver el fondo donde no están los círculos. Por ejemplo:
Cierra la imagen sin guardar los cambios.
El fondo de la imagen, al ser transparente, deja ver el color de fondo que queda debajo.
Contenidos
5.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.
Ejercicio
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
Haz un escalado a 156x200 píxeles. Menú Imagen → Escalar la imagen.
Selecciona sólo la estatua con la herramienta de selección libre que prefieras. Por ejemplo, podemos utilizar la herramienta de Seleccionar por color y hacer clic en el cielo para que se seleccione todo de golpe.
Invierte la selección para tener seleccionada 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". Cuando pulsamos el botón de exportar, nos aparece otro cuadro de diálogo en el que haremos 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.
Comprimir ficheros
Comprime las imágenes anteriores "aplanada.jpg", "cromatico.gif" y "estatua.gif" en un fichero con nombre "composicion.zip".
Subir el fichero
Sube el fichero "composicion.zip" a la plataforma.
No se permite un uso comercial de la obra original ni de las posibles obras derivadas, la distribución de las cuales se debe hacer con una licencia igual a la que regula la obra original.
Los reconocimientos se realizan en el apartado Fuentes de información.
Todas las capturas de pantalla tienen copyright y pertenecen a TuInsitutoOnline.com.
TuInstitutoOnline.com permite su uso siempre y cuando se muestren desde el dominio www.tuinstituoonline.com y NO PERMITE enlazar a ellas desde otros lugares.
Además, la estructura diseñada para mostrar el contenido de las unidades es propiedad de TuInstitutoOnline.com.