IMAGEN DIGITAL

Una imagen digital es una representacin bidimensional de una imagen a partir de una matriz numrica, frecuentemente
en binario (unos y ceros). Dependiendo de si la resolucin de la imagen es esttica o dinmica, puede tratarse de un imagen
matricial (o mapa de bits) o de un grfico vectorial. El mapa de bits es el formato ms utilizado, aunque los grficos vectoriales
tienen uso amplio en la autoedicin y en las artes grficas.
Las imgenes digitales se pueden obtener de varias formas:
Por medio de dispositivos de conversin analgica-digital como los escneres y las cmaras digitales.
Directamente mediante programas informticos, como por ejemplo realizando dibujos con el ratn (informtica) o mediante un
programa de renderizacin 2D.
Las imgenes digitales se pueden modificar mediante filtros, aadir o suprimir elementos, modificar su tamao, etc. y almacenarse
en un dispositivo de grabacin de datos como por ejemplo un disco duro.
Nos enfocaremos especialmente en las imgenes matriciales. Tambin llamadas imgenes en mapa de bis, ta, raster image o
extensin .bmp (estos dos tomados del ingls), o imagen rsterizada son una estructura o fichero de datos que representa una
rejilla rectangular de pxeles o puntos de color, denominada matriz, que se puede visualizar en un monitor, papel u otro dispositivo
de representacin.
A las imgenes en mapa de bits se las suele definir por su altura y anchura (en pxeles) y por su profundidad de color (en bits por
pxel), que determina el nmero de colores distintos que se pueden almacenar en cada punto individual, y por lo tanto, en gran
medida, la calidad del color de la imagen.
Los grficos en mapa de bits se distinguen de los grficos vectoriales en que estos ltimos representan una imagen a travs del uso
de objetos geomtricos como curvas de Bzier y polgonos, no del simple almacenamiento del color de cada punto en la matriz. El
formato de imagen matricial est ampliamente extendido y es el que se suele emplear para tomar fotografas digitales y realizar
capturas de vdeo. Para su obtencin se usan dispositivos de conversin analgica-digital, tales como escneres y cmaras digitales.

Formatos de imagen
Las imgenes pueden ser de muchos formatos diferentes: bmp, gif, jpg, etc. Pero no todos estos formatos son adecuados para
una web, debido a que pueden ocupar mucha memoria o a que no son compatibles con algunos navegadores.
Los formatos ms utilizados son el GIF y el JPG, que a pesar de ser imgenes de menor calidad que las imgenes BMP, son ms
recomendables debido a que ocupan menos memoria. Vamos a ver un poco ms sobre estos formatos:
Formato GIF:
Utilizan un mximo de 256 colores, y son recomendables para imgenes con grandes reas de un mismo color o de tonos no
continuos. Suelen utilizarse con gran frecuencia, ya que permiten definir transparencias y animacin.
Formato JPG:
Las imgenes son de mayor calidad que las GIF, al poder contener millones de colores, pero el tamao de la imagen es mayor y
tarda ms en descargarse se utilizan ms para fotos.
Formato PNG:
Es el formato de ms rpido crecimiento en la web, porque rene lo mejor de jpg y gif.
Se trata de un formato de compresin sin prdidas, con una profundidad de color de 24 bits. Soporta hasta 256 niveles de
transparencia, lo que permite fundir la imagen perfectamente con el fondo.
Entre sus inconvenientes hay que citar que no soporta animaciones y que el tamao de los archivos png, debido a la capa de
transparencia, siempre es mayor que el de los archivos jpg.
Puedes incluir imgenes en otros formatos, que podrn ser visualizadas en algunos navegadores. Este es el caso de las imgenes
BMP y PNG.
Puedes cambiar el formato de las imgenes mediante la utilizacin de algn programa de tratamiento de imgenes, como
pueden ser Fireworks, Photoshop, Corel Draw, etc. Por ejemplo el Fireworks de Macromedia tiene una opcin, exportar a tipo gif
que reduce considerablemente la ocupacin de la imagen sin perder en calidad (siempre que la imagen se adecue al formato).
Dependiendo del programa utilizado existir una mayor o menor cantidad de opciones a la hora de modificar las imgenes.
Para realizar modificaciones sencillas, como la de recortar las imgenes y cambiar los colores, puedes utilizar incluso el programa
Paint de Windows.

GIMP : Primer Contacto

Ahora podemos arrancar el programa desde el acceso que se ha

