I m a g e n D i g i t a l +

1º Encargo

Lenguaje Computacional 2

07 - Julio - 2009

Gley Carolina Riquelme Van

I m a g e n D i g i t a l +

Imagen D ig i ta l

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 volun-

tad 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.

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

Ima

ge

n V

ect

ori

al

imagen vectorizada

imagen mapa de bits

Ima

ge

n V

ect

ori

al

Relleno

Contorno / Filete

Las imágenes vectoriales se componen de

contornos y rellenos definidos matemática-

mente (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 disposi-

tivo de salida adecuado.

Imagen D ig i ta l

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) conte-

nidos 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 resolu-

ció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 es-

tá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.

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.

un pixel

Ma

pa

de

Bit

s

Imagen D ig i ta l

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

Re

solu

ció

n

La imagen tiene:•Resolución•Modo de Color•Sistema de control del Color

Imagen D ig i ta l

1-MAPA DE B ITS :

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-ESCALA DE GRISES :

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-RGB:

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 moni-

tores 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.

Mo

do

de

Co

lor

1 -

2-

3-

La imagen tiene:•Resolución•Modo de Color•Sistema de control del Color

Imagen D ig i ta l

4-CMYK

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-DUOTONO

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.

Mo

do

de

Co

lor

4 -

5-

La imagen tiene:•Resolución•Modo de Color•Sistema de control del Color

Imagen D ig i ta l

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-NIVEL DE LUMINOSIDAD:

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-TONO:

Definimos tono como la propia cualidad que tiene un color. Tonos son todos los colores del círcu-

lo cromático, primarios, secundarios e intermedios.

Sis

tem

a C

on

tro

l d

el

Co

lor

La imagen tiene:•Resolución•Modo de Color•Sistema de control del Color•Formatos

Imagen D ig i ta l

3-SATURACIÓ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-CONTRASTE:

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-BRILLO:

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.

Sis

tem

a C

on

tro

l d

el

Co

lor

La imagen tiene:•Resolución•Modo de Color•Sistema de control del Color•Formatos

Imagen D ig i ta l

1-JPG:

se utiliza habitualmente para mostrar fotografías y otras imágenes de tono continuo en docu-

mentos 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-GIF :

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 com-

primido 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-PNG:

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 gri-

ses y RGB, lo que resulta extremadamente útil para utilizarse en Flash, donde PNG es totalmente

compatible.

Form

ato

s y

uso

s

La imagen tiene:•Resolución•Modo de Color•Sistema de control del Color•Formatos

Imagen D ig i ta l

4-T IFF :

Es un formato flexible de imágenes de mapa de bits que prácticamente admiten todas los progra-

mas 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-RAW:

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 gene-

ralmente 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-BMP:

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 progra-

mas 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.

Form

ato

s y

uso

s

La imagen tiene:•Resolución•Modo de Color•Sistema de control del Color•Formatos

S is temas de Co lor

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 fon-

do 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.

Sis

tem

a C

MY

K

Los modos de reproducir el color de una imagen son dos:•CMYK (Sustractivo)•RGB (Aditivo)

S is temas de Co lor

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.

Sis

tem

a R

GB

Los modos de reproducir el color de una imagen son dos:•Sustractivo (CMYK)•Aditiva (RGB)

In fogra f í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 figura-

tiva, que pueden o no coincidir con grafismos abstractos y/o sonidos, es una aportación informa-

tiva, 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.

Info

gra

fía