Clasificar las imágenes es una tarea que puede realizarse basándose en múltiples criterios, en el caso que nos ocupa nos interesa exclusivamente la forma en que esta imagen se encuentra descrita en el ordenador. Encontramos dos grandes grupos de imágenes digitalizadas:

Descritas en base a fórmulas matemáticas que definen su relleno y contorno, llamadas vectoriales

Descompuestas en píxeles, es decir, pequeños cuadraditos de color que, al observarse todos en conjunto proporcionan la representación total de la imagen. estas se denominan imágenes en mapa de bits.

“Cuando observamos una imagen en la pantalla del ordenador, ésta siempre se nos representa en mapa de bits independientemente del tipo de imagen que se trate, pues el monitor muestra

todos los contenidos mediante píxeles”

DISEÑO DIGITAL 1

IMÁGENES

Las imágenes de mapas de bits, utilizan una cuadrícula rectangular de elementos de imagen (píxeles) para representar imágenes. A cada píxel se le asigna una ubicación y un valor de color específicos.

Las imágenes de mapa de bits son el medio electrónico más usado para las imágenes de tono continuo, como fotografías o pinturas digitales, puesto que pueden representar de manera más eficaz degradados sutiles de sombras y color.

Las imágenes de mapa de bits dependen de la resolución, es decir, contienen un número fijo de píxeles. Como consecuencia, pueden perder detalle y aparecer dentadas si se cambia la escala a grandes ampliaciones en pantalla o si se imprimen con una resolución inferior que aquélla para la que fueron creadas.

DISEÑO DIGITAL 1

IMÁGENES DE MAPA DE BITS

DISEÑO DIGITAL 1

IMÁGENES DE MAPA DE BITS

Imagen en baja resolución 72dpi ampliada pierde nitidez aparición del

dentado

Imagen en alta resolución 300 dpi alta calidad

La resolución de imagen es el número de píxeles mostrados por unidad de longitud impresa en una imagen, que normalmente se mide en píxeles por pulgada (dpi, ppp, píxel per. inch)

DISEÑO DIGITAL 1

IMÁGENES DE MAPA DE BITS

Los archivos de imagen se miden en megabytes

Kilobyte 1 kb = 1024 bytes

Megabyte, 1 mb= 1024 kb

Gigabyte, 1 gb=1024 mb.

Terabyte, 1tb= 1024 gb

Con los formatos de imagen conseguimos reducir el peso de la imagen sin modificar el número de píxeles. Tipos de formato de imágenes

Formatos populares BMP, RAW, PCX, TIFF, JPG, GIF y PNG

DISEÑO DIGITAL 1

IMÁGENES DE MAPA DE BITSBMP: Formato de Mapa de Bits nativo de ambiente Microsoft Windows. Los archivos BMP no se comprimen crea archivos grandes, no son permitidos por casi ningún navegador.

RAW: Contiene datos de píxeles no procesados generados directamente por el sensor de la cámara digital, Son de gran tamaño. Empleado por fotógrafos profesionales y semiprofesionales.

TIFF: es un formato de gráfico flexible e independiente de las plataformas soportado por casi todos los paquetes de software de edición fotográfica, TIFF se convierte con facilidad en otros formatos, para proyectos de edición en computador, no es soportado por navegadores. Se usa en imágenes digitalizadas de alta resolución y fotografías digitales para edición por computadora

JPEG: Al crear un formato jpeg se controla el nivel de compresión y tamaño del archivo resultante, pero sufre cierto deterioro de la calidad de la imagen. Imágenes fotográficas o digitalizadas que se usan en diversas aplicación como páginas web, o impresiones de media calidad.

GIF: Es un grafico para exhibir en distintas plataformas pcs o macs. Existen restricciones con respecto su uso formato para Web

PNG: Formato diseñado para mejorar el formato GIF. A diferencia del JPEG, PNG comprime los datos sin pérdida, es un formato de dominio público sin restricciones sobre su uso.

DISEÑO DIGITAL 1

IMÁGENES VECTORIALES

Los gráficos vectoriales (a veces denominados formas vectoriales u objetos vectoriales) están compuestos de líneas y curvas definidas por objetos matemáticos denominados vectores, que describen una imagen de acuerdo con sus características geométricas.

La resolución de las mismas es infinita, es decir, toda imagen vectorial se puede escalar ampliando o reduciendo sin que la visibilidad de la misma se vea afectada, ni en pantalla ni a la hora de imprimir.

La forma se puede controlar de manera muy precisa y cada objeto los gráficos vectoriales son la mejor opción para ilustraciones, como los logotipos, que se utilizarán en varios tamaños y distintos medios de salida.

DISEÑO DIGITAL 1

IMÁGENES VECTORIALES

Logotipo Vectorial sólo relleno

Gráfico Vectorial malla

DISEÑO DIGITAL 1

AI (CS-CS2-CS3): Aplicación de Illustrator

FH(9-10-11): Aplicación de Freehand

CDR: Aplicación de Corel Draw.

EPS: Es un archivo PostScript que almacena pequeños gráficos vectoriales, a diferencia de los que almacenan una o varias páginas enteras.

FLA: aplicación flash, usado para multimedia y animación incluye gráficos vectorales para animación.

Formatos comunes de Meta ficheros (tanto Rasterizados como Vectorial)

EPS: Utilizado para salida de dispositivos PostScript

