1

EDICIÓN DE IMÁGENES: GIMP.

1. LA IMAGEN DIGITAL.

La imagen digital es un concepto cada vez más extendido, debido al uso común y generalizado de dispositivos tales como cámaras fotográficas digitales, móviles con cámara, escáneres, e incluso Internet.

¿Qué es una imagen digital?

Una imagen digital es un tipo de imagen que puede ser manipulada por un equipo informático. Las imágenes digitales se obtienen mediante un proceso de digitalización de una imagen analógica.

Las distintas formas de obtener una imagen digital son:

Dispositivos de conversión Analógica - Digital (A/D): escáneres y cámaras digitales. Programas informáticos: realización de dibujos en ordenador mediante programas como Paint,

Corel-Draw, AutoCAD, QCAD, etc. Edición y modificación de otras imágenes digitales (provenientes de discos duros, memorias USB,

Internet, etc.).

Existen dos tipos de imágenes digitales:

a) Imágenes vectoriales: son imágenes formadas por líneas, curvas, circunferencias, etc., generadas matemáticamente mediante vectores y ecuaciones. Su edición es muy sencilla, ya que las distintas formas que componen la imagen vectorial son identificadas de forma automática por el ordenador, facilitando su manipulación. Ocupan poco espacio de memoria.

b) Mapa de bits (bitmap): son imágenes formadas por píxeles, donde cada pixel almacena información sobre el color que toma. Su edición es bastante compleja, ya que el ordenador no puede identificar formas de manera automática, y la selección de las formas a editar ha de ser manual. Son imágenes que ocupan mucho espacio en memoria.

En otros temas se revisará como crear y editar imágenes vectoriales (mediante el programa QCAD). Sin embargo, en este tema, nos centraremos en la edición de imágenes tipo mapa de bits.

IES “Alfonso X el Sabio” Consejería de Educación, Cultura y Deportes

CIF: S4500181E C/ Valdehuesa nº 6 45007 Tf. 925230970; Fax 925240850; e-mail 45004752.ies@edu.jccm.es

2

2. IMÁGENES DE MAPA DE BITS.

Una imagen digital está compuesta por un conjunto de unidades de imagen elementales llamadas píxeles, donde cada píxel almacena mediante una combinación de bits el color que toma, dentro de la gama de colores posibles.

Imagen tipo mapa de bits formada por un conjunto de píxeles.

1.1.- RESOLUCIÓN. Dos ejemplos más de imágenes tipo “Mapa de bits”.

Se denomina resolución al tamaño de la imagen en horizontal y vertical, medido en pixeles. Por ejemplo, la imagen superior (Mario Bros) tiene una resolución de 16 x 12 pixeles (horizontales x verticales).

Una mayor resolución se traduce en mayor calidad y nivel de detalle de la imagen digital, pero también implica un aumento del tamaño en memoria de la misma.

El tamaño de una imagen (en píxeles) se calcula multiplicando la resolución horizontal por la resolución en vertical. Ejemplo: Una foto de una cámara digital presenta un tamaño en píxeles de 3072 x 2304. La resolución será de 7 Megapíxeles.

Más información sobre imagen digital, imágenes vectoriales y mapas de bits en: http://www.digitalfotored.com/imagendigital/imagendigital.htm

3. SOFTWARE PARA IMÁGENES DIGITALES.

Para la producción y tratamiento de imágenes digitales existen diversos programas, según se trate de imágenes vectoriales o mapa de bits:

3

IMÁGENES PROGRAMAS UTILIDAD

IMÁGENES VECTORIALES Corel Draw, FreeHand, Inkscape,

Illustrator, Visio, etc. Dibujo artístico

AutoCAD, QCAD Dibujo técnico

MAPAS DE BITS

Photoshop, GIMP, Paint, InfanView, etc.

Creación de imágenes. Retoque y edición.

Visores de imágenes.

4. FORMATOS DE IMÁGENES.

Algunos de los formatos de imagen digital más conocidos son los siguientes:

Más información en: http://www.digitalfotored.com/imagendigital/formatosarchivos.htm

5. EDICIÓN DE IMÁGENES BITMAP: GIMP.

A lo largo de las siguientes prácticas se aprenderán las bases del retoque fotográfico, técnica muy empleada en la actualidad para modificar fotografías digitales (imágenes bitmap).

Algunos ejemplos de la edición de imágenes:

1) Añadir elementos a una imagen. 2) Creación de nuevas imágenes.

4

