Introduccin al diseo grfico

Tipos de imgenes
Obtencin de imgenes
Formatos grficos
Introduccin al diseo grfico
Tipos de imgenes
Clasificacin:
Imgenes vectoriales
Imgenes de mapa de bits (raster)
Introduccin al diseo grfico
Tipos de imgenes
Imgenes vectoriales
Son imgenes revisables porque su formato contiene informacin
estructural. El contenido semntico de la imagen est preservado en su
representacin
Pueden ser creadas por personas utilizando editores grficos o
generadas mediante programas
Estn formadas por objetos tales como lneas, curvas o crculos. Estos
objetos se pueden manipular (borrar, mover, aadir, etc.) y tienen unos
atributos (grosor, color, patrn de relleno, etc.)
Introduccin al diseo grfico
Tipos de imgenes
Imgenes de mapa de bits (raster)
Son imgenes no revisables porque su formato no contiene informacin
estructural
Se pueden obtener del mundo real mediante escaneado, revelado
fotogrfico en CD-ROM o captura mediante cmara fotogrfica digital
Tambin pueden ser generadas por ordenador: son las imgenes
sintetizadas, creadas mediante programas de dibujo, capturas de
pantalla, conversin de grficos a bitmaps o salida de un programa
Se pueden manipular mediante editores que permiten modificarlas (con
herramientas mas o menos complejas), pero no revisarlas, ya que no
es posible acceder al contenido semntico de la imagen
Pueden ser procesadas mediante diversos algoritmos para obtener una
gran variedad de efectos especiales (filtrado, brillo, contraste,
difuminado, etc.). Estos algoritmos operan normalmente sobre puntos
individuales de la imagen
Introduccin al diseo grfico
Tipos de imgenes
Imgenes de mapa de bits
Se representan mediante mapas de bits (bitmaps), que son matrices
bidimensionales de puntos denominados pxeles
Cada pxel es un punto de la imagen y su mayor o menor nmero
determina la resolucin de la imagen
0 0 0 0 0
0
0
0
0 0 0
0
0
0
0
0
0
1
1
1 1
1
1 1
1
Introduccin al diseo grfico
Tipos de imgenes
Imgenes de mapa de bits
Cada pxel tiene un valor asociado que se codifica en binario. El
nmero de bits utilizados para codificar este valor se denomina
profundidad de color de la imagen
Profundidades habituales son 1 bit (imgenes en blanco y negro), 2, 4,
8, 12, 16 o 24 (color verdadero) o 32 (con canal alfa)
El valor puede representar un color o un nivel de gris en imgenes
monocromticas
Introduccin al diseo grfico
Tipos de imgenes
Imgenes de mapa de bits
Cada imagen tiene asociada una paleta de colores, que es una tabla
de colores
El uso de la paleta de colores permite un ahorro de memoria: el valor
de un pxel de la imagen es un ndice sobre la tabla de colores. Como
ejemplo, con 8 bits por pxel se tiene una paleta de 256 colores o tonos
de gris
0 0 0 0 0
0
0
0
0 0 0
0
0
0
0
0
0
1
1
1 2
3
2 3
2
0
1
2
3
Introduccin al diseo grfico
Tipos de imgenes
Imgenes de mapa de bits
Cada imagen tiene asociada una paleta de colores, que es una tabla
de colores
El uso de la paleta de colores permite un ahorro de memoria: el valor
de un pxel de la imagen es un ndice sobre la tabla de colores. Como
ejemplo, con 8 bits por pxel se tiene una paleta de 256 colores o tonos
de gris
0 0 0 0 0
0
0
0
0 0 0
0
0
0
0
0
0
1
1
1 2
3
2 3
2
0
2
3
1
Introduccin al diseo grfico
Tipos de imgenes
Diferencias entre imgenes vectoriales y de mapa de bits
Los mapas de bits requieren una capacidad de almacenamiento
muy superior a la de las imgenes vectoriales
Es fundamental el uso de tcnicas de compresin, que pueden
ser con o sin prdida
La potencia computacional necesaria para visualizar un mapa
de bits es menor que la necesaria para visualizar una imagen
vectorial de una complejidad similar, ya que el formato vectorial
contiene una descripcin abstracta que ha de ser interpretada
antes de poder ser representada

Introduccin al diseo grfico
Obtencin de imgenes
Las imgenes de mapa de bits se suelen obtener de dos formas:
Digitalizacin mediante un escner de un original en papel
Captura mediante una cmara digital
En ambos casos se deben fijar unos parmetros que condicionan
las caractersticas de la imagen resultante, como:
Resolucin de la imagen, medida en nmero de puntos por pulgada
Profundidad de color
La eleccin de los parmetros depende del destino de la imagen,
que puede ser:
La pantalla del ordenador (menor resolucin)
El papel impreso (mayor resolucin)
Introduccin al diseo grfico
Formatos grficos
Imgenes vectoriales
Existen diversos formatos grficos, como el PHIGS, GKS, WMF, WPG,
CDR, PNG, etc.
Algunos son formatos estndar y otros son propietarios
Entre los editores grficos ms conocidos estn CorelDraw y FreeHand
Imgenes de mapa de bits
Como ejemplo de formatos se pueden citar GIF, TIFF, BMP o JPG
La informacin contenida en el fichero es:
tamao de la imagen
nmero de bits por pxel
paleta de colores
mtodo de compresin utilizado
valor del color para cada pxel de la imagen