PIC: Estándar en equipos Macintosh. Es mapa de bits. No son archivos vectoriales.

IMÁGENES VECTORIALES

DISEÑO DIGITAL 1

GRÁFICOS VECTORIALES Y MAPA DE BITS

Conversión de vectores en mapa de bitsUn gráfico de vector se puede convertir fácilmente en mapa de bits mediante un proceso llamado rasterización. La rasterización funciona al suponer una retícula sobre un software de gráficos y determinar el color para cada píxel. En el pc también se puede rasterizar una imagen a través de la tecla impant al tomar una instantánea.

Conversión de mapa de bits en vectoresEl proceso es más difícil que lo opuesto, para cambiar un gráfico de mapa de bits en vectores se debe utilizar un software para trazar, proceso que puede ser de forma manual o aleatorio el cual no produce resultados aceptables en fotografías complejas y detalladas, el software para trazar de forma independiente ofrece flexibilidad y genera mejores resultados.

DISEÑO DIGITAL 1

PALETA DE COLOR DIGITAL

La profundidad de color es la cantidad de colores que puede utilizar una imagen.

Cuando aumenta la cantidad de colores, mejora la calidad de la imagen, pero también aumenta el tamaño del archivo.

Puede limitar la profundidad del color para reducir el tamaño del archivo requerido para una imagen.

Para determinar como funciona esto, se debe observar los requerimientos de almacenamiento de diversas profundidades de color.

DISEÑO DIGITAL 1

PALETA DE COLOR DIGITAL

Las imágenes TRUE COLOR (color verdadero) o Mapa de Bits de 24bits utilizan 16,7 millones de colores.

Los datos para cada píxel requieren tres bytes de espacio de almacenamiento, 8 bits para el verde, ocho bits para el azul, y 8 bits para el rojo (RGB). Aunque los mapa de bits de color verdadero producen gráficos de calidad fotográfica, también generan archivos muy grandes. También existen mapas de bits de 32 bits.

Para reducir el tamaño de un mapa de bits se utiliza un sofware de gráficos para manipular las paletas de color, la ventaja de una paleta es que si solo contiene 256 colores y puede guardar los datos requeridos para cada píxel en 8 bits en vez de 24 lo cual reduce el tamaño del archivo.

DISEÑO DIGITAL 1

PALETA DE COLOR DIGITAL

Píxeles de la esquina superior izquierda de una imagen

Una paleta de colores es un subconjunto de todos los colores. Y su número apunta al RGB compuesto de 24 bits, guardado en el encabezado de cada imagen

Imagen rasterizada

monocromática Imagen dividida en forma de

matriz píxel.Si una celda es blanca es

codificada como 1. Si una celda s negra codificada como 0

DISEÑO DIGITAL 1

PALETA DE COLOR DIGITAL

DISEÑO DIGITAL 1

PALETA DE COLOR DIGITAL

Los monitores a color actuales requieren un esquema de almacenamiento más complejo. Cada píxel de la pantalla exhibe un color con base en la intensidad de las señales roja, verde y azul que recibe. Un píxel aparece blanco si las señales son iguales, pero con una intensidad menor exhibe un tono gris.

Si la señal roja esta en su máxima intensidad y las demás se desactivan, el píxel aparece rojo brillante.

A cada señal roja, verde y azul se le asigna un valor de cero a 255. El cero representa la ausencia de color y 255 representa el nivel más alto de ese color.

DISEÑO DIGITAL 1

COLOR DIGITALPodemos entender entonces que el color digital no es mas que números en un computador, ordenados de tal forma, que al ser representados mediante algún dispositivo de salida (monitor, impresora, etc.) los percibimos como color.

Sistema RGB o RVA: Emplea valores entre el 0 y el 255 para cada una de las luces.

Sistema CMYK o CMAN: Responde a las fórmulas tradicionales de impresión. El negro, se añade para compensar la deficiencia de las tres tintas básicas para compensar la deficiencia para generar este color.

DISEÑO DIGITAL 1

COLOR DIGITALLos colores aditivos (RGB) y los sustractivos (CMYK).

Mezcla aditiva de colores Colores luz

Tiende a componer la luz Blanca

Mezcla Sustractiva de colores Colores Pigmento

Tiende a formar el color negroAusencia de luz

DISEÑO DIGITAL 1

COLOR DIGITAL RGB

Modelo RGB. Es formado por los colores primarios luz adecuado para representar imágenes que serán mostradas en monitores de computadora o que serán impresas en impre-soras de papel fotográfico.

DISEÑO DIGITAL 1

COLOR DIGITAL CMYK

El modelo CMYK (Cian, Magenta, Amarillo y Negro) se basa en la cualidad de absorber y rechazar luz de los objetos. Si un objeto es rojo esto significa que el mismo absorbe todas las componentes de la luz exceptuando la componente roja. En el modo CMYK de Photoshop, a cada píxel se le asigna un valor de porcentaje para las tintas de cuatricromía. Los colores más claros (iluminados) tienen un porcentaje pequeño de tinta, mientras que los más oscuros ( sombras) tienen porcentajes mayores. Por ejemplo, un rojo brillante podría tener 2% de cyan, 93% de magenta, 90% de amarillo y 0% de negro.

En las imágenes CMYK, el blanco puro se genera si los cuatro componentes tienen valores del 0%.