3) Retoque de detalles de una imagen 4) Creación de efectos imposibles.

5) Restauración de fotos antiguas.

Existen muchos programas de edición de imagen digital tipo mapa de bits (bitmap). Quizá el más conocido sea Photoshop, un programa de edición muy potente, pero también de licencia bastante cara.

La alternativa más firme de software libre y gratuito al popular Photoshop es GIMP. El programa GIMP se puede descargar en su página oficial, en la sección “descargas”. http://www.gimp.org.es/descargar-gimp.html

5

6. LA CAJA DE HERRAMIENTAS.

Desde la Caja de herramientas de GIMP se pueden seleccionar las distintas herramientas que tiene el programa.

La caja de herramientas está visible como ventana independiente desde que se arranca GIMP, aunque también se puede acceder a ellas en la barra de menú, en Herramientas.

Las herramientas de GIMP se clasifican en 4 grupos:

1) Herramientas de selección: para elegir una determinada zona de la imagen y trabajar con esa parte.

2) Herramientas de pintura: para modificar partes de la imagen mediante técnicas de pintura. 3) Herramientas de transformación: para modificar el tamaño y posición de la imagen. 4) Herramientas de color: para modificar el color de la imagen (no aparecen por defecto en la ventana

de Caja de Herramientas). 5) Otras herramientas sin clasificar: rutas, recoge-color, ampliación, medir, texto.

En la ventana de herramientas, bajo la caja de herramientas, los cuadrados negro y blanco, muestran el color de fondo y frente seleccionado. Pinchando dos veces sobre cualquiera de ellos, se accede al diálogo para seleccionar un nuevo color.

Las Opciones de Herramientas es un diálogo empotrable, en este caso empotrado a la Caja de Herramientas, que permite configurar distintos parámetros de la herramienta seleccionada, en este caso el Pincel.

6.1.- HERRAMIENTAS DE SELECCIÓN Y PINTURA.

Herramientas de selección.

Aquí se realiza un vistazo rápido a las herramientas disponibles en GIMP para seleccionar áreas del dibujo, que después se desean tratar:

6

Herramienta de selección de rectángulos: selecciona una zona rectangular.

Herramienta de selección elíptica: selecciona una zona elíptica.

Herramienta de selección libre o lazo: selecciona una región dibujada a mano.

Herramienta de selección difusa o Varita Mágica: selecciona una región contigua basándose en el

color.

Herramienta de selección por color: seleccionar regiones con colores similares.

Herramienta de tijeras de selección: seleccionar formas usando un ajuste inteligente de los bordes. Herramienta selección del primer plano: selecciona la zona del dibujo que contiene los objetos en el

frente (en primer plano).

Herramientas de pintura.

En primer lugar, hay que definir el concepto “pincel”. GIMP denomina pincel a todas las herramientas básicas de dibujo (a saber, lápiz, brocha y aerógrafo)

Herramienta lápiz: dibujo de bordes duros mediante pinceles de diferente tipo.

Herramienta brocha: pintar trazos de bordes suaves mediante pinceles de diferente tipo.

Herramienta aerógrafo: pintar con presión variable mediante pinceles de diferente tipo.

Trazos dibujados con lápiz, brocha y aerógrafo.

Tipos de pinceles disponibles para el lápiz, la brocha y el aerógrafo

Herramienta bote de tinta: simula una pluma estilográfica, para escritura tipo caligrafía.

Herramienta borrador: borra el color de fondo o la transparencia mediante un pincel.

Herramienta de relleno (cubo de pintura): rellenar con un color o patrón una figura cerrada o un área

seleccionada mediante alguna de las herramientas de selección. Herramienta de mezcla (degradado): Rellenar con un degradado de colores el área previamente

seleccionada mediante alguna herramienta de selección.

7

Herramienta de clonado: copiar selectivamente a partir de una imagen o diseño usando un pincel. Se

utiliza conjuntamente con la tecla CTRL.

Herramienta de saneado: sanear irregularidades de la imagen.

Herramienta de clonado en perspectiva: clona desde una imagen de origen tras aplicar una

transformación de perspectiva. Herramienta de enfoque y desenfoque: emborronar o desemborronar selectivamente usando un pincel.

Herramienta de emborronar: útil cuando se nos ha podido cortar la imagen, y queremos arreglarla un

poquito. Para ir rellenando con el mismo color que tenía al lado.

Herramienta de marcado a fuego / quemar: ilumina u oscurece selectivamente usando un pincel.

