Diseño en Ilustrator

ELEARNING TOTAL
Diseo Grfico Digital Unidad 1
DISEO GRFICO DIGITAL

Mdulo 2: Mapa de Bit
Unidad 1: Mapas de bit
Contacto: info@elearning-total.com
Web: www.elearning-total.com
ELEARNING TOTAL
Unidad 1: Mapas de bit

Tipos de imgenes
Conceptos bsicos de la imagen digital
Formatos de archivo grfico.
12
ELEARNING TOTAL
Que el alumno logre:
Identificar los distintos tipos de imgenes.

Conocer los formatos de imgenes recomendados en el diseo digital.
ELEARNING TOTAL
Mapas de bit
Tipos de imgenes
Clasificar las imgenes es una tarea que puede realizarse basndose en mltiples criterios, en el caso que nos
ocupa nos interesa exclusivamente la forma en que esta imagen se encuentra descrita en el ordenador.
En base a esta premisa, podemos distinguir dos grandes grupos de imgenes digitalizadas:
aquellas que estn descritas en base a frmulas matemticas que definen su relleno y contorno,
llamadas vectoriales
y las que se encuentran descompuestas en pxeles, es decir, pequeos cuadraditos de color que, al
observarse todos en conjunto proporcionan la representacin total de la imagen. stas se denominan
imgenes en mapa de bits.
La naturaleza y caractersticas particulares de cada uno de estos dos tipos son profundamente diferentes y estn
concebidas para destinos totalmente distintos, por eso es muy importante conocerlas y comprender la esencia
de cada una de ellas para poder utilizarlas adecuadamente.
Tenemos que aclarar que, cuando observamos una imagen en un sitio web, sta siempre se nos representa en
mapa de bits independientemente del tipo de imagen que se trate, ya que el monitor muestra todos los
contenidos mediante pxeles, sin embargo, las diferencias resultarn decisivas cuando recuperemos la imagen
en cualquier otro medio de reproduccin.
ELEARNING TOTAL
IMGENES VECTORIALES
Las imgenes vectoriales se componen de contornos y rellenos definidos matemticamente (vectorialmente)

mediante precisas ecuaciones que describen perfectamente cada ilustracin.
Esto posibilita que sean escalables sin perder su calidad cuando quieren reproducirse en un dispositivo de salida
adecuado.
Esta caracterstica adquiere especial relevancia en ilustraciones que contienen zonas con contornos curvos.
No vamos a profundizar sobre esto, ya que lo trabajamos en las unidades anteriores.
IMGENES EN MAPA DE BITS
Las imgenes de mapa de bits estn conformadas mediante una gran cantidad de cuadraditos, llamados pxeles,
que estn rellenos de color aunque ste slo sea blanco o negro.
La idea es muy sencilla. Supongamos que queremos reproducir una fotografa de un paisaje en un cuaderno con
hojas cuadriculadas. Podemos trazar en la foto cuadrados de igual tamao que en el cuaderno y, a continuacin,
traspasar a ste los colores de cada cuadro, ello nos proporcionar en nuestro papel una imagen aproximada a
la foto original. Fcilmente comprenderemos que esta copia ser ms fiel cuanto ms pequeos sean los
cuadraditos usados para descomponerla y copiarla.
ELEARNING TOTAL
Descomposicin de una fotografa en pxeles. A menor tamao de los

cuadrados, mayor precisin de la imagen.
La forma de representacin de estas imgenes origina una mayor imprecisin que se manifiesta sobre todo en
las zonas de bordes curvos mientras que en las regiones limitadas por lneas rectas, estas imprecisiones son
menos apreciables.
ELEARNING TOTAL
En las regiones curvas de las imgenes en mapa de bits los bordes son dentados y originan una menor nitidez en
el contorno.
El tipo ms bsico de imagen en mapa de bits es aquella que slo admite dos tonalidades: blanco o negro,
representados por un 0 o un 1 dependiendo si hay o no color en el pxel correspondiente.
Las regiones de una imagen bitonal son descritas con dos dgitos: 0 para el blanco y 1 para el negro.
Las representaciones en mapa de bits estn orientadas a imgenes que presentan una variada gama de color o
tonalidad, sin embargo pierden mucha calidad al ser ampliadas o sufren transformaciones que afectan a su
resolucin.
ELEARNING TOTAL
Conceptos bsicos de imagen digital

