2. Formatos de programas
especializados en manejo de imagen
• Vectoriales o dibujo orientado a objetos
como free-hand e Ilustrator
• Bitmap o mapa de bits como Photoshop
3. Vectoriales o Dibujo Orientado a
Objetos
Los contornos de las figuras se definen a
través de una trayectoria. Cada trayectoria
se compone de varios vectores y cada
vector se limita a un punto de inicio y punto
final.
Cada punto tiene un manejador o manillas
que describe en forma tangencial la curva
del vector y por lo tanto la forma de la
trayectoria.
4. Vectoriales o Dibujo Orientado a
Objetos
• Vector
• Trayectoria
• Manejador
NOTA
• La definición del plano
se basa en un sistema
de coordenadas que
condiciona la manera de
construir la ilustración
5. Características de una imagen
vectorial
• Se pueden modificar, ampliar reducir, distorsionar y nunca
perderán su nitidez o resolución.
• Son muy livianas
• Los elementos que componen la imagen pueden ser
manejados en forma independiente en un mismo plano.
• Son exportables en el ámbito gráfico de imprenta como
EPS o PostScript.
6. Bitmap
• La descripción del plano de trabajo se basa
en una retícula de puntos (Pixeles) que
determina la forma de crear y representar
los componentes gráficos de una imagen.
7. Bitmap
• La representación de cualquier forma visual
esta sujeta a la unidad mínima y autónoma
llamada PIXEL.
Cada pixel asume un valor tonal y se
dispone en forma de mosaico definiendo
áreas cromáticas de forma reconocibles.
9. Características de una imagen Bitmap
• La imagen es construida en base a una retícula de pixeles
• Se pueden modificar, ampliar, reducir, distorsionar , pero
siempre habrá un costo en la nitidez
• Su resolución puede ser modificada dependiendo del uso final
(para WEB son muy livianas y para imprenta muy pesadas).
• Una vez que le quitamos resolución a una imagen ya no la
podemos recuperar
• Los elementos que componen la imagen pueden ser manejados
en forma independiente pero en distinto planos o niveles.
11. Información de una imagen Bitmap
• Dimensión
Alto y ancho de
la imagen en
pixeles
230 pixeles de ancho
230 pixeles de alto
12. Información de una imagen Bitmap
•Resolución
X cantidad de pixeles
contenidos en una
pulgada o centimetro
13. Información de una imagen Bitmap
• Resolución
– A mayor resolución mayor definición de la imagen porque hay
más pixeles contenidos en la pulgada, es decir más información
– A mayor resolución más pixeles tiene la imagen y por lo tanto
pesa más.
72 PPI 150 PPI 300 PPI
14. Información de una imagen Bitmap
• Resolución V/S tamaño del pixel
144 pixeles de ancho 300 pixeles de ancho 600 pixeles de ancho
72 PPI 150 PPI 300 PPI
La resolución es inversamente proporcional al tamaño del los pixeles.
A mayor resolución menor tamaño del pixel y mayor cantidad en
dimensión (en pixeles) de alto y ancho.
15. Información de una imagen Bitmap
Profundidad (bits por pixel)
• Cada pixel contiene información (bits) que define su color.
• Existen imágenes que tienen distinta cantidad de bits.
1 bit 8 bits 24 bits
16. Información de una imagen Bitmap
1 bit
0 0
1
1 111 11
0 = negro = apagado
1= blanco = encendido
N
2
N= número de bits por pixel
17. 1 bit = blanco y negro
N
2
N= número de bits por pixel
8 bits = escala de grises o color = 256 niveles de información de
color
24 bits = RGB= 16.777.216 niveles de información de color
32 bits = CMYK= 16.777.216 miles de millones de niveles de
información de color
18. Información de una imagen Bitmap
Profundidad (bits por pixel)
• Cada pixel contiene información (bits) que definen su color.
• Existen imágenes que tienen distinta cantidad de bits.
• A mayor cantidad de bits más información de color tiene la
imagen y por lo tanto pesa más.
• Las imágenes que tienen muchos bits por pixel son llamadas de
Mapa de Bits profundo, debido a la cantidad de valores tonales
que son capaces de representar (dando sensación de
profundidad a la imagen).
19. Otros Tipos de Resolución
• Resolución del monitor: Numero de pixeles o
puntos por pulgada, puede oscilar entre 60 y 133
dpi.
• Resolución del impresión : DPI (Dot per Inches
o puntos contenidos en una pulgada).
• Lineatura: LPI (Lines per Inches o líneas de
puntos por pulgada) capaz de reproducir una
impresora de semitono.
20. Conceptos básicos de color
Espectro Electromagnético
El espectro visible es una pequeña porción de todas las ondas del esptro.
21. Conceptos básicos de color
en el mundo de la imagen digital
• El ojo humano percibe el color de acuerdo a la longitud de onda que
alcanza a ver.
• La luz contiene todos los colores del espectro y se representa como la, luz
blanca.
• En la ausencia de luz el ojo percibe el negro.
• Un gran porcentaje del espectro visible puede ser representado por la
mezcla de tres componentes básicos de colores luz en variadas
proporciones.
• Estos componentes son conocidos como los colores primarios aditivos los
cuales sumados en igual proporción producen la luz blanca.
• Los colores aditivos son usados para la representación del color en los
monitores.
22. Conceptos básicos de color
en el mundo de la imagen digital
Variantes que definen el color:
• Hue o color
• Lightness o Luminosidad
• Saturation o Saturación
• Brighness o Brillo
23. Conceptos básicos de color
en el mundo de la imagen digital
• hue: Color, corresponde a la longitud de onda reflejada o transmitida a
través del objeto llamado tono o color el cual se mide en grados de
acuerdo a su ubicación en la rueda. Los valores fluctúan entre 0° y 360°.
• Luminosidad: medida en cantidad de luz o oscuridad del color. Se mide
usualmente en % que van desde el 0% (negro) hasta el 100% (blanco).
• Saturation: Saturación. Fuerza o pureza de color, la cual se mide en
porcentajes que van desde el 0% (gris) hasta el 100% de saturación del
color.
• Brighness o Brillo: Sensación visual de un área que emite, transmite o
refleja más o menos luz.
24. Modelo tridimensional de
representacion del color
• Hue o color
• Lightness o Luminosidad
• Saturation o Saturación
• Estas variantes se pueden
ilustrar a través de un modelo
tridimensional
• El modelo es irregular porque el
ojo humado es más sensible a
ciertos colores
28. Modelos de color
• Corresponde al modelo aditivo
• La combinación de estos colores en
distintas intensidades es un x color.
RGB
29. Modelos de color
• Corresponde al modelo sustractivo
• Se basa en la mezcla de pigmentos
• Ligado a la impresión
• CMYK (K es negro)
• Se Incluye el negro para compensar el marrón
que se obtiene al mezcla las tintas en igual proporción
• Gama más reducida de color
• rangos de 0% a 100%
CMYK
30. Modelos de color
• Representa la gama de color que puede LAB
percibir el ojo humano
• Componentes:
– Luminosidad
– Canal a (rojo a verde)
– Canal b (azúl a amarillo)
Se recomienda:
– Para traslado de imágenes de un sistema a
otro
– Impresoras PostScrip nivel 2 y 3
– Como es mayor gama Photoshop lo utiliza
como puente para las conversiones de color
31. Modelos de color
Escala de grises
• Prescinde del color
• Valores de luminosidad representados
por por pixeles (0 negro y 255 blanco).
• También pueden medirse por % de
tinta negra. 8 bits
32. Modelos de color
Modo Indexado
• Utiliza paletas de 256 o menos colores
para representar una imagen.
• Ventaja:
• Pequeño tamaño de la imagen para
web
33. Modelos de color
Modo Duotono
• Emplea la gama de escala de grises.
• Puede representar 1, 2 , 3 hasta 4 tintas.
• Para impresión
34. Modelos de color
Modo Bitmap
• Dos valores para cada pixel
Multicanal
• Utiliza 256 niveles de gris en cada canal múltiple.
• Uso en impresiones especializadas (duotono a
multicanal)
35.
36. Digitalización
Digitalización
• Proceso de convertir algo análogo en digital, entendiendo por
análogo cualquier cosa del mundo real que pueda ser convertida al
sistema numérico binario para poder ser procesada por el
computador.
• Ejemplo de un perisférico digitalizador el Escáner
• Existen otros perisfericos que que digitalizan automáticamente
como las cámaras de vídeo digitales o las cámaras fotográficas
digitales.
38. Digitalización
Tipos de Escáner según la tecnología usada
• Sensores CCD (Charged-Coupled Device)
– Escáner plano (de mesa)
– Cámaras digitales
– Dispositivos para transparencia
– Escáner de superficies transparente
• Tubos fotomultiplicadores (PMT), llamados sensores
de tambor
– Escáner de tambor
39. Digitalización
• Tipos de Escáner
• Tambor
• Sobremesa
• Escáner de diapositivas
• Transparencias en General
• Tipos de Originales
• Transparencias y
• Opacos
40. Tipos de Escáner
Tambor
• Es el típico equipo de gama alta utilizado por los separadores de
color que hacen que la película pueda usarse para impresión.
• Tiene un tubo fotomultiplicador (PMT) como sensor para capturar la
imagen,
41. Tipos de Escáner
• Los tubos PMT miden en forma precisa los valores de luz y
oscuridad.
• Digitaliza sólo originales flexibles, ya que en el proceso de
digitalización el original debe pasar adherido a un cilindro
42. Tipos de Escáner
Transparencias
• digitaliza originales transparentes (diapositivas, placas, 6 x 6 etc.
Este es un modelo que digitaliza varios formatos de transparencias incluyendo
diapositivas
negativos).
43. Tipos de Escáner
Planos
• algunos de escritorio, capaces de digitalizar originales opacos
flexibles y rígidos. Algunos pueden ser convertidos en escáner de
transparencia.
44. Términos asociados a la digitalización
Resolución óptica
• Esta determinada por la densidad de su fila de CCDs y establece
una limitación absoluta de la cantidad de información que el
escáner puede extraer de un original.
• De los dos valores que dan los fabricantes, el primero da la
resolución óptica
• Ejemplo
• 1.200 x 2400 ppp
• En realidad el Escáner trabajará a 1200 ppp.
45. Términos asociados a la digitalización
Interpolación
• Los programas de digitalización permite digitalizar hasta 4 veces la
resolución óptica.
• La interpolación es el proceso de sumar pixeles al promedio de los
pixeles captados por la resolución óptica.
• La interpolación suaviza y desenfoca la imagen