ACTIVIDAD 1: ARREGLAR EL COLOR DE LAS IMÁGENES

Tenemos esta imagen que de normal la borraríamos directamente.

Vamos a retocarla un poco con Niveles: Menú: Colores: Niveles:

Vemos que el color empieza muy a la derecha, eso quiere decir que hay exceso de blancos, y en este caso que la foto está quemada.

Tocamos un poco los niveles. El de la izquierda lo arrastramos hasta que empieza color

8

Y bueno, algo hemos conseguido, ¿no?

ACTIVIDAD2. EJEMPLO DE SATURACIÓN

Tenemos esta foto bastante sosa

Vamos a Menú Colores: Tono y saturación y tocamos un poco la saturación

Mirar que cambio de foto: la arena ha cogido un tono más rojizo y más real.

9

ACTIVIDAD 3: EJEMPLO DE FOTO QUEMADA CON FLASH

Esta imagen está un poco quemada con el flash. Con niveles (Menú Colores: Niveles), puede ser que lleguemos a mejorar algo.

Seleccionamos la zona que está quemada (o podríamos aplicar a toda la foto), y vamos a niveles y jugamos un poco con ellos hasta obtener algo que queramos.

Los movemos hasta que empieza a haber información

Aquí tenemos el resultado:

10

ACTIVIDAD 4: SELECCIÓN DE PARTES DE IMÁGENES

Diferentes formas de selección de zonas de una imagen.

Tenemos una imagen de una hoja sobre fondo blanco y queremos quitarle el fondo blanco, dejarlo transparente, para luego poder pegar la hoja en otro sitio.

¿Cómo lo hacemos? Podemos hacerlo con la varita mágica, seleccionando el fondo y luego invirtiendo la selección ¿verdad?

También podría hacerse de más modos, pero para este caso en particular parece que la varita es la mejor opción:

Cogemos la varita mágica y con la opción de ir añadiendo zonas, vamos pinchando en el blanco (nos habrá seleccionado la mayoría de un plumazo), hasta dejar todo el fondo seleccionado.

Pero nosotros no queremos seleccionar el blanco, sino la hoja, es decir , justo lo contrario, debemos invertir la selección.

Menú: Seleccionar:Invertir

11

Y ahora copiamos la selección (Ctrol+C). Creamos un nuevo documento con fondo transparente de las mismas dimensiones que el original y en esta nueva imagen recién creada, pegamos lo seleccionado (Ctrol + V):

Upsssss.. nos habíamos dejado una zona sin seleccionar. Empezamos de nuevo, y nos aseguramos que también hemos seleccionado el trozo que faltaba. Hacemos los mismo pasos, y ahora:

Perfecto.

Guardamos la imagen como .xcf para tener el original por si queremos más tarde seguir trabajando con ello, y como .gif para preservar la transparencia y ya tenemos la imagen para poder usarla con fondo transparente.

12

ACTIVIDAD 5:FUSIÓN DE CAPAS

Vamos a ver otro ejemplo de fusión de capas

Tenemos estas dos imágenes

En la imagen de las chispas, con la herramienta de selección por color , seleccionamos en el negro.

Lo que queremos seleccionar es todo lo que no sea negro, así que debemos Invertir la selección

13

Ya tenemos las chispas seleccionadas. Lo copiamos, y ahora vamos a la imagen de la niña, donde pegamos la selección.

Dependiendo del modo de fusión que elijamos, el resultado será diferente:

Modo Normal: Modo Multiplicar Modo Blanquear

Queremos hacer que las chispas aparezcan en la tarta.

Debemos de hacer más pequeñas las chispas . Escalamos para dejarlo más pequeño, y las movemos hasta que queden justo encima de la tarta, y no tapando a la niña. Pero.. parece muy artificial.. queremos hacer que sea más real.

14

En la capa de los rayos, podemos hacer una selección redonda y le decimos que nos difumine los bordes (en la herramienta de selección), invertimos selección y le damos a borrar.

Hemos puesto que difumine los bordes, y el radio de difuminar lo hemos subido. Así queda un efecto “bastante real”

ACTIVIDAD 6: QUITAR ZONAS CON HERRAMIENTA DE CLONAR

Este es un ejemplo muy claro. También hay que decir que la foto es muy fácil de retocar

Sin hacer mucho trabajo, mirar lo que podemos obtener

15

