El documento describe dos tipos principales de imágenes digitales: imágenes vectoriales, definidas por fórmulas matemáticas, y de mapa de bits, compuestas de píxeles de color. Las imágenes de mapa de bits dependen de la resolución y pueden perder detalle si se cambia la escala. Existen varios formatos de archivo de imagen como JPEG, GIF y PNG que permiten comprimir el tamaño sin afectar la calidad.
1. 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
2. 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
3. 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)
4. 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
5. DISEÑO DIGITAL 1 IMÁGENES DE MAPA DE BITS BMP: 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.
6. 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.
7. DISEÑO DIGITAL 1 IMÁGENES VECTORIALES Logotipo Vectorial sólo relleno Gráfico Vectorial malla
8. 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
9. DISEÑO DIGITAL 1 GRÁFICOS VECTORIALES Y MAPA DE BITS Conversión de vectores en mapa de bits Un 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 vectores El 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.
10. 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.
11. 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.
12. 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
13. 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
14. 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.
15. DISEÑO DIGITAL 1 COLOR DIGITAL Podemos 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.
16. DISEÑO DIGITAL 1 COLOR DIGITAL Los 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 negro Ausencia de luz
17. 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.
18. 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%.