CAPITULO 3. Tratamiento de imágenes:

Siguiendo con el tema de los efectos sobre los objetos de la clase anterior, famos a finalizar aprendiendo una utilidad sumamente provechosa que trae Fireworks.
Supongamos que hemos trabajado durante un lapso de tiempo prolongado, buscando una textura específica para nuestro emprendimiento gráfico:

A la figura del ejemplo le hemos puesto:

1. Un Drop Shadow de 10
2. Color sólido verde, Textura Oilslick a 86

Pues bien, supomgamos que logramos esta apariencia después de mucho probar, y la necesitaremos frecuentemente. Pues para no tomarnos el trabajo de configurar cada figura cada vez que la hagamos, podemos guardar esto como un estilo:

Si no lo tenemos, abrimos el panel de estilos con Window>Styles.

Teniendo cuidado de tener seleccionada la imagen en la que trabajaste los efectos, haces clic en el botón New Style (que está marcado), y te aparecerá esta ventana:

Aquí definimos:

1. Name: el nombre del estilo nuevo que queremos crear.
2. Properties: tipo, color y efectos, tanto de los rellenos como de los bordes.

El resto de las opciones que aparecen desmarcadas son utilizadas para cuando trabajamos con texto.
Le damos OK y ya tenemos el nuevo estilo incorporado al panel de estilos:

La próxima vez que quieras usarlo, sólo debes seleccionar la forma a la que deseas aplicar el estilo, luego hacer clic en el estilo que quieras.

Y por último debmos ver las herramientas que nos permiten modificar las formas que creamos.
En principio tenemos la herramienta para escalar . Seleccionando la forma que deseamos modificar, hacemos clic en esta herramienta y tendremos lo siguiente:

1. Los nodos que aparecen en los vértices sirven para modificar el tamaño de la imagen proporcionalmente, tanto en alto como en ancho.
2. Los nodos de los lados sirven para modificar el tamaño, o del alto de la figura (los nodos de los lados superior e inferior); odel ancho de la figura (los nodos de los lados izquierdo y derecho.
3. Si paseamos el mouse por los contornos de la figura veremos que en algún punto el puntero se transforma en una flecha circular. Es entonces cuando podremos "rotar" la figura. El punto marcado como 3, es el centro de rotado. Se puede llevar a cualquier lado de la figra, y siempre actuará como el punto de referencia del rotado de la figura.

Recordemos también que dentro de la Scale Tool tenemos también otras dos herramientas: que nos sirven para distorsionar las imágenes.

3. Tratamiento de imágenes:

3.1. Importación de imágenes:

Para importar las imágenes a un canvas ya definido seguimos los siguientes pasos:

1. Hacemos clic en el botón de importar y seleccionamos la imagen que vamos a llevar al canvas.
   
2. Pueden ocurrir dos cosas: que la imagen sea menor que el canvas y deseemos trabajar con el canvas a medida, o bien que el canvas sea más pequeño que la foto. En ambos casos hay que readaptar ambos: la foto y el canvas.
3. En el primer caso (la foto o imagen más pequeña que el canvas), utilizamos Modify>Canvas>Trim Canvas.
   
4. En el caso contrario (en que la foto es mayor que el canvas), utilizamos Modify>Canvas>Fit Canvas.
   

3.2. Tratamiento de imágenes:

Ahora que tenemos nuestra imagen, debemos empezar a tratarla para lograr la mayor calidad y el menor "peso" posible en KB (no olvidemos que estamos trabajando para web, en donde es importante que haya poco peso, es decir, la menor cantidad posible de bytes).
Lo primero que debemos hacer es obtener, visualmente, nuestro "producto final". Es decir, con todas las modificaciones o efectos visuales que vayamos a necesitar. Para esto Fireworks tiene varias herramientas, de las cuales te mostraremos algunas.
la imagen que utilizaremos es un cuadro llamado "Columpio", del pintor francés Fragonard.
Los dos primeros efectos son Blur y Sharpen (paleta de herramientas), que, para explicar a grosso modo, tienen que ver con el menor o mayor pixelado de las imágenes, y en este sentido se puede decir que son herramientas opuestas. Por ejemplo:

Aquí tenemos la cara de la mujer del cuadro en un aumento del 400% con respecto al original que te mostramos. Como ves, la imagen está compuesta de pequeños "cuadraditos" de distintos colores y tonalidades. Pues bien, esos "cuadraditos" son los pixels que forman toda imagen que no sea vectorial (para trabajar en imagenes vectoriales puedes tomar el Tutorial de Freehand), lo que pasa es que, al ser tan pequeños, no se notan al 100%, como puedes ver en la imagen original.

Sharpen: Esta herramienta sirve para acrecentar el efecto de pixelado. Esto en ciertos casos puede ocasionar un efecto beneficioso a los ojos del usuario, pues acrecienta el contraste de las tonalidades, dándole a la imagen mayor luminosidad y brillo. Pero tomemos en cuenta que esto es sólo un "efecto visual" para el ojo inexperto de un usuario común. En realidad, darle mayor sharpen a una imagen es, casi siempre bajar la calidad de la imagen. Pero como dije "a veces" queda bien. Compara la imagen original, con esta imagen. Si miras con atención, verás que la imagen original tiene más "brillo" y en apariencia, se ve mejor. Es porque le hemos puesto el efecto de sharpen para "resaltarla" aún más (Filters>Sharpen>Sharpen) de modo general. La herramienta propiamente dicha te servirá para aplicar este efecto en determinadas partes.
Obviamente, esta herramienta (como todas, una vez que las seleccionas en la paleta de herramientas), es configurable desde la barra de propiedades.
Miremos este ejemplo: esta es la misma imagen de la cara de la mujer, en el mismo zoom:

sólo que en el borde del sombrero le pasamos la herramienta de sharpen con Size 13, y una intensidad de 63.
En la imagen siguiente le he vuelto a pasar la herramienta de sharpen, para que veamos en qué puede desembocar un abuso de esta herramienta:

Blur: Esta herramienta sirve, precisamente, para contrarrestar los efectos de una imagen demasiado pixelada. Efectivamente, a nuestra imagen le hemos dado un blur general (Filters>Blur>Blur):

Si miramos con atención, veremos que los pixels ya no son TAN nítidos, lo que redundará en una mayor "suavidad" en la imagen más grande.

Burn: Este efecto toma la gama de colores original del lugar por donde la pasamos, y la obscurece. Se puede usar para arreglar partes de una imagen con exceso de luminosidad. Nuevamente comparemos con la imagen original, y veamos esta otra, en donde le hemos aplicado el Burn a los volados inferiores del vestido, y a la manga superior, que en original estaban con mucha luz.

Dodge: Como podrás imaginar, es el contrario de Burn. O sea que toma la gama de colores original del lugar por donde la pasamos, y la aclara.

Smudge: Toma el color del lugar donde apoyas el mouse, y lo "desparrama" por donde lo vayas pasando. Es más que nada una herramienta para crear efectos artísticos, aunque también te puede servir para fundir los bordes de una foto con un fondo determinado.

En esta foto hemos hecho dos tipos de Smudge. Uno un poco más notorio, que es el que te marcamos. Y en otro, que prácticamente no se nota, fundimos el cielo más claro que rodeaba a la montaña, con otro más obscuro que sacamos de otra foto. Pero hemos trabajado en un zoom tan grande, que el trabajo hecho ha sido súmamente fino, y no se nota.