Tenemos la imagen inicial, un camino en medio de una selva. Con la herramienta de tampón de clonar (Tecla Abreviada: C), rápidamente podemos quitar el camino. Seleccionamos en una zona de árboles con el Ctrol y luego soltamos el Ctrol y vamos rellenando el camino con cuidado. Según vamos moviéndonos volvemos a seleccionar con el Ctrol otra zona cercana al camino, y volvemos a pintar.

OTRO EJEMPLO SENCILLO

En este caso de abajo vamos a borrar la sombra con la herramienta de clonar : (Tecla Abreviada: C)

Para eso hacemos lo mismo. Seleccionamos una parte que queremos copiar (la hierba) y con paciencia vamos pegando en la sombra.

Aquí tenéis el resultado

ACTIVIDAD 7: HACER DESAPARECER UNA ZONA DE LA IMAGEN POR MEDIO DE CLONACIÓN

Tenemos una imagen y queremos hacer desaparecer un trozo de ella, sin que se note que estaba ahí.

Suponer tenemos esta imagen de abajo y queremos quedarnos con un trozo nada más y quitar algunas cosillas que sobran

16

Si sabemos que realmente no queremos el resto de la imagen y queremos recortarla directamente, tenemos la

herramienta de recorte. Así no tenemos que pegar en otra imagen, nos quedamos en esta.

Selecciono el área con el que quiero quedarme.

Todavía es demasiado grande, queremos apurar un poco más. Nos posicionamos en la esquina o borde que queremos agrandar, pulsamos con el ratón y arrastramos un poco hacia donde nos interese, hasta que consigamos que quede seleccionada exactamente el área que queremos.

Ya está, ya tenemos el área que quiero. Ahora, ¿cómo hacemos para cortarlo?

17

Tan solo haciendo doble click dentro de la selección, y en el mismo documento nos quedamos con lo que tenía seleccionado.

Usamos la herramienta de clonar (Tecla Abreviada: C): con opacidad a la mitad y desvanecimiento

seleccionado y vamos a borrar los trozos de gente que se ve arriba de la imagen.

Vamos copiando zonas (Con el Control seleccionado, seleccionamos lo que queremos copiar). En este caso un trocito de agua

Soltamos el control y vamos haciendo click para ir pegando lo que habíamos copiado.

Vamos poco a poco y con paciencia borrando a la gente, hasta conseguir el efecto que queremos.

18

y con la herramienta de desenfoque o gota de agua (Mayúsculas + U), difuminar el entorno para que el foco se fije en los remeros

Esta herramienta de gota, tiene un parámetro que es velocidad, podemos jugar con ello, así nos desenfocará aún más

ACTIVIDAD 8 : MONTAJE DE 2 IMÁGENES UNA SOBRE OTRA

Vamos a hacer una composición con 2 imágenes .Tenemos estas 2 imágenes, un lago y un pato. Queremos obtener una imagen en la que el pato esté en este lago. A ver qué tal queda.

Aquí tenemos el lago Aquí tenemos el pato:

19

Lo primero que tenemos que hacer es seleccionar el pato. Lo hacemos con las tijeras, con cuidado.

Una vez hemos terminado el contorno, clickamos dentro, y obtenemos la selección del pato que es lo que queremos. La copiamos (Ctrl+C)

Creamos un nuevo documento. En la capa del fondo pegamos el estanque. Y creamos otras 2 capas, pato y pato2

Nos ponemos en la capa pato y pegamos la selección que habíamos copiado.

Queda un poco "antinatural" por el pedazo tamaño de pato que hemos pegado. Vamos a ponerlo un poco más pequeño.

20

Para ello (estando en la capa "pato"), cogemos la herramienta de Redimensionar (Tecla Abreviada: Mayúsculas + T), y probamos tamaños. El de 50px en nuestro caso queda bien.

Aquí vemos el resultado, todavía donde está ahí queda un poco mal, demasiado grande,

Pero si movemos (Herramienta Mover: Tecla Abreviada: M) la capa del pato hasta traerla adelante al primer plano, ya queda más natural

Ahora hacemos lo mismo, pero en la capa del segundo pato: pato2

21

Primero vamos a voltearlo horizontalmente: Seleccionamos la herramienta de volteo: (Tecla Abreviada: Mayúsculas + F) y clickamos en el pato:

Vamos a poner un pato más pequeño que el anterior, lo redimensionamos (manteniendo proporción: cadena cerrada) a 35px por ejemplo.

Ahí tenemos el pato, casi en la montaña.. ;)

22

Cogemos la capa y la movemos , hasta dejar al patito pequeño enfrentado a su madre.

Fácil ¿Verdad?

