Diseo / Prof.

Ricardo Soto Uribe

CONCEPTOS BSICOS DE IMAGEN DIGITAL

1. TIPOS DE IMAGENES. VECTORIALES y MAPA DE BITS imgenes de mapa de bits: son imgenes pixeladas, es decir que estn formadas por un conjunto de puntos (pxeles) contenidos en una tabla. Cada uno de estos puntos tiene un valor o ms que describe su color.

imgenes vectoriales: son representaciones de entidades geomtricas tales como crculos, rectngulos o segmentos. Estn representadas por frmulas matemticas (un rectngulo est definido por dos puntos; un crculo, por un centro y un radio; una curva, por varios puntos y una ecuacin). El procesador "traducir" estas formas en informacin que la tarjeta grfica pueda interpretar. Dado que una imagen vectorial est compuesta solamente por entidades matemticas, se le pueden aplicar fcilmente transformaciones geomtricas a la misma (ampliacin, expansin, etc.), mientras que una imagen de mapa de bits, compuesta por pxeles, no podr ser sometida a dichas transformaciones sin sufrir una prdida de informacin o distorsin. La apariencia de los pxeles en una imagen despus de una transformacin geomtrica (en particular cuando se la ampla) se denomina pixelacin (tambin conocida como efecto escalonado). Adems, las imgenes vectoriales permiten definir una imagen con muy poca informacin, por lo que los archivos son bastante pequeos. Por otra parte, una imagen vectorial slo permite la representacin de formas simples. Si bien es verdad que la superposicin de varios elementos simples puede producir resultados impresionantes, no es posible describir todas las imgenes con vectores.

2. RESOLUCIN: LA MEDIDA DE LA IMAGEN DIGITAL En un sentido amplio, resolucin se refiere a la capacidad de una tecnologa o un mecanismo para reflejar los detalles de una imagen. La forma de traducir una fotografa en bits para poder manejarla como archivo informtico es dividirla segn una malla de filas y columnas. A las unidades resultantes se les llama pxeles: son todos del mismo tamao y representan reas cuadradas de la imagen original. Si dividimos la imagen en pocos pxeles, podremos codificarla con poca informacin, pero seguramente perderemos mucho detalle, por lo que decimos que tiene poca resolucin. Si la dividimos en muchas ms partes, stas llegarn a ser tan pequeas que no las distinguiremos. La visin de la imagen ser mucho mejor y ms detallada, pero tambin mucho ms costosa en bits. Un aspecto importante es que, salvo limitaciones en la tecnologa que utilicemos, el tamao y la frecuencia de los pxeles siempre son a voluntad nuestra. Los frecuentes equvocos en el uso de la palabra resolucin se resuelven distinguiendo en la imagen tres tipos de tamao: en pxeles, informtico y superficial.

a) Tamao en pxeles Obviamente, indica en cuntas filas y columnas se ha dividido la imagen, o bien cul es el nmero total de pxeles. Por ejemplo, decimos que una foto tiene 1600 x 1200 pxeles. Tambin podemos decir que tiene 1.920.000 pxeles, o redondear diciendo que es una foto de 2 megapxeles.

De las dimensiones en pxeles depende el detalle de la imagen. Aqu vemos la misma foto dividida en 4 x 4, 12 x 12, 30 x 30 y 150 x 150 pxeles.

b) Tamao informtico Se cuenta en unidades de informacin como bytes, kilobytes o megabytes, y depende directamente de dos cosas: del nmero de pxeles y de la cantidad de bytes que gastamos para definir cada pxel. La profundidad de bits permite diferenciar y aplicar un nmero ms o menos grande de colores. La mayora de las cmaras digitales utilizan la profundidad de 24 bits del modo RGB, por lo que cada pxel se anota con 3 bytes. Se calcula rpidamente que cada megapxel ocupar en memoria 3 megabytes (algo menos, porque la mquina no redondea como nosotros). En las tarjetas de memoria suele ocupar mucho menos, porque los datos se guardan comprimidos. c) Tamao superficial o de salida Es lo que ocupar la foto si la imprimimos. Todo sera mucho ms simple si reservsemos el trmino "resolucin" para expresar esta relacin: nmero de pxeles por unidad de medida lineal. Podemos cambiarla sin modificar la informacin de imagen. Simplemente, indicando menos resolucin (menos pxeles por pulgada) la foto se imprimir ms grande, e indicando ms resolucin se imprimir en menos papel porque los pxeles sern ms pequeos y concentrados