creado en el escritorio o desde el men Programas de Inicio.
Una vez abierto GIMP, lo primero que nos llama la atencin es
que no consiste de una sola ventana, como suele suceder con
otros programas, sino que por un lado tenemos la ventana de
herramientas (The GIMP) y por otro se nos abrir otra distinta
para cada herramienta y para cada opcin. Podemos cerrarlas,
pero se abrirn siempre que seleccionemos una opcin o si
hacemos doble click sobre la herramienta que vayamos a
utilizar (ni que decir tiene que si cerramos la ventana The GIMP
estaremos cerrando el programa, y todo lo que hayamos hecho
con l).
La ventana The GIMP contiene los iconos de las herramientas del programa, as como los mens bsicos. Si deseamos tener un men
siempre a mano podemos pinchar sobre la lnea punteada que aparece en la parte superior y el men se "desgajar" para quedar
independiente como una nueva ventana.
Creacin de una Imagen Nueva

Para comenzar a conocer GIMP comenzaremos por crear una imagen nueva. Para ello iremos a la caja de herramientas y desde el
men File/New se nos abrir la ventana que nos pregunta por los parmetros iniciales que deseamos para nuestra imagen.
En primer lugar estableceremos el tamao en pixels (es
recomendable esta medida, aunque podemos establecer otra
pinchando sobre el cuadro "in").
Despus determinaremos qu tipo de imagen vamos a crear:
RGB ser para imgenes de color y Grayscale para imgenes
en escala de grises.
Fill Type indica el color inicial que va a tener la imagen:
Foreground es el color que la paleta de colores indique para
primer plano, Background es el color de la paleta para
segundo plano, White es blanco y Transparent... bueno, pues
eso.
Elegir Colores

Si no queremos que nuestras imgenes parezcan esquelas

mortuorias con un sempiterno blanco y negro deberemos
mentalizarnos para comenzar a utilizar colores variados (no
es necesario utilizarlos todos, pero como prctica podemos
intentar crear una imagen estilo caribeo).

Los colores en uso se muestran en la caja de herramientas, en dos cuadrados en la esquina inferior izquierda.
Haciendo click sobre el cuadrado de Color de Primer Plano (Foreground Color) o Color de Segundo Plano (Background Color)
aparecer el cuadro de Seleccin de Color.
En el cuadro de Seleccin de Color, la columna con los colores del Arco Iris sirve para elegir el tono, mientras que el cuadro ms
grande indica la saturacin y el valor. La seleccin de color se hace pinchando y arrastrando para seleccionar el tono, la saturacin y
el valor deseados. Tambin se pueden utilizar valores numricos para R (rojo), G (verde), B (Azul), H (tono), S (Saturacin) y V (Valor)
utilizando los cuadros correspondientes. Esta caracterstica es til cuando queramos recordar o conservar determinados colores.
Las pestaas que se encuentran en la parte superior de la ventana sirven para utilizar otros cuadros de seleccin de color. Al elegir
un color en la ventana de Seleccin de Color aparecer en el cuadro correspondiente de color de Primer Plano o Segundo Plano,
dependiendo del que fuera pinchado para llamar a la ventana de Seleccin de Color.
Pinchando sobre el icono de Intercambiar Colores (Swatch Colors), que consiste en la flecha de dos cabezas situada sobre los
cuadros de Color de Primer y
segundo Plano, ocurre que los
colores de estos dos cuadros
cambian de posicin y el de
Primer Plano aparece en
Segundo Plano y viceversa.
Esto tambin se puede activar
con la tecla "x" sobre
cualquier lugar de la ventana
de Imagen. El icono de
Colores por Defecto (Default
Colors), que es el icono de los
pequeos cuadros blanco y
negro situados bajo los de
Primer y Segundo Plano,
devuelve los valores por
defecto de negro para primer
plano y blanco para segundo
plano. La tecla "d" sobre
cualquier lugar de la ventana
de Imagen tambin produce
este efecto.

Desde el icono de Brocha Activa (Active Brush) abre el cuadro de

dilogo de Seleccin de Brocha (Brush Selection). Pinchando sobre

cualquier brocha de la ventana estableceremos una nueva brocha activa.

Aadir Texto

