Imagen Digital + Imagen Digital +
1ยบ Encargo Lenguaje Computacional 2 07 - Julio - 2009 Gley Carolina Riquelme Van
Imagen Digital
Imagen Vectorial
Existen 2 tipos de imagen digital, estas son: •Vectorial •Mapa de Bits
Es una imagen formada por objetos geométricos independientes (segmentos, polígonos, arcos, etc.), cada uno de ellos definido por distintos atributos matemáticos de forma, de posición, de color, etc. Por ejemplo un círculo de color rojo quedaría definido por la posición de su centro, su radio, el grosor de línea y su color. El interés principal de los gráficos vectoriales es poder ampliar el tamaño de una imagen a voluntad sin sufrir el efecto de escalado que sufren los gráficos rasterizados o mapa de bits. Asimismo, permiten mover, estirar y retorcer imágenes de manera relativamente sencilla. Su uso también está muy extendido en la generación de imágenes en tres dimensiones tanto dinámicas como estáticas.
imagen vectorizada
Todos los ordenadores actuales traducen los gráficos vectoriales a gráficos rasterizados para poder representarlos en pantalla al estar ésta constituida físicamente por píxeles.
La imagen vectorial: • Se rige por algoritmos Matemáticos por lo que se puede agrandar sin que su definición sea afectada • La imagen vectorizada no tiene la fineza de una de mapa de bits, ya que esta es como un dibujo. • Se puede intervenir con facilidad
imagen mapa de bits
Imagen Vectorial
Relleno Contorno / Filete
Las imรกgenes vectoriales se componen de contornos y rellenos definidos matemรกticamente (vectorialmente) mediante precisas ecuaciones que describen perfectamente cada ilustraciรณn. Esto posibilita que sean escalables sin merma alguna de su calidad cuando quieren reproducirse en un dispositivo de salida adecuado.
Imagen Digital
Mapa de Bits
Existen 2 tipos de imagen digital, estas son: •Vectorial •Mapa de Bits
Son imágenes pixeladas, es decir que están formadas por un conjunto de puntos (píxeles) contenidos en una cuadrícula, la imagen está determinada por la posición y el valor de color de cada píxel de la cuadrícula. Cada punto tiene asignado un color. Cuando se presentan con la resolución adecuada, los puntos encajan entre sí como las teselas de un mosaico y forman la imagen. Cuando se edita una imagen de mapa de bits, se modifican los píxeles, no las líneas y curvas. Las imágenes de mapa de bits dependen de la resolución, es decir, los datos que las definen están fijos en una cuadrícula que tiene un tamaño determinado. Cuando se aumenta el tamaño de un elemento gráfico de mapa de bits, los píxeles se redistribuyen en la cuadrícula, lo que puede dar lugar a que sus bordes queden desiguales. La visualización de un elemento gráfico de mapa de bits en un dispositivo de salida con menor resolución que la propia imagen también puede reducir su calidad. un pixel La imagen mapa de bits: • Tiene un tamaño, establecido por la cantidad de pixeles que la componen tanto vertical como horizontalmente. • Tiene una resolución definida por los DPI (puntos por pulgada) mientras más puntos, mayor resolución y más es el peso de la imagen. • Está compuesta por pixeles que se ordenan en una cuadrícula, estos poseen un valor de color que construye la imagen. •Es una imagen dentro de sí misma, por lo que su intervención es compleja.
Imagen Digital
Resolución
La imagen tiene: •Resolución •Modo de Color •Sistema de control del Color
La resolución de imagen indica cuánto detalle puede observarse en una imagen. Tener mayor resolución se traduce en obtener una imagen con más detalle o calidad visual. Para las imágenes digitales almacenadas como mapa de bits, la convención es describir la resolución de la imagen con dos números enteros, donde el primero es la cantidad de filas de píxeles (cuántos píxeles tiene la imagen a lo ancho) y el segundo es la cantidad de columnas de píxeles (cuántos píxeles tiene la imagen a lo alto). La resolución es también la densidad de información que una imagen posee y que resulta de la capacidad de captura de un dispositivo como una cámara o un escáner.
Resolución: • La resolución es la definición de una imagen, a mayor resolución, mayor definición de la imagen • La mayoría de los monitores manejan una resolución de 72 DPI
Imagen Digital
Modo de Color
La imagen tiene: •Resolución •Modo de Color •Sistema de control del Color
1-M A PA D E BI T S : Correspondiente a una profundidad de color de 1 bit, ofrece una imagen monocromática formada exclusivamente por los colores blanco y negro puros, sin tonos intermedios entre ellos. 2-E S C A LA DE G RI S ES : Este modo maneja un solo canal (el negro) para trabajar con imágenes monocromáticas de 256 tonos de gris, entre el blanco y el negro. El tono de gris de cada píxel se puede obtener bien asignándole un valor de brillo que va de 0 (negro) a 255 (blanco), bien como porcentajes de tinta negra (0% es igual a blanco y 100% es igual a negro). Las imágenes producidas con escáneres en blanco y negro o en escala de grises se visualizan normalmente en el modo escala de grises. 3-R G B : Trabaja con tres canales, ofreciendo una imagen tricromática compuesta por los colores primarios de la luz, Rojo(R), Verde(G) y Azul(B). Es un modelo de color aditivo (la suma de todos los colores primarios produce el blanco), siendo el estándar de imagen de todo color que se utilice con monitores de video y pantallas de ordenador. Las imágenes de color RGB se obtienen asignando un valor de intensidad a cada píxel, desde 0 (negro puro) a 255 (blanco puro) para cada uno de los componentes RGB.
1-
2-
3-
Imagen Digital
Modo de Color
La imagen tiene: •Resolución •Modo de Color •Sistema de control del Color
4-C M Y K Trabaja con cuatro canales de 8 bits (32 bits de profundidad de color), ofreciendo una imagen cuatricromática compuesta de los 4 colores primarios para impresión: Cyan (C), Magenta (M), Amarillo(Y) y Negro (K). Es un modelo de color sustractivo, en el que la suma de todos los colores primarios produce teóricamente el negro, que proporciona imágenes a todo color, siendo el más conveniente cuando se envía la imagen a una imprenta. 5-D UOTON O Modo de color que trabaja con imágenes en escala de grises, a las que se le pueden añadir tintas planas (3 para cada imagen, más el negro), con el fin de colorear distintas gamas de grises. Sólo posee un canal de color (Duotono, Tritono o Cuatritono, dependiendo del número de tintas). Con este método podemos obtener fotos en blanco y negro viradas al color que queramos. Suele ser empleado en impresión, donde se usan dos o más planchas para añadir riqueza y profundidad tonal a una imagen de escala de grises. El problema que presenta este modo es que en los duotonos, tritonos y cuadritonos sólo hay un canal, por lo que no es posible tratar cada tinta de forma distinta según las zonas de la imagen.
4-
5-
Imagen Digital
Sistema Control del Color
La imagen tiene: •Resolución •Modo de Color •Sistema de control del Color •Formatos
Sirven para tener un manejo del color de la imagen, poder modificarlo según sea necesario, existen distintas variaciones por las cuales una imagen puede ser modificable cromáticamente, las más usadas son: 1-N I V E L D E LUM I N O S I D A D : Un píxel de la imagen tiene un valor de color RGB que se corresponde con un valor de color en escala de grises, lo que llamamos valor de brillo, cuando aumentamos el brillo de una imagen, lo que hacemos es aumentar el valor del brillo de cada uno de los píxeles de nuestra imagen., el píxel que tenia un valor de 100 pasa a tenerlo de 110 si aumentamos 10 como consecuencia de esto se nos aclara toda la imagen, tanto las parte oscuras como las partes claras. La teoría (y en un 99% también la practica) dice que para que una imagen tenga una mayor gama tonal y esté mejor ecualizada, los valores de brillo deben ir desde el 0 hasta el 255. 2-TO N O: Definimos tono como la propia cualidad que tiene un color. Tonos son todos los colores del círculo cromático, primarios, secundarios e intermedios.
Imagen Digital
Sistema Control del Color
La imagen tiene: •Resolución •Modo de Color •Sistema de control del Color •Formatos
3-S AT U RAC I Ó N : La saturación de un color es el inverso de la cantidad de gris que contiene. Cuanto más alto sea el contenido gris, menor será la saturación. 4-C O N T RAS T E: El contraste incrementa el cambio de luminosidad entre las zonas más oscuras o más claras de una fotografía, simulando a su vez, un mejor enfoque y claridad de imagen. 5-B R I LLO: El brillo se ocupa de alterar también la gama tonal. La modificación del brillo de una imagen o fotografía digital, actúa de la misma forma que la escala de luminosidad, reducen el contraste de la imagen y la pérdida de detalle, según en el nivel que se aplique.
Imagen Digital
Formatos y usos
La imagen tiene: •Resolución •Modo de Color •Sistema de control del Color •Formatos
1-JP G : se utiliza habitualmente para mostrar fotografías y otras imágenes de tono continuo en documentos HTML en Internet y otros servicios en línea. El formato JPEG admite los modos de color CMYK, RGB y Escala de grises pero no admite canales alfa (No preserva la transparencia). 2-G I F : es el formato de archivo que se utiliza habitualmente para mostrar gráficos e imágenes de color indexado en documentos HTML en Internet y otros servicios en línea. GIF es un formato comprimido con LZW diseñado para minimizar el tamaño del archivo y el tiempo de transferencia electrónica. El formato GIF preserva la transparencia en imágenes de color indexado. 3-P N G : se utiliza para una compresión sin pérdidas y para la visualización de imágenes en Internet. A diferencia del formato GIF, PNG admite imágenes de 24 bits y produce transparencia de fondo sin bordes irregulares. El formato PNG admite imágenes RGB, de color indexado, en escala de grises y de mapa de bits sin canales alfa. PNG conserva la transparencia en imágenes en escala de grises y RGB, lo que resulta extremadamente útil para utilizarse en Flash, donde PNG es totalmente compatible.
Imagen Digital
Formatos y usos
La imagen tiene: •Resolución •Modo de Color •Sistema de control del Color •Formatos
4-T I F F : Es un formato flexible de imágenes de mapa de bits que prácticamente admiten todas los programas de pintura, edición de imágenes y diseño de páginas. Admite imágenes CMYK, RGB, Lab, de color indexado y en escala de grises con canales alfa, e imágenes en modo de mapa de bits sin canales alfa. Photoshop puede guardar capas en un archivo TIFF. Por lo general el archivo TIFF es ocupado para imágenes que serán reproducidas en imprentas. 5-R AW: Es un formato de archivo digital de imágenes que contiene la totalidad de los datos de la imagen tal y como ha sido captada por el sensor digital de la cámara fotográfica. El formato RAW generalmente lleva aplicada compresión sin pérdidas. Debido a que contiene la totalidad de los datos de la imagen captada por la cámara y una mayor profundidad de color (por lo general 36 a 48 bits/píxel), sus ficheros tienen un tamaño de archivo muy grande, a pesar de que, generalmente, usan compresión. Usada para fotografías. 6-B M P : Este formato guarda las imágenes descomprimidas, lo que significa mayor velocidad de carga y mayor espacio requerido. Las imágenes pueden ser de 1, 4, 8 y 24 bits. Tiene una curiosa forma de almacenarla la información: comienza desde la última línea inferior. Es por eso que los programas encargados de exhibir los BMPs en pantalla trazan la imagen de abajo hacia arriba. Es un formato muy utilizado en la actualidad y la mayoría de las aplicaciones lo utilizan.
Sistemas de Color
Sistema CMYK
Los modos de reproducir el color de una imagen son dos: •CMYK (Sustractivo) •RGB (Aditivo)
Es un modelo de colores sustractivo que se utiliza en la impresión a colores. •C = Cyan / Cian •M = Magenta / Magenta •Y = Yellow / Amarillo •K = Black o Key / Negro La mezcla de colores CMY ideales es sustractiva (pues imprimir cyan, magenta y amarillo en fondo blanco resulta en el color negro). El modelo CMYK se basa en la absorción de la luz.
Sistema CMYK: • Es un sistema de impresión sustractiva, basada en los tonos Cian, Magenta, Amarillo y Negro, donde la mezcla de los tres primeros resultan en Negro. • La impresión del sistema CMYK se construye a través de una trama generada por puntos de las distintas tonalidades, que se van superponiendo y mezclando.
Sistemas de Color
Sistema RGB
Los modos de reproducir el color de una imagen son dos: •Sustractivo (CMYK) •Aditiva (RGB)
Es un modelo de colores aditivo que se utiliza para la reproducción de imagenes a través de medios luminosos (pantallas) con el que es posible representar un color mediante la mezcla por adición de los tres colores luz primarios.: •R =Red / Rojo •G =Green / Verde •B =Blue / Azul En las pantallas de computadoras, la sensación de color se produce por la mezcla aditiva de rojo, verde y azul. Hay una serie de puntos minúsculos llamados píxeles. Cada punto de la pantalla es un píxel y cada píxel es, en realidad, un conjunto de tres subpíxeles; uno rojo, uno verde y uno azul, cada uno de los cuales brilla con una determinada intensidad.
Sistema RGB: • Es un sistema de reproducción de imagen Aditiva basada en tres colores primarios: Rojo, Verde y Azul, se dice que es aditiva, ya que la mezcla de sus colores resultan en blanco • Este sistema es ocupado para la reproducción de imagen en medios luminosos, en donde el negro es la ausencia de luz.
Infografía
Infografía
La infografía es un representación más visual que la propia de los textos, en la que intervienen descripciones, narraciones o interpretaciones, presentadas de manera gráfica normalmente figurativa, que pueden o no coincidir con grafismos abstractos y/o sonidos, es una aportación informativa, realizada con elementos icónicos tipográficos, que permite o facilita la comprensión de los acontecimientos, acciones o cosas de la actualidad o algunos de sus aspectos más significativos, y acompaña o sustituye al texto informativo. La infografía nació como un medio de trasmitir información gráficamente con la que se presenta una información completa aunque pueda ser complementaria o de síntesis.
Infografía: • Es una manera gráfica de presentar sintetizadamente una información, facilita su entendimiento.