La resolucin es inversa al tamao superficial. La misma imagen de 40 x 40 pxeles que ocupa 4 pulgadas cuadradas cuando se imprime a 20 ppp, a 40 ppp ocupar 1 pulgada cuadrada, y a 120 ppp cubrir 1/9 parte de pulgada cuadrada.

Controlar la resolucin al imprimir Comprender la resolucin sirve para predecir el resultado en la impresin. En general, queremos evitar que los pxeles sean tan grandes que resulten evidentes. A una distancia normal y si la resolucin es de 150 ppp (pixel por pulgada) o menor, distinguimos claramente la frontera entre un pxel y el siguiente. Aumentando la resolucin, los pxeles sern ms pequeos, pero seguiremos notando la estructura de filas y columnas hasta unos 180 ppp. Por encima de esta resolucin ya no notaremos escalones, aunque seguiremos percibiendo mejoras en la riqueza del color y en la suavidad de los degradados. As pues, la referencia habitual de 300 ppp supone un amplio margen que podemos permitirnos

En Photoshop Para conocer las medidas exactas de una imagen abierta basta con acceder al cuadro de Tamao de imagen (Opcin de men Imagen>Tamao de imagen)

Tamao de imagen y tamao de lienzo Al desplegar el men Imagen ,o al pulsar en el ttulo de la imagen con el botn derecho, vemos que al lado de la opcin Tamao de imagen existe la opcin Tamao de lienzo.

En qu se diferencia el Tamao de Imagen al Tamao de lienzo? Desde las dos opciones se pueden variar los valores de Ancho y Alto de una imagen (en pxeles o cm., como queramos)... pero difieren en cmo actan con el contenido que ya tiene la imagen:

desde Tamao de imagen: ajusta el contenido a las nuevas dimensiones. Es decir, lo distorsiona y desde Tamao de lienzo: No toca contenido, le es indiferente. Si la dimensin es mayor, aade pxeles vrgenes. Si es menor, recorta.

Por ejemplo, queremos ms altura en la imagen original para reconstruir cielo. lo ptimo sera elegir la opcin de Tamao de lienzo.

3. MODELOS DE COLOR A la hora de empezar a trabajar en un proyecto con Photoshop, es imprescindible decidir cul es el modo o tipo de color que se debe utilizar. Cules son las diferencias entre ellos segn su uso y la teora del color? RGB, colores por adicin de luz El modelo de color RGB es un acrnimo de los tres colores bsicos que lo conforman: rojo, verde y azul. O lo que es lo mismo, en ingls, red, green y blue. Este modelo utiliza la mezcla de estos tres colores para la creacin de un pxel de un color determinado. Cada uno de los tres colores tiene una intensidad que va desde el cero hasta el 255, creando as 256 diferentes tonalidades para ese color. La combinacin de estas tres variantes ofrece una paleta de ms de 16 millones de colores. Al tratarse de colores de luz, la suma de los tres al mximo de su tonalidad dar como resultado el color blanco, mientras que la suma de los tres colores en su valor cero crear el color negro. - Cundo debe utilizarse un modo de color RGB? En diseo grfico, se trabajar en modo RGB siempre que el resultado final del trabajo est destinado a un soporte de pantalla. Esto quiere decir que se elegir este modo si se trabaja para web, para una presentacin online o para vdeo. Si se observa una pantalla con una lupa, se pueden distinguir los pxeles que la conforman, y en cada uno de ellos una subdivisin con los tres colores bsicos del RGB: rojo, verde y azul. Colores CMYK, por adicin de tinta Los colores CMYK son aquellos que se crean a partir de la suma de cuatro tintas de diferentes colores: cian, magenta, amarillo y negro (cyan, magenta, yellow y black) Estos colores tienen, en Photoshop, un rango que va desde el 0 hasta el 100 (en lugar de los 256 niveles del RGB). En pura teora, bastara con sumar cian, magenta y amarillo para obtener el color negro, pero la realidad de la impresin demuestra que la mezcla de estos tres colores al mximo de su tonalidad da un color marrn oscuro. Por eso, para trabajar en diseo grfico se aade un cuarto color, el negro.