EL CONCEPTO DE PXEL
Un pxel es cada uno de los pequeos cuadraditos que componen una imagen digital.
Podemos hacernos una idea comparando una imagen digital con un mural formado por cientos de pequeas
baldosas de colores. Cada una de esas baldosas sera un pxel. Cuando nos acercamos al mural vemos cada una
de estas baldosas; al alejarnos lo suficiente vemos una imagen continua, un todo.
El pxel es la unidad mnima de informacin de una imagen digital, pero a diferencia de las baldosas puede tener
hasta 16,7 millones de colores y pesa bastante menos.
TAMAO Y RESOLUCIN DE LA IMAGEN
El tamao de una imagen describe sus dimensiones fsicas y se mide en pxeles. Cuando alguien dice que tiene
una imagen de 800x600 pxeles podemos hacernos una idea exacta de su tamao.
Pero, en realidad, cunto mide un pxel? Pues como no poda ser de otro modo... depende. Depende de la
resolucin del dispositivo en que lo visionemos.
ELEARNING TOTAL
La resolucin nos indica el nmero de pxeles que caben en cada unidad de longitud. Suele indicarse en pxeles
por pulgada (ppp), aunque afortunadamente ya se empieza a utilizar los puntos por centmetro.
Supongamos que nuestra impresora tiene una resolucin de 300 ppp. Si imprimimos en ella una imagen de
1.500x900 pxeles el tamao de la imagen ocupar en el papel 5x3 pulgadas. Si disminuyramos la resolucin de
salida a 150 ppp, el tamao fsico de la impresin se multiplicara por dos.
Asumiendo que una imagen tenga un tamao fijo, al aumentar su resolucin disminuye su tamao impreso y
viceversa.
La resolucin es muy importante, ya que una imagen puede tener buen aspecto al imprimirla con el tamao de
un sello, pero vemos la imagen formada por baldosas cuando la imprimimos a un tamao mayor. A este efecto
se le llama pixelado.
CAMBIANDO LA RESOLUCIN DE IMPRESIN
Cuando imprimimos una imagen, una resolucin mayor equivale a una imagen ms ntida. Al existir mayor
nmero de baldosas (pixeles) necesitamos alejarnos menos para evitar el efecto de embaldosado.
Sin embargo, al aumentar la resolucin hemos visto que el tamao de impresin disminuye. La nica forma de
conseguir un tamao de impresin grande a resoluciones altas es que el tamao real de la imagen sea tambin
grande.
Los programas de edicin de fotografas nos permiten cambiar el tamao y la resolucin de una imagen.
ELEARNING TOTAL
LA RESOLUCIN PERFECTA
No existe.
Depender del fin al que destinemos la fotografa y de la calidad que deseemos.
Para artes grficas, resoluciones de 300 ppp dan los resultados que vemos en los libros de fotografa y revistas
de calidad.
Los peridicos trabajan con resoluciones que rara vez superan los 100 ppp, las impresoras domsticas suelen dar
buenos resultados a 150 o 200 ppp, los monitores tienen resoluciones de 72 ppp.
Pero, qu sucede si no tenemos pxeles suficientes para rellenar la superficie que deseamos con la resolucin
que estimemos adecuada? Pues que deberemos optar por imprimirla pequea y definida o bien grande y menos
definida. Desde luego la opcin de cambiar el tamao de la imagen no solucionar el problema. Los programas
de retoque no pueden inventarse cosas que no estn en el archivo original.
Aumentar una imagen por encima de un 120% del tamao original suele proporcionar imgenes de pobre
calidad.
Tamao original
Imagen redimensionada
ELEARNING TOTAL
Cuestin distinta es si nos sobran pxeles y queremos disminuir el tamao o resolucin de la imagen. En este
caso el programa tendr en cuenta el color del pxel que le sobra y modificar los adyacentes para que se note
menos su ausencia. Esto, crea una prdida de nitidez que se puede paliar con un filtro de enfoque (da mejores
resultados aplicar porcentajes pequeos de un 15-20%, con radios de 1 pxel y con umbral 0 varias veces, que
porcentajes y radios mayores una sola vez).
300 ppp
200 ppp
100 ppp
50 ppp
ELEARNING TOTAL
Formatos de archivo grfico

Un formato grfico define la manera en que se guarda una imagen y toda la informacin relacionada con la
misma.
Cada formato tiene sus ventajas e inconvenientes. Unos no admiten ms de 256 colores, otros admiten una gran
compresin.
Veamos los ms frecuentes:
BMP: Es el formato nativo de Windows. Cualquier aplicacin ser capaz de reconocerlo. Admite hasta
16,7 millones de colores pero el tamao de los archivos que genera es enorme para casi cualquier uso.
GIF: Formato muy utilizado en Internet para la creacin de textos y grficos gracias a su pequeo
tamao. Su inconveniente es que admite tan slo 256 colores. El formato gif permite guardar archivos
con opciones de transparencia.
gif - 8 bits
gif - 64 bits
gif - 256 bits
TIFF: Es el formato elegido para los trabajos de gran calidad de imprenta. Admite compresin sin
prdida de calidad (LZW) y es ledo tanto por sistemas PC como Mac.
ELEARNING TOTAL
JPEG: Es el formato de compresin de imgenes ms eficiente de la actualidad. Al guardar una imagen

