Introducción al tratamiento de imágenes con Gimp 2.6
1
Conceptos básicos de imagen digital. En términos informáticos existen dos tipos de imágenes digitales que pueden crear, manipular o almacenar los ordenadores y otros dispositivos electrónicos: imágenes vectoriales e imágenes de mapa de bits. Las imágenes vectoriales son las utilizadas en arquitectura, diseño industrial o animación por ordenador. Son imágenes generadas a través de fórmulas matemáticas y habitualmente compuestas por polígonos geométricos, por lo que pueden permitir vistas desde distintos ángulos o realizar un zoom sin pérdida de calidad. Un ejemplo de imágenes vectoriales son las animaciones flash que podemos ver en muchas páginas web1. Las imágenes digitales de mapa de bits, también llamadas bitmap, imagen matricial o imagen raster, son aquellas compuestas por una tabla de puntos de colores o pixels. El pixel es por tanto la unidad mínima que forma una imagen digital de mapa de bits. Si aplicásemos el zoom necesario sobre ella, veríamos que está compuesta por una matriz de puntos de colores o pixels. Las imágenes de mapa de bits son las que utilizan las cámaras digitales y los escáneres y las que podemos manipular con programas de tratamiento de imágenes y retoque fotográfico como Gimp (Linux o Windows) o Photoshop (Windows). Una cámara digital de 12 megapixels (MP) es aquella que puede hacer fotografías de, como máximo 12 millones de pixels o lo que es lo mismo, fotografías digitales de mapa de bits de 4.000 x 3.000 pixels o puntos de colores. Llamamos resolución de la imagen al grado de detalle o calidad de una imagen digital y se expresa en puntos por pulgada (ppp) o, en inglés, dots per inch (dpi). Por ejemplo, la resolución más habitual de una pantalla de ordenador suele ser 96 dpi. La profundidad de color hace referencia al número de bits necesarios para codificar y guardar la información del color de cada pixel mientras el modo de color determina la cantidad máxima de colores “utilizables” en una imagen. A mayor profundidad de color, mayor será la paleta de colores disponibles para la imagen. • modo Monocromático: imágenes en blanco y negro. Se utiliza 1 bit. • modo Escala de Grises: imágenes con 256 tonos de gris entre el blanco y el negro puros. Se utilizan 8 bits. • modo Color indexado: imágenes con 256 colores posibles (8 bits). • modo RGB: Cada color está formado por la combinación de tres componentes primarios, rojo (Red), verde (Green) y azul (Blue), cada uno de los cuales toma un valor entre 0 y 255 (o entre 00 y FF en hexadecimal). Permite 16,7 millones de colores posibles y utiliza 24 bits (3 bytes) para almacenar el color de cada pixel. En Gimp, como en la mayoría de programas de retoque fotográfico, se puede elegir un color introduciendo su código RGB (por ejemplo para el rojo puro sería 255-0-0), pero también su equivalente código HSB. Esta última forma de representar 1 Aquellas en las que al hacer clic sobre ellas con el botón derecho del ratón, en lugar de aparecer un menú desplegable que nos permite por ejemplo guardar la imagen, muestra opciones de aumentar, alejar, rebobinar, avanzar... pero no podemos guardarlas. Ejemplo: http://www.xtec.net/~ealonso/flash/esparios2eb.html IES Almenara, Vélez Málaga
Introducción al tratamiento de imágenes con Gimp 2.6
•
2
un color utiliza tres parámetros: el tono (Hue) o valor del color (rojo, verde..) y que puede variar entre 0 y 360; la saturación (Saturation) que representa la viveza del color (toma valores entre 0 y 100) y el brillo (Brightness) que indica la oscuridad o luminosidad del color y que también varía desde 0 hasta 100. modo CMYK (Cian, Magenta, amarillo o Yellow y negro o Black): Es el modo empleado por impresoras y otros periféricos que utilizan tintas. La ausencia de tintas es el color del papel (blanco), mientras que la adición de los colores Cian, Magenta y Amarillo debería dar Negro. Sin embargo, como como el negro que da no es excesivamente puro, este modo se complementa con la tinta negra. En este caso los ficheros tienen un mayor tamaño pues se necesita utilizar una profundidad de color de 32 bits (4 bytes por pixel)
Las imágenes digitales pueden guardarse en múltiples formatos, cada uno permite unas características y se corresponde con una extensión específica (un punto seguido de tres letras: .jpg, .xcf, .gif, .png...) GIF: Es un formato indicado para publicar dibujos o imágenes con pocos colores en la web. Permite también utilizar transparencias y animaciones pero no es recomendable para fotografías. JPG: Es el formato más utilizado para fotografías, el que utilizan las cámaras digitales por ejemplo. Tiene una magnífica relación tamaño vs calidad pero no permite trabajar con transparencias, capas ni animaciones. Al guardar una imagen en este formato cuando utilizamos programas como Gimp, nos pregunta la calidad/compresión con la que queremos guardar la imagen. Si vamos a compartir o publicar las imágenes en Internet o a crear presentaciones con muchas imágenes, es recomendable utilizar una compresión entorno al 85% pues no se notará en la calidad y sin embargo el tamaño del archivo será cuatro o cinco veces menor. PNG: Es un formato libre y alternativo al gif y al jpg, aunque menos utilizado. XCF: es el formato propio de Gimp, por lo que soporta todas las opciones que permite el programa (transparencias, capas, animaciones...). Si utilizamos Gimp para hacer una composición, aunque exportemos el resultado final a un formato estándar (.jpg o .gif por ejemplo) es conveniente guardar siempre una copia en .xcf para salvaguardar la posibilidad de futuras modificaciones. Las capas son como hojas que se superponen unas sobre otras en una misma imagen y que permiten manipular de forma independiente elementos de la composición sin afectar al resto. Si utilizamos capas es necesario guardar una imagen en formato de Gimp (.xcf) en caso de que queramos seguir pudiendo en un futuro modificar la imagen obtenida, ya que esta posibilidad se perdería en caso de exportarla a formatos más estándares como .jpg que no permiten utilizar capas. Los filtros son una magnífica herramienta para crear efectos especiales sobre las imágenes. Con la combinación de filtros y herramientas de retoque se obtienen posibilidades infinitas de manipulación de imágenes digitales. Máscara es una selección de una zona de la imagen o una capa de la misma. Puede ser rectangular, circular o a mano alzada y permite aplicar la edición sólo dentro de la máscara. Algunos consejos sobre imágenes digitales. Si vamos a utilizar imágenes escaneadas o de una cámara digital que ocuparán varios megabytes cada IES Almenara, Vélez Málaga
Introducción al tratamiento de imágenes con Gimp 2.6
3
una, debemos tener en cuenta el tamaño de las imágenes. Es un hecho que la informática está tendiendo cada vez más hacia el uso de aplicaciones web en lugar de programas instalados en el ordenador. A veces cuando queremos enviar varias imágenes a través del correo electrónico, publicarlas en una página web o crear y transmitir presentaciones compuestas por varias decenas de imágenes es posible que no podamos hacerlo porque el tamaño total es excesivo para nuestro buzón de correo o para la visualización por Internet. Podemos solucionar ese problema reduciendo el tamaño de las imágenes, con lo que disminuirá considerablemente el tamaño total de la información a transmitir. Por ejemplo, una imagen tomada por una cámara digital de 12 megapixels tendrá un tamaño de 4.000 x 3.000 pixels y ocupará unos 3 megabytes en formato jpg. Si cambiamos su tamaño con Gimp a 800 x 600 y la guardamos también en formato jpg con una compresión del 85%, la imagen no habrá perdido calidad apreciable (incluso para verla a pantalla completa con un proyector de vídeo) y su tamaño habrá disminuido hasta unos 100 o 120 kilobytes (30 veces menos).
Introducción a GIMP GIMP es un programa libre y gratuito. Podemos descargarlo tanto para Linux como para Windows en http://www.gimp.org.es/modules/mydownloads/ o en www.iesAlmenara.org, sección Recursos y Software / Software. Como suele ocurrir, el menú y las opciones pueden variar con la versión del programa. Guadalinex Edu tiene instalada la versión de Gimp 2.6.6 Para abrir una imagen con GIMP podemos hacer clic con el botón derecho del ratón sobre el icono de la imagen y elegimos la opción Abrir con... y luego Editor de imágenes Gimp.
IES Almenara, Vélez Málaga
Introducción al tratamiento de imágenes con Gimp 2.6
4
En la parte superior de la pantalla podemos ver (1) el nombre de la imagen y su extensión, en la imagen .jpg, el número de capas (2), en este caso 1 capa y el tamaño de la imagen (3), en este caso 640x480 pixels. También aparece el menú donde como es habitual en Archivo podemos encontrar Guardar, Nuevo... (para crear una imagen nueva con fondo de color o transparente sobre la que superponer más imágenes), Imprimir o Salir. En el menú Imagen podemos cambiar el tamaño con Escalar la imagen, Transformar la imagen para girarla o reflejarla, cambiar el Modo para pasarla por ejemplo a una imagen en blanco y negro. En el menú Filtros podemos aplicar múltiples efectos sobre la imagen y en caso de que no aparezcan las ventanas habituales que necesitamos (9 la caja de herramientas y en algunos casos 8, la ventana de capas) o que las hayamos cerrado por error, podemos volver a mostrarlas en pantalla en Ventanas, luego Diálogos empotrables y por último la ventana en cuestión (Capas, Herramientas...) Cuando seleccionamos una herramienta (9), aparecen las opciones o parámetros que podemos modificar (10). Por último en la parte inferior podemos ver la unidad de medida (6) con la que al pasar el puntero del ratón por la imagen mostrará la posición del mismo (en este caso px o pixels), así como el porcentaje de zoom (7) con el que estamos visualizando la imagen. A veces, por ejemplo cuando pegamos una imagen sobre otra, puede ocurrir que “no funcionen” algunas herramientas. Por ejemplo que no podamos pintar, borrar etc. Probablemente se deba a que tenemos varias capas y no está seleccionada la que queremos utilizar. En ese caso podemos cambiar de capa o bien, si no necesitamos tener la imagen en varias capas, directamente pasarla a una capa única (menú Capa y luego Anclar la capa o combinar hacia abajo)
Herramientas En la imagen de la derecha, 1 y 2 son las herramientas de selección habituales en cualquier programa de dibujo, con las que podemos seleccionar y luego copiar o cortar y pegar sobre otra imagen o pegar como imagen nueva (Editar > Pegar como > Imagen nueva). La herramienta de selección a mano alzada (3) nos permite, si tenemos el pulso suficiente, recortar una zona irregular de la imagen. La selección difusa (4) permite coger todos los pixels “contiguos” que tengan el mismo color (o uno parecido si ampliamos el umbral del parámetro de esta herramienta). Algo parecido ocurre con la selección por color (5) pero en este caso los pixels pueden estar aislados. La últimas herramientas de selección son la tijera (6), que nos ayudará a recortar formas irregulares, ajustándose automáticamente a los bordes, y la de selección del primer plano (7). La herramienta recoge-color (9) es la que, en algunos programas se denomina “barita mágica” y permite saber cuál es el color de un pixel, para tomarlo como referencia y utilizarlo en la edición de la imagen. También podemos medir distancias y ángulos (11) o mover (12) una selección o la capa seleccionada .
IES Almenara, Vélez Málaga
Introducción al tratamiento de imágenes con Gimp 2.6
5
Podemos rotar, escalar, inclinar, cambiar la perspectiva (15...) o voltear (16) una selección, una capa o la imagen completa, escribir texto (17) y rellenar de un color (18) o una mezcla de colores (19). Por supuesto dibujar a lápiz (20) o pincel (21) con distintos tipos de pincel y tamaños, con aerógrafo (23) o tinta (24) y borrar (22). En realidad no se borra sino que se pinta del color secundario (32). También podemos enfocar y desenfocar (28), emborronar (29) concretas de la imagen.
o iluminar/oscurecer (30) partes
Por último, haciendo clic en el color primario (31) o secundario (32) podemos cambiar de color bien haciendo clic con el ratón o bien escribiendo su código RGB por ejemplo.
Cambiar el tamaño de una imagen Una vez abierta la imagen y conocido su tamaño, en el menú Imagen elegimos Escalar la imagen... Aparecerá la siguiente ventana: En esta ventana, el tamaño de la imagen aparece por defecto en píxeles, aunque también podemos seleccionar otro modo, por ejemplo “porcentaje”. Cambiar el tamaño es tan simple como cambiar una de las magnitudes (anchura o altura), ya sea en píxeles o en porcentaje. La imagen se redimensionará, manteniendo las proporciones, al pulsar el botón Escala. Sólo queda guardar la imagen. Hay que tener en cuenta que al pulsar “Archivo – Guardar” (o su equivalente Ctrl + S) perderemos la imagen original, que quedará sustituida por la nueva imagen redimensionada. Si no es lo que queremos, podemos elegir la opción “Archivo – Guardar como” y guardar con otro nombre esta imagen de distinto tamaño. Hay que tener en cuenta que aunque podemos aumentar el tamaño de una imagen, siempre será a costa de perder calidad. Esto puede ocurrir también al disminuir el tamaño, aunque dependerá del programa utilizado y del porcentaje de reducción. Por ejemplo en una reducción al 50% del tamaño original seguramente no se perderá calidad porque es “fácil” para el programa gráfico reducir la imagen a la mitad (convertir cada 2x2 puntos en uno). ; pero si el porcentaje de reducción que aplicamos es un 19% o un 53%, el resultado puede ser distinto. Ejercicio: Abre una imagen, cambia su tamaño por ejemplo al 50% (para que no se distorsione, mantenersin romper el eslabón de la cadena) y guárdala en el escritorio (Archivo > Guardar como ) con varios formatos (cambiando la extensión tras el nombre, por ejemplo imagen.jpg, imagen,xcf, imagen.gif e imagen.bmp). Minimiza todas las ventanas y comprueba (haciendo clic con el botón derecho del ratón sobre el icono de cada imagen y luego sobre propiedades) el tamaño que ocupa cada una de ellas. IES Almenara, Vélez Málaga
Introducción al tratamiento de imágenes con Gimp 2.6
6
Foto antigua Una vez abierta la imagen, en el menú Filtros, elige la opción Decorativos y luego Foto Antigua (Filtros > Decorativos > Foto antigua). Debe estar marcado: Desenfocar, Sepia y Trabajar en copia. Puedes probar con distintos tamaños de borde, por ejemplo 25
Esquinas redondeadas Una vez abierta la imagen en el menú Filtros elige la opción Decorativos y luego Esquinas redondeadas. Dejamos marcadas las opciones de Añadir sombra base y Trabajar en copia, pero quitamos la marca a Añadir fondo para que en los bordes y en las esquinas se utilice transparencia para mejorar el efecto. Podemos probar distintos parámetros, por ejemplo Radio de borde 25, Desplazamiento X e Y de la sombra 10 y Radio de desenfoque 15. Una vez obtenida a la imagen, aparecerán con unos cuadraditos grises en todo el borde que indican que ahí la imagen es transparente. Para guardar y mantener la transparencia guardamos con el nombre que queramos pero con la extensión .gif. Archivo > Guardar > Escritorio y en el Nombre escribimos por ejemplo FotoEsquinasRedondeadas.GIF
De foto a dibujo a lápiz 1.
2.
3. 4.
Una vez abierta la fotografía, duplicamos la capa de fondo (Capa > Duplicar capa). Después quitamos los colores usando Colores > Tono / Saturación (ponemos la saturación en -100) Duplica esta capa sin color (Capa > Duplicar la capa). Ahora deberías tener 3 capas. Filtros > Desenfoque / Desenfoque Gaussiano Selectivo (con Radio de desenfoque 4. Colores / Invertir. Pulsamos la combinación de teclas Ctrl+L o bien Ventanas > Diálogos IES Almenara, Vélez Málaga
Introducción al tratamiento de imágenes con Gimp 2.6
5. 6. 7.
7
empotrables > Capas y cambiamos la opacidad de esta capa a un 50% que muestra los bordes de la fotografía muy débiles. Combinamos las 2 capas superiores: botón derecho en la capa que está situada encima y luego elegimos “Combinar hacia abajo". Duplicamos de nuevo la nueva capa superior (Capa > Duplicar capa) y en la lista desplegable de Modo, elegimos "Blanquear". La imagen empieza a tener un aspecto de un dibujo a lápiz. Ahora vamos a darle un mayor borde a las líneas grises. Combina de nuevo las 2 capas superiores que tienes (en la ventana de capas, botón derecho sobre la capa superior y clic en Combinar hacia abajo). Duplica de nuevo la capa superior (Capa > Duplicar capa), la que ha sido resultado de la mezcla, y cambia el Modo a "Multiplicar". Podemos repetir este último paso varias veces hasta conseguir el efecto deseado. En caso de querer decidir entre varias repeticiones para elegir con qué imagen nos quedamos definitivamente, podemos deshacer utilizando la combinación de teclas Ctrl+Z y rehacer utilizando Ctrl+Y.
Composición de imágenes: usar máscaras y capas Podemos crear una composición pegando imágenes (a las que previamente le podemos aplicar filtros) en distintas capas, de forma que podamos actuar sobre ellas de forma independiente, por ejemplo moviéndolas, cambiando sus propiedades como la transparencia etc. Usar una máscara nos permite editar una parte específica de la imagen. Ejercicio: Selecciona un área rectangular, elíptica o a mano alzada de una de las fotografías con las herramientas de selección. Pulsa a continuación sobre el botón “Activar Máscara rápida” de la parte inferior izquierda de la ventana de la fotografía (el que indica la flecha verde de la imagen de la derecha) que tienes abierta con The Gimp. Aparecerá el “marco” exterior transparente en tono rojo En el menú de la ventana de la imagen, selecciona la opción Filtros, luego Desenfoque y por último Desenfoque gausiano. (Método RLE y horizontal y vertical, 30 puntos). Cuando todos los parámetros estén ajustados, pulsa de nuevo el botón “Activar Máscara Rápida” de la parte inferior izquierda de la ventana, copia (Ctrol+C o Editar > Copiar) y pega sobre otra imagen de fondo (Editar > Pegar como > Capa nueva). Podemos ir añadiendo imágenes hasta formar la composición deseada y en la ventana Capas (Ctrol+L o Ventanas > Diálogos empotrables > Capas) modificar la transparencia etc. Podemos mover cada capa seleccionándola con el ratón en la ventana de capas y utilizando la herramienta mover (nº 12 en la imagen de la página 4). Al final guardamos en formato jpg pero también en formato xcf para poder, en un futuro, editar la composición utilizando las capas sin tener que comenzar de nuevo.
IES Almenara, Vélez Málaga
Introducción al tratamiento de imágenes con Gimp 2.6
8
Capturar la pantalla y recortar parte de la imagen Para hacer una captura de pantalla (una “fotografía”) de lo que estemos viendo en un momento dado en la pantalla del ordenador, bastará pulsar la tecla Imprimir Pantalla (PrtSc, ImprPant...) que encontraremos en la parte superior derecha del teclado. Guardamos la imagen, podemos cambiar el nombre pero no borrar la extensión, en este caso .png Abrimos la imagen con Gimp tiene varias herramientas para seleccionar una parte de la imagen, en la caja de herramientas que aparece en la parte izquierda de la pantalla al abrir el programa. Las dos primeras nos permitirán elegir una zona rectangular o elíptica, la tercera (lazo) recortar a mano alzada la parte que nos interese y las dos últimas hacer una selección difusa y por color. Elegimos la primera para recortar la para recortar la parte que nos interese, en este caso el mapa de la Península Ibérica:
Copiamos el área seleccionada. Bien con la combinación de teclas Ctrl + C, bien haciendo clic con el botón derecho del ratón sobre el área seleccionada y eligiendo Editar – Copiar o en el menú Editar – Copiar. Pegamos como una imagen nueva. En el menú Editar elegimos la opción Pegar como y luego Imagen Nueva. Ya tenemos la imagen recortada:
IES Almenara, Vélez Málaga
Introducción al tratamiento de imágenes con Gimp 2.6
9
Ahora sólo falta guardarla. Para ello pulsamos la combinación de teclas Ctrl+S o bien en el menú Archivo la opción Guardar. En la parte superior escribimos el nombre de la imagen (en este caso Mapa) y su extensión (en este caso .jpg) En la parte izquierda hacemos doble clic sobre “Escritorio”, la Unidad de pendrive (en este caso KINGSTON8GB) o donde queramos guardar el archivo (si no aparece ese panel tenemos que desplegarlo, haciendo clic sobre “Buscar otras carpetas”. Por último pulsamos el botón Guardar. Puesto que Gimp trabaja internamente con su propio formato, tras pulsar el botón Guardar, tenemos que decirle que debe “Exportar” a formato JPEG
Por último, la “calidad” con la que queremos guardar la imagen (a más calidad, mayor tamaño ocupará la imagen). Podemos dejarlo en 85% tal como aparece en la siguiente imagen y pulsar el botón Guardar. Ya tenemos recortado el trozo de la imagen que nos interesaba y guardada en un archivo independiente para poder utilizarla donde necesitemos.
IES Almenara, Vélez Málaga