- Cundo se utiliza el modo de color CMYK? El modo de color CMYK se utiliza siempre que el
trabajo realizado est diseado para una salida en imprenta. Debe tenerse en cuenta que el resultado de un trabajo impreso nunca ser igual, en cuanto a colores, a lo que el usuario ve en la pantalla. Sin embargo, al trabajar en modo CMYK habr menos sorpresas cuando se imprima el diseo.

4. FORMATO DE IMAGENES Y APLICACIONES Una imagen digital no es ms que un archivo que contiene la informacin de la imagen trasformada y almacenada en forma de unos y ceros. Por esto que desde que existen los medios grficos digitales se ha buscado una forma de convertir una imagen ptica (fotografa tradicional) a digital con la menor prdida de informacin posible (colores, tonalidades, etc.). Retener todos esos datos es relativamente sencillo, pero se crearan archivos de imagen enormes... por tanto se haca necesario comprimir la informacin de una forma eficiente. La compresin de imgenes requera necesariamente desechar la informacin menos relevante, y de aqu empezaron a surgir diferentes mtodos de compresin de archivos. Luego comenz la revolucin web, y se hizo necesario crear formatos aun mas comprimidos, que contuviesen menos informacin para que el archivo final pesase cada vez menos. Y todo ello intentando mantener un resultado coherente y lo suficientemente bueno como para poder ser til a la hora de compartir, imprimir o almacenar archivos de imagen. Ahora veremos los formatos de imagen ms comunes existentes en estos momentos.

JPG
Es uno de los formatos ms utilizados hoy en da, indicado sobre todo para fotografas e imgenes en Internet por su capacidad de conseguir imgenes suficientemente reales y con un gran nmero de colores. Este formato soporta los modos de color CMYK, RGB y la escala de grises sin canales alfa, llegando a convertirse en uno de los formatos ms populares por su versatilidad y una compresin bastante alta.

TIFF
De mayor calidad que el formato JPEG, pero con compresiones mucho menores. Este formato es utilizado sobre todo en la impresin de imgenes digitales, debido a que crea archivos de gran calidad. El nico inconveniente de este formato es el tamao de los archivos que crea, por lo que No suele utilizarse para publicar imgenes ni almacenamiento. A pesar de ello, TIFF es uno de los formatos ms flexibles y prcticamente admitido por todas las aplicaciones de pintura, edicin de imgenes y diseo. Soporta casi todos los modos de color: RGB, CMYK, Lab, Indexado y escala de grises, todos ellos con canales alfa (transparencia), y mapa de bits sin canales alfa.

BMP
Este formato tiene su origen en la plataforma Windows y DOS, aunque ahora se ha expandido y es caracterstico por su usabilidad y el soporte en la mayora de software de imagen que podamos encontrar hoy en da. Admite RGB, color indexado, escala de grises y mapa de bits sin canales alfa (o sea no admite transparencias).

GIF
Uno de los formatos ms utilizados en Internet, crea grficos e imgenes de color indexado (la gama de colores de la imagen se adecua a una paleta con un nmero restringido de ellos, por lo que puede resultar til para trabajar con algunos formatos que slo admiten la paleta de colores del sistema). Aunque una de sus carencias es la de admitir muy pocos colores (256 como mximo), se ha expandido mayormente por su capacidad de compresin al ser capaz de crear archivos de unos pocos kilobytes y de mucha utilidad en la web. El formato GIF puede preservar las transparencias de la imagen aunque no soporte la inclusin de canales alfa. Muy utilizado tambin en animaciones, al ser posible almacenar ms de una imagen por fichero, creando pequeas pelculas formadas por secuencias de imgenes que se repiten en el tiempo.

PNG
Formato creado como alternativa a GIF. Viendo que este ltimo careca de un aspecto tan importante como es el modo de color, PNG nace con la pretensin de ser el nuevo formato de imagen de intercambio en Internet. PNG admite compresin con menos prdidas de informacin, produce transparencias de fondo sin bordes irregulares y soporta los modos RGB, escala de grises y color indexado sin canales alfa. Este formato est siendo utilizado cada vez ms para sustituir a GIF en grficos para web, y cada vez ms en imgenes con mayor calidad que antes eran comprimidas con JPEG.