en este formato debemos de especificar la cantidad de compresin a emplear. Cuanto mayor sea sta,
mayor prdida de informacin tendremos, pero los archivos sern menores. Incluso en relaciones de
compresin bajas existe prdida de calidad, aunque sta suele ser inapreciable en los monitores e
impresoras actuales. Es el formato utilizado para publicar en pginas web y para enviar por correo
electrnico, debido a su menor tamao en Kbs que consigue la compresin.
jpg baja
jpg - media
jpg alta
PNG: Formato creado como alternativa al gif.

PNG admite compresin con menos prdida de informacin, produce transparencias de fondos sin
bordes irregulares y soporta los modos RGB, Escala de grises y color indexado sin canales alfa.
Este formato est siendo utilizado cada vez ms para sustituir al gif en grficos para web.
ELEARNING TOTAL
Actividad 1
-
Analiza las siguientes publicidades. Qu tipos de imgenes tienen?
A.
ELEARNING TOTAL
B.
C.
ELEARNING TOTAL
D.
E.
ELEARNING TOTAL
D.
ELEARNING TOTAL
Actividad 2
-
Analiza las siguientes imgenes y determina que formato consideras ms adecuado para cada una de
ellas.
Por ejemplo:
Formato: gif
Justificacin: Tiene bordes definidos, poca cantidad de colores, zonas
transparentes.
A.
ELEARNING TOTAL
B.
C.
ELEARNING TOTAL
D.
E.
ELEARNING TOTAL
F.
Te invitamos a compartir los resultados en el foro de la unidad.
ELEARNING TOTAL
En esta Unidad
En esta Unidad vimos las diferencias entre imgenes en mapa de bit y vectoriales. Tambin el concepto de pixel,
resolucin y los diferentes formatos de imagen.
En la prxima Unidad
En la prxima Unidad comenzaremos a trabajar con Adobe Photoshop.
ELEARNING TOTAL
Alan Swann, Bases del Diseo Grfico. Editorial GG 1995

Maggie Gordon, Manuel del Diseo Grfico Digital. Editorial Rstica 2007
Pablo Katcheroff, Diseo Grfico, Manuales Users 2005
Anna Mara Lpez, Curso Diseo Grfico. Fundamentos y Tcnicas. Ed. ANAYA 2013
Sitios Web:
http://www.photoshop-newsletter.com/
http://www.fotonostra.com/

Diseño en Ilustrator

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Diseño en Ilustrator

Cargado por

Copyright:

Formatos disponibles

ELEARNING TOTAL

Diseo Grfico Digital Unidad 1

DISEO GRFICO DIGITAL

Diseo Grfico Digital Unidad 1

Unidad 1: Mapas de bit

Conceptos bsicos de la imagen digital

Formatos de archivo grfico.

Diseo Grfico Digital Unidad 1

Que el alumno logre:

Identificar los distintos tipos de imgenes.

Diseo Grfico Digital Unidad 1

Diseo Grfico Digital Unidad 1

Las imgenes vectoriales se componen de contornos y rellenos definidos matemticamente (vectorialmente)

IMGENES EN MAPA DE BITS

Diseo Grfico Digital Unidad 1

Descomposicin de una fotografa en pxeles. A menor tamao de los

Diseo Grfico Digital Unidad 1

Diseo Grfico Digital Unidad 1

Conceptos bsicos de imagen digital

TAMAO Y RESOLUCIN DE LA IMAGEN

Diseo Grfico Digital Unidad 1

CAMBIANDO LA RESOLUCIN DE IMPRESIN

Diseo Grfico Digital Unidad 1

Diseo Grfico Digital Unidad 1

Diseo Grfico Digital Unidad 1

Formatos de archivo grfico

gif - 256 bits

Diseo Grfico Digital Unidad 1

JPEG: Es el formato de compresin de imgenes ms eficiente de la actualidad. Al guardar una imagen

PNG: Formato creado como alternativa al gif.

Diseo Grfico Digital Unidad 1

Analiza las siguientes publicidades. Qu tipos de imgenes tienen?

Diseo Grfico Digital Unidad 1

Diseo Grfico Digital Unidad 1

Diseo Grfico Digital Unidad 1

Diseo Grfico Digital Unidad 1

Diseo Grfico Digital Unidad 1

Diseo Grfico Digital Unidad 1

Diseo Grfico Digital Unidad 1

Te invitamos a compartir los resultados en el foro de la unidad.

Diseo Grfico Digital Unidad 1

Diseo Grfico Digital Unidad 1

Alan Swann, Bases del Diseo Grfico. Editorial GG 1995

También podría gustarte