El color del texto ser el que est marcado como color de primer plano. Si deseas cambiarlo, sigue las instrucciones que te indico
anteriormente sobre cmo cambiar color de primer y segundo plano.
Pinchar sobre la herramienta de texto (icono de T) en la barra de herramientas (The GIMP).
Se abrir una ventana (Text Tool) en la cual seguiremos los siguientes pasos:
1. escribir el texto bajo el ttulo Previsualizacin.
2. elegir el tipo de letra (se visualizar el aspecto que tendr
en la lnea de previsualizacin).
3. elegir tipo de fuente (bold: negrita, oblique: cursiva).
4. elegir el tamao de la letra.
Ten en cuenta que no se puede escribir ms que una lnea, por
lo que debers repetir el proceso si el texto que intentas
aadir est contenido en dos lneas.
Una vez que aceptes y salgas de esta ventana, el texto
aparecer en la imagen.
Para fijarlo debers pasar el ratn por encima y cuando el
cursor tome la forma de cuatro flechas tendrs que pinchar y
arrastrar hasta donde desees colocarlo.
Si deseas borrarlo mientas est activo, pulsa Ctrl+X. Si deseas dehacer el ltimo movimiento, pulsa Ctrl+Z. La funcin de Deshacer la
puedes encontrar tambin pinchando sobre la imagen con el botn derecho del ratn, men Edit/Undo.
Si definitivamente quieres fijar el texto, se har automticamente cuando aadas el siguiente texto. Pero si quieres ver cmo queda
definitivamente, pulsa Ctrl+H (o men interactivo Layers/Anchor Layer).
Guardar Imagen con Formato JPEG

Llegados a este punto, uno quiere guardar el resultado de su esfuerzo, y se

pregunta cmo y dnde voy a poner mi primera GimPagen.
Una vez que se ha decidido dnde (unidad de disco y directorio), uno se puede
preguntar qu formato voy a usar para guardarla. En este apartado vamos a
ver cmo guardar con cualquier formato, excepto GIF, por lo que mencionar
JPEG, pero lo que sigue vale para cualquier otro formato.
Para comenzar, debemos ir al men File/Save (si no tena nombre
anteriormente) o Save as (si deseamos cambiar su nombre o formato).
En la ventana Save que nos aparece seguiremos los siguientes pasos:
1. hacer doble click sobre la unidad de disco donde queremos guardar la

imagen.
2. hacer tambin doble click para seleccionar el directorio de destino.
3. escribir el nombre que queremos dar a la imagen en la lnea blanca.
4. expandir el men de Tipo de Archivo y seleccionar el que deseemos.
5. Pinchar sobre el OK y darnos por satisfechos.
Algunas Cosas Extra

A los mens se accede desde la esquina superior izquierda de la ventana de imagen, pero stos se pueden dejar libres si se pincha
sobre la lnea punteada que aparece en la parte superior de cada uno de ellos.
Una caracterstica muy til, y sin la que no podemos pasar los mortales, es la de la funcin Deshacer (Undo). Se puede acceder desde
el men contextual en Edit/Undo. La combinacin de teclas es Ctrl+Z. (Otra caracterstica de la naturaleza de GIMP es la posibilidad
de establecer las posibilidades de Deshacer que deseamos, pero siempre teniendo en cuenta la capacidad de nuestro equipo).
Atencin! La combinacin Ctrl+X borrar la seleccin activa.
Para dibujar figuras geomtricas de color slido, elegiremos la herramienta de seleccin de zona (ya sean zonas rectangulares,
elpticas o a mano alzada, situadas en los tres primeros iconos de la Caja de Herramientas) y arrastraremos el cursor por la imagen; a
continuacin seleccionaremos la herramienta de relleno de color y un color para primer plano y pincharemos sobre la zona que
hemos marcado antes.
Para hacer dibujos de lnea sobre la imagen est la herramienta del lpiz (atencin de haber elegido anteriormente el tamao de
brocha y color adecuados) y arrastraremos el cursor por la imagen. Si deseamos lneas rectas debemos mantener la tecla Mayscula
pulsada mientras trazamos la lnea (podemos ir sealando los puntos de referencia y las lneas rectas se generarn
automticamente).
No debe hacer ninguna zona seleccionada para que se pueda comenzar a utilizar otra herramienta, por esto es que a veces
intentamos dibujar y no sale nada del cursor/brocha. Para deseleccionar todo debemos ir al men Select/None, o mediante la
combinacin Ctrl+Shift+A.
Balance de blancos
Una de las primeras cosas a ajustar es el balance de blancos. Cuando veis que una foto sale con una tonalidad marcada, por
ejemplo si sale azulada entonces es que el balance de blancos automtico de la cmara no ha funcionado como toca. Lo mejor para
estos casos es llevar encima un folio de color blanco y usarlo para preajustar el balance de blancos de la cmara manualmente. No
obstante, cuando no es posible o no nos hemos dado cuenta podemos ajustarlo con GIMP. Para ello, nos vamos aCapa - Colores Auto - Balance de blanco. Aqu podis ver el resultado:
Antes
Despus

Praga (Repblica Checa), Febrero de 2006

Niveles

Otro ajuste muy importante son los niveles. A menudo las fotos salen claras u oscuras y otras veces ocurre que hay una diferencia de
luz importante entre el fondo (por ejemplo el cielo) y lo que queremos fotografiar, y entonces el objeto sale muy oscuro. En ambos
casos necesitamos ajustar los niveles. Por ejemplo, al hacer una foto que foto sali un poco oscura.
Para arreglarlo nos vamos a Capa - Colores - Niveles. Nos aparecer una ventana como esta:

Antes de continuar hay que entender qu es lo que estamos viendo. Tenemos ante nosotros un histograma, que es un grfico que
nos muestra la cantidad de pixels en la imagen que hay por cada color. As, en horizontal tenemos el brillo de los pixels (de ms
oscuro a ms claro) y en vertical la cantidad de pxels que hay en la imagen con ese brillo. Por ejemplo, una imagen que sea slo de
color blanco, slo tendr una lnea vertical a la derecha del todo. As, si la mayora de los pxels estn agrupados a la izquierda, la
imagen ser muy oscura, y si estn agrupados a la derecha muy clara. En este caso podemos ver cmo hay varios picos, y el
izquierdo est cerca del borde izquierdo, pero el derecho est a bastante ms distancia del borde derecho. De ese modo, si
conseguimos que el derecho se acerque ms al borde derecho, la imagen saldr ms clara.
Para ajustar esto, vemos que justo debajo del histograma hay tres triangulitos con sus correspondientes cuadros donde nos dice el
numerito y podemos modificarlo. As, lo que vamos a hacer es coger el triangulito de la derecha y arrastrarlo hasta que quede
aproximadamente a la misma distancia respecto del pico que el de la izquierda del borde izquierdo:

Para mejorar el contraste, en lugar de arrastrarlo a la misma distancia, podemos arrastrarlo justo hasta el borde del pico, y arrastrar
tambin el triangulito izquierdo al borde del pico izquierdo:

De hecho, cuando ajustamos el contraste con Capa - Colores - Brillo y contraste es lo mismo que si ajustamos los niveles y movemos
el triangulito izquierdo y el derecho la misma distancia respecto de los bordes.

El triangulito izquierdo representa qu brillo de la imagen actual se va a transformar en negro una vez ajustados los niveles, y el
derecho cul va a ser el blanco. Todo lo que se salga por la izquierda quedar negro y lo que salga por la derecha blanco.
Pero y el triangulito del centro? Para qu sirve? Este triangulito sirve para ajustar la gamma. Representa cul va a ser el brillo
intermedio entre el negro y el blanco. Si lo movemos a la izquierda estaremos haciendo que los puntos que estn ms a la izquierda
que l salgan ms claros, puesto que estarn ms prximos al gris intermedio, que es ms claro que ellos. Los puntos que estn a la
derecha, en cambio, tambin saldrn un poquito ms claros aunque la diferencia se reducir y todos estos tendrn menos diferencia
de brillo que antes. Si reducimos el gamma (movemos el triangulito a la derecha) conseguiremos el efecto contrario, es decir, que la
imagen dar la sensacin de ser ms oscura pero sin que el negro ni el blanco cambien de sitio.
Ajustar el gamma viene bien por ejemplo cuando tenemos alguna parte de una imagen que sale muy brillante pero el fondo es
oscuro, como cuando hacemos una foto de noche en la calle y con flash. En esta foto, la limusina ha salido mucho ms clara que los
colegas, ya que estaba ms cerca que estos, y adems el fondo ha salido tambin casi negro:

Ajustamos el gamma, en este caso mucho ya que el fondo est muy oscuro:

Y vemos cmo mejora considerablemente:

Con el gamma es mejor quedarse cortos a pasarse porque si no el resultado puede ser contraproducente. En el caso de esta imagen,
lo hemos subido a 2.0 lo cual es una barbaridad, pero con otras imgenes no har falta tanto.

Saturacin
Algunas veces notamos que la imagen sale muy gris y que los colores no son vvidos, por ejemplo cuando el da est nublado. Esto
tambin ocurre a veces cuando ajustamos el gamma y lo subimos demasiado. Podemos aumentar la intensidad de los colores
aumentando la saturacin de la imagen. Hay que tener en cuenta que si la imagen est demasiado gris no siempre podremos
recuperar el color. Para intensificar el color nos vamos a Capa - Colores - Tono-saturacin y subimos la saturacin. Al igual que la
mayora de efectos, es mejor quedarse corto a pasarse, a menos que sepamos muy bien lo que estamos haciendo. Esta foto fue
tomada en Zrich (Suiza) en enero de 2006:

El da estaba nublado y la foto sali muy gris. Pero aqu tenemos a GIMP al rescate. Subiendo la saturacin mucho (ya que estaba
muy gris):

Ahora la cosa mejora considerablemente:

Nitidez

Para terminar el artculo, os cuento un truco para que vuestras fotos queden ms ntidas sin que aumente de forma notable el ruido
de fondo. Si la foto est movida o est mal enfocada no servir de mucho, pero si la foto est bien enfocada este efecto resalta los
bordes y da una sensacin de nitidez que queda muy profesional. Si tenis pensado reescalar la imagen, tenis que hacerlo antes de
aplicar este efecto porque de lo contrario se perder al reescalarla.
Para este efecto cogeremos una foto del edificio de la pera de Viena (Austria):

Si todava no hemos abierto la ventana de capas, tenemos que abrirla llndonos a Dilogos - Capas o bien pulsando Control+L. Una
vez hecho esto, tenemos que duplicar la capa dos veces, de modo que tengamos tres capas iguales. Para ello nos vamos a Capa Duplicar capa dos veces. Si no est seleccionada ya, seleccionamos la capa de arriba del todo.
Ahora nos vamos a Filtros - Detectar bordes - Arista. Seleccionamos el algoritmo "Sobel" y ajustamos la cantidad (2.0 est bien). De
las tres opciones de debajo seleccionamos "Manchar":

Ahora vamos a Capa - Colores - Desaturar para que pierda el color. Esta capa la usaremos despus como mscara para la otra.
Seleccionamos la segunda capa, que estar entre medias de la original y la que acabamos de modificar. Nos vamos a Filtros - Realzar
[Enhace] - Enfocar... [Sharpen]. Podemos usar un valor alto sin miedo, por ejemplo 60:

Tras aplicar este efecto no notaremos ningn cambio en la imagen pero es normal porque la otra capa est encima tapndonos lo
que acabamos de hacer. Si aplicramos el filtro Sharpen sin ms, aumentara considerablemente el ruido debido a cmo funciona el
algoritmo. Sin embargo, al usar la deteccin de bordes, el efecto se va a aplicar slo en los bordes, que es donde nos interesa que
aumente la nitidez. De ese modo, el ruido de fondo no aumentar de forma apreciable.
Para ello, seleccionamos la capa superior donde hemos aplicado el primer filtro y nos vamos a Editar - Copiar. Despus volvemos a
seleccionar la segunda capa y nos vamos a Capa - Mscara - Aadir mscara de capa, o tambin podemos darle con el botn
derecho del ratn sobre la capa y ah encontraremos esa misma opcin.
La mscara de capa sirve para modificar la transparencia de una capa. En ella podemos pintar cualquier tonalidad de gris. Negro
significa transparente y blanco opaco, y los grises harn que sea traslcido.
En el dilogo que aparece simplemente pulsamos Aceptar puesto que nos da igual qu tenga la mscara de capa. Ahora nos vamos
a Editar - Pegar, con lo cual conseguiremos pegar la capa superior sobre la mscara de la segunda capa. Puesto que ahora mismo lo
que hemos pegado est como una seleccin flotante, tenemos que fijarlo. Para ello nos vamos a Capa - Anclar la capa. Notad que al
pegar la capa podis ver cmo aparece en las vistas en miniatura:

Ya podemos seleccionar la capa superior y borrarla, bien pulsando el botn correspondiente, bien con Capa - Borrar la capa o con el
botn derecho del ratn sobre la capa. Tras ello podris ver el resultado, pero nos queda hacer una cosa ms antes de poder
guardar la imagen. Nos vamos a Imagen - Aplanar la imagen para que todas las capas se junten en una sola:

Podis comparar la diferencia entre la imagen original (sin este efecto) arriba y la imagen con el efecto abajo:

Si no queris que el efecto se aplique tanto, podis ajustar la transparencia de la capa superior (de las dos que quedan) antes de
aplanar la imagen.
Enlaces
Tutoriales de GIMP: http://www.gimp.org/tutorials/
Tutoriales de retoque fotogrfico (orientados a Photoshop pero tambin se pueden hacer con GIMP) http://www.luminouslandscape.com/
Nota: Todas las fotos usadas en este artculo son originales, (C) Vctor Fernndez Martnez y se encuentran bajo la licencia Creative
Commons Attribution-NonCommercial. Fueron tomadas usando una cmara Nikon Coolpix 5900. Si te han gustado, visita la
web www.erasmus-innsbruck.com, donde encontrars muchas otras ms.
Vctor Fernndez Martnez