Ahora podemos añadir un texto por ejemplo

Vamos a rotarlo, para dejarlo vertical;

23

Aquí lo tenemos.

Tenemos otra capa más (la ha creado el Gimp) para el texto

Movemos un poco el texto para dejarlo bien arrimado, y aquí tenemos el resultado

24

ACTIVIDAD 9: QUITAR LAS ARRUGAS AL ROSTRO

Vamos a hacernos un poquillo más jóvenes quitándonos las arrugas del rostro.. ;)

En el tema de retoque no hay que exagerar. Hay que ser lo más sutil posible.

Siempre es interesante duplicar la capa.

Tener la imagen original en una capa y tener otra en la que vas haciendo los retoques, para poder ir viendo los cambios (con el ocultar/mostrar capa). Al final Cuando ya tengamos el resultado final que queremos obtener podríamos borrar la capa original.

Nos acercamos a la imagen con el zoom (+) para poder ir más al detalle y para movernos por la imagen podemos usar la tecla espaciadora. Vamos a hacerle desaparecer las arruguillas. Para ello usaremos la herramienta que clona luces y texturas (Tecla Abreviada: H)

Vamos a coger un pincel grande y torcido

25

Funciona similar al clonar: seleccionas una zona con la tecla Control (así selecciona la textura y el color de la zona). Ahora sueltas el control y vas pulsando sobre las zonas que quieras limpiar. Pinchamos en zonas próximas a las arrugas con el Ctrol seleccionado, y luego suelto el ctrol y voy quitando poco a poco y con paciencia las arrugas.

En cada momento veo qué tipo de pincel usar, más pequeño, más gordo, diferente forma...

Antes Después

Tras seguir con diferentes zonas, aquí tenemos un resultado. ¿notáis la diferencia? Le hemos quitado hasta el agujero del pendiente..

26

ACTIVIDAD 10: APLICACIÓN DE VARIOS CONCEPTOS

Tenemos la siguiente foto:

y queremos obtener el siguiente efecto:

Pasos a seguir :

seleccionar rosa o fondo aplicar un filtro desaturar el color al fondo.

Como siempre, primero duplicamos la capa para tener el original e ir viendo los cambios

Seleccionar

Tenemos que seleccionar la rosa o el fondo, como queramos, pero creemos que es más sencillo seleccionar la rosa.

Para seleccionar la rosa, tenemos varias opciones: herramienta varita mágica (Tecla Abreviada: U) ,

selección por umbral (Tecla Abreviada: Mayúsculas + U) o incluso selección con máscara rápida.

Vamos a empezar con la varita mágica (puedo seleccionar con un umbral. Con la varita mágica cuando seleccionamos un color vamos a seleccionar pixeles parecidos. Cuanto mayor sea el umbral, más seleccionamos pero corremos el riesgo de pasarnos). La mayor parte lo haremos con varita mágica , pero es díficil conseguir seleccionar todo.

27

Nos ayudaremos también de la máscara rápida. Para activar la máscara rápida: botón derecho : Activar Máscara rápida o con Shift+Q. Me crea una mascara roja, donde lo rojo no está seleccionado. Ahora si pongo con color negro o blanco voy a seleccionar o deseleccionar.

Cojo una brocha y elijo el color blanco, así con esto consigo AGREGAR SELECCIÓN.

Mientras tanto para ir viendo cómo está quedando puedo ir jugando con el Mayúsculas + Q (va quitando y poniendo la máscara rápida, dejando lo que está seleccionado a la vista)

Termino con paciencia de seleccionar todo:

28

Desaturar

Quiero desaturar la parte de atrás, pero lo que tengo seleccionado es la rosa. Primero he de invertir la selección; menú Seleccionar : Invertir Selección (Ctrol + I) y ya tengo seleccionado el fondo en lugar de la rosa.

Podríamos guardar la selección por si luego queremos hacer algo con ella. Menú Selección : Guardar en canal

Menú Color: Desaturar

Aquí tenemos el resultado.

Aún nos queda algo , aplicar un filtro

Aplicar un filtro

Los filtros son fórmulas matemáticas para afectar a los pixels de determinado modo. Para crear retoques como si fuera una cámara. No hay que abusar de ellos

Para acceder a los filtros. Menú Filtros. y hay un montón.

En este ejemplo vamos a aplicarle el filtro de desenfoque de movimiento: Menú Filtros: Desenfoque : Desenfoque de movimiento

29

Listo, ya hemos obtenido lo que queríamos.. ;)