TUTORIAL DE TRATAMIENTO DE IMÁGENES

NOCIONES BÁSICAS

1º- Para capturar una imagen desde cualquier pantalla que opere bajo Windows, es suficiente con pulsar Ctrl + ImprPant. Si queremos capturar la imagen de la pantalla que en ese momento esté activa (si, por ejemplo, tenemos dos o más programas abiertos al tiempo), se selecciona con Alt + Impr. Pant.

Por ejemplo: desde nuestra página webquest, pulsando Ctrl+ImprPant, y luego pegando la imagen, obtenemos

2º- Desde Internet, se selecciona una imagen poniendo el curso encima suyo y pulsando el botón derecho, con lo que se abre un botón contextual. En la anterior página, imaginemos que queremos capturar la imagen del título:

Si seleccionamos ahora "Guardar imagen cómo" podemos archivarla con el nombre y ubicación que queramos. Si seleccionamos "Copiar", podemos pasarla al portapapeles, y desde allí copiarla en documentos Word, en documentos FrontPage, en programas de tratamiento de imagen, etc.

MODIFICACIÓN DE IMÁGENES CON ADOBE PHOTODELUXE

Se trata de uno de los programas de tratamiento de imagen más sencillos y, al tiempo, versátiles. En  realidad lo ponemos como ejemplo de las posibilidades de retoque de imágenes que se pueden efectuar con la gran mayoría de los programas de tratamiento de las mismas.

1º- Recuerda que se puede capturar una imagen de cualquier pantalla (mediante Ctrl+ImprPant, o mediante Alt+Impr.Pant) o de una página web, como acabamos de describir. En este caso no es preciso que nosotros tengamos en nuestro disco duro grabado el archivo de dicha imagen, sino que podemos hacer un "copia y pega" o volcado directamente sobre el programa de tratamiento de imagen.

Imaginemos que ya hemos capturado la imagen deseada, que pudiera ser la que mostramos:

Está en nuestro portapapeles, por tanto.

Ahora abrimos Adobe PhotoDeluxe:

A continuación, vamos a desplegar la primera pestaña, referida a archivos

Podríamos abrir un archivo de imagen ya existente, o bien con un formato especial (en la segunda opción. Se refiere a formatos como .jpg, .gif, etc.) En nuestro caso, creamos un archivo nuevo, como aparece preseleccionado en nuestra imagen. El programa ya sabe qué tamaño debe darle (el que ocupe la imagen que tenemos en nuestro portapapeles), por lo que únicamente debemos aceptar su propuesta:

Entonces, se abre un documento en blanco, con la siguiente apariencia:

Ahora abrimos la pestaña "Edición" (o bien apretamos el botón derecho del ratón, para abrir un menú contextual):

Y seleccionamos "Pegar" la imagen:

Observa, de paso, que el comando o pestaña sirve para deshacer los últimos cambios realizados, copiar, duplicar la imagen, anular fondos, eliminar la foto, etc.

Vamos a trabajar las distintas posibilidades que nos ofrece el programa:

Para cualquier efecto, podemos seleccionar toda la imagen, o una parte, marcando una figura en forma de cuadrado, círculo, rectángulo, etc., como vemos en la pestaña abierta en la anterior imagen.

Vamos a suponer que no tenemos que elegir una parte de la misma, y que queremos emplear algunas herramientas:

El pincel nos permite pintar un trazo con el movimiento del ratón, del grosor que queramos. Por ejemplo, vamos subrayar las principales líneas estructurales del cuadro, para hacer ver al alumno cómo se estructura la perspectiva:

También podríamos cambiar el color de una determinada gama de los presentes en una imagen (en el ejemplo, podría ser para centrar la atención del alumno sobre las interrelaciones entre los personajes del cuadro):

Pinchando sobre el recuadro de color se puede seleccionar de entre la amplia paleta de colores que se ofrecen.

También podemos trabajar con líneas del color elegido:

Podemos incluir texto:

Borrar determinadas partes de la imagen:

O emborronar parte de la imagen con la herramienta "Dedo":

Podemos girar la imagen en cualquier sentido

Con la opción "Tamaño", podemos cambiar la proporción entre ancho y alto, cambiar el tamaño de la imagen, distorsionarla, cambiar el punto de perspectiva o, sobre todo, el tamaño de la foto. Recuerda que para que tu página se cargue de forma más rápida, es imprescindible que las imágenes que formen parte de la misma hayan sido previamente cambiadas al tamaño con el que quieres que aparezcan, y guardadas con estas especificaciones. Si no es así, puedes especificar en tu página web con qué tamaño se han de mostrar las imágenes, pero entonces cuando te mueves por la página el navegador debe recalcular la porción de imagen que aparece en la misma, y retarda extraordinariamente este movimiento.

Puedes recortar un área de la imagen: tras seleccionar "Recortar", indicas el área que debe ser recortada con el ratón:

Y aceptas:

Un ejemplo de cómo queda la imagen si la "distorsionamos" (tras seleccionar "Distorsionar", arrastras la imagen hacia el punto en el que quieres que fugue):

De la misma forma puedes cambiar la perspectiva:

La función "Calidad" permite correcciones automáticas de la calidad de la imagen, que son de gran utilidad cuando es algo difusa o innítida. En general, esta función tiende a aumentar los contrastes de colores, y a avivarlos:

Resultado de la mejora:

También podemos cambiar el color o el brillo y contraste:

Ejemplo (fíjate en la oscilación a rojo operada en la imagen):

Cambios en brillo y contraste:

Efectos posibles:

El degradado es útil para crear fondos con marcas de agua y otras variaciones, partiendo de una imagen en blanco, o para cambiar la apariencia de un texto que acabamos de escribir en una imagen:

Otros muchos efectos son posibles: pixelizar, encoger, zig-zag, etc. Ejemplo de pixelización, que da la imagen un toque "impresionista":

Imagen posterizada:

Hallar los bordes de la imagen:

Imagen con ruido de 50 píxels:

En fin: las posibilidades de modificación de la imagen son múltiples, y pueden combinarse en sucesivos procesos de transformación.

Digamos por último que una utilidad más del tratamiento de imágenes que ofrece el propio FrontPage y otros  como Microsoft Photo Editor es la de crear imágenes "transparentes", en las cuales un anagrama o unas letras se recortan sobre el mismo fondo que tenga la página web. Un ejemplo sería la imagen siguiente:

Hemos creado el letrero con el Word Art, sencillo programa que permite gestionar letreros desde el Word:

Seleccionamos el prototipo de cartel:

Y escribimos luego el letrero:

Resultado:

Seleccionamos ahora la imagen, la copiamos (por ejemplo, con Ctrl + V), y la pegamos en el programa señalado. De momento presenta la apariencia que hemos indicado, con un fondo blanco que puede no pegar con nuestro fondo de página:

En el editor de imagen la veremos así, una vez recortado el área que realmente nos interesa de la imagen:

Ahora, con el lápiz de la barra de herramientas

señalamos el área de la imagen que queremos hacer desaparecer. En este caso, se trata de los bordes o fondo. Al pinchar con dicho "lápiz" en una esquina blanca de la imagen, nos aparece la siguiente imagen:

Aceptamos que sea ese el color que se hace transparente, resultando

El área resaltada como un damero es el que va a ser hecho transparente. Pero para que este cambio sea efectivo (recuerda que también puedes seleccionar la imagen y pegarla directamente sobre tu página si estás trabajando con FrontPage), debes guardar el archivo con formato loquesea.gif, pues .GIF es el formato que soporta transparencias:

El resultado de incluir dicha imagen en una página web sería el siguiente:

PARA REGRESAR A LA PÁGINA ANTERIOR, PULSA EN LA FECHA

 Para volver a la página principal