Top Banner
Fundamentos de imagen digital Centro de Nuevos Medios José Pablo Macías Ortega [email protected]
36

Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Sep 29, 2018

Download

Documents

trinhkhanh
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Fundamentos de imagen digital

Centro de Nuevos Medios

José Pablo Macías Ortega [email protected]

Page 2: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Píxel: •  La menor unidad que compone una imagen digital. •  La palabra proviene de (picture element).

Centro de Nuevos Medios

José Pablo Macías Ortega [email protected]

Page 3: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Imagen de mapa de bits (Raster) •  Imagen compuesta a partir de píxeles.

Centro de Nuevos Medios

José Pablo Macías Ortega [email protected]

Page 4: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Imagen vectorial •  Imagen digital construida a partir de ecuaciones matemáticas

que representan objetos geométricos. •  Cada ecuación geométrica tiene atributos tales como: posición,

relleno, tamaño, etc.

Centro de Nuevos Medios

José Pablo Macías Ortega [email protected]

Page 5: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Imagen de mapa de bits vs. Imagen vectorial

Centro de Nuevos Medios

Imagen de Mapa de Bits

Imagen Vectorial

Ventajas •  Ideal para representar fotografías y video “real”

•  Archivo de tamaño reducido. •  El tamaño de la imagen en bits

es independiente del tamaño de la imagen.

•  No pierde resolución al escalar. Desventajas •  El tamaño del archivo

cambia en razón de la resolución y el tamaño de la imagen.

•  Pérdida de resolución al escalar.

•  Las fotografías convertidas a este formato tienen un tamaño mucho mayor que las de mapa de bits.

José Pablo Macías Ortega [email protected]

Page 6: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Modelo de Color •  Un modelo de color es un modelo abstracto matemático que

describe a los colores mediante números.

¿Cuáles son los colores primarios?

Centro de Nuevos Medios

José Pablo Macías Ortega [email protected]

Page 7: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Modelo RGB (colores luz o mezcla aditiva)

•  Modelo de color basado en luz. Todos los colores se crean a partir de la adición de 3 colores primarios.

•  Las siglas representan: –  R = Red (Rojo) –  G = Green (Verde) –  B = Blue (Azul)

•  La suma de los tres colores a partes iguales da como resultado blanco.

Centro de Nuevos Medios

José Pablo Macías Ortega [email protected]

Page 8: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Modelo RGB (colores luz o mezcla aditiva)

Centro de Nuevos Medios

Nota: Es importante señalar que un modelo RGB con los mismos valores puede mostrar diferentes colores dependiendo del dispositivo y el perfil de color que contenga.

José Pablo Macías Ortega [email protected]

Page 9: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

CMYK (Modelo substractivo o colores tinta)

•  Es un modelo de color basado en la absorción de la luz (mezcla de pigmentos) y es el modelo utilizado para impresión.

•  Las siglas representan: –  C = Cyan (Cian) –  M = Magenta (Magenta) –  Y = Yellow (Amarillo) –  K = Black (Negro)

•  En este modelo el color que muestra un objeto es el color reflejado ya que no es absorbido por la tinta.

Centro de Nuevos Medios

José Pablo Macías Ortega [email protected]

Page 10: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Modelo CMYK (modelo substractivo o colores tinta)

Centro de Nuevos Medios

Nota: En teoría la mezcla a partes iguales de cian, magenta y amarillo, debe dar como resultado un negro puro, no obstante, debido a las imperfecciones de los pigmentos, es necesario crear una tinta de color negro para dar mayor riqueza a los colores de la imagen

José Pablo Macías Ortega [email protected]

Page 11: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Consideraciones generales sobre los Modelos de Color.

Centro de Nuevos Medios

RGB CMYK

Usos -  Mayor gama de colores. -  Utilizado por Monitores,

Proyectores, etc.

-  Utilizado para impresión -  Menor gama de colores

Nota: Se recomienda retocar siempre las imágenes fotográficas en RGB y luego convertirlas a CMYK al imprimir.

José Pablo Macías Ortega [email protected]

Page 12: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Profundidad de color (Bitdepth)

•  Un píxel es una unidad de color uniforme. A mayor numero de bits por píxel mayor es el rango de colores que puede mostrar un píxel. Por lo tanto el rango de colores de una imagen se indica en bits por píxel (bitdepth).

•  1 Bit sólo puede tener dos valores 1 y 0 (On y Off)

–  1 bit por píxel: 21 = 2 colores.(Monocromo). –  2 bits por píxel : 22 = 4 colores (CGA) –  4 bits por píxel : 24 = 16 colores, (VGA) –  8 bits por píxel : 28 = 256 colores (SVGA) –  24 bits por píxel: 224 = 16,777,216 colores (True color o color

verdadero) (8 bits por canal RGB, cada color tiene un rango de 256 tonos que van del blanco al negro)

Centro de Nuevos Medios

José Pablo Macías Ortega [email protected]

Page 13: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Centro de Nuevos Medios

1 bit por píxel 21 = 2 colores

2 bits por píxel 22 = 4 colores

4 bits por píxel 24 = 16 colores

8 bit por píxel 28 = 256 colores

8 bits por píxel 28 = 256 colores

(grayscale)

4 bits por píxel 224 = 16.7 millones

de colores

José Pablo Macías Ortega [email protected]

Page 14: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Espacio de color = perfil de color

•  Una imagen sin un espacio de color asociado se ve con colores diferentes dependiendo del dispositivo de salida.

•  El espacio de color es un “intérprete” del modelo de color para representar a este en un dispositivo tanto de salida como de entrada. La suma de los tres colores a partes iguales da como resultado blanco.

•  Este espacio de color se define a través de un perfil de color.

Modelo de color + perfil de color = color constante en dispositivos calibrados.

Centro de Nuevos Medios

José Pablo Macías Ortega [email protected]

Page 15: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Ejemplos de espacios de color

Centro de Nuevos Medios

•  ProPhoto. Mayor rango de colores.

•  Adobe RGB. Recomendado para dispositivos recientes.

•  sRGB. Modelo más seguro de representación.

•  2200. Ejemplo de rango de color en una impresora Epson 2200.

José Pablo Macías Ortega [email protected]

Page 16: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Ejemplos de espacios de color

Centro de Nuevos Medios

ProPhoto AdobeRGB sRGB

José Pablo Macías Ortega [email protected]

Page 17: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Compresión de una imagen

•  Para hacer manejable el tamaño de una imagen es necesario comprimirla. Así se utilizan de manera eficiente los recursos de una computadora (espacio en disco, memoria RAM, etc.)

•  Existen dos tipos de compresión: espacial y temporal.

Centro de Nuevos Medios

José Pablo Macías Ortega [email protected]

Page 18: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

•  Compresión espacial

–  La compresión espacial se refiere a la compresión que tiene una imagen fija.

–  Esta compresión esta basada en algoritmos matemáticos.

–  A manera general la compresión busca colores similares y les da un valor único, reduciendo así la cantidad de colores a representar.

–  La compresión espacial puede ser Loosy (con pérdida) o Lossless (sin pérdida).

Centro de Nuevos Medios

José Pablo Macías Ortega [email protected]

Page 19: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

•  Compresión espacial

Centro de Nuevos Medios

Calidad original JPEG 100% Quality

89KB

José Pablo Macías Ortega [email protected]

Page 20: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

•  Compresión espacial

Centro de Nuevos Medios

Calidad media JPEG 20% Quality

7.5KB

José Pablo Macías Ortega [email protected]

Page 21: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

•  Compresión espacial

Centro de Nuevos Medios

Calidad baja JPEG 3% Quality

4.6KB

José Pablo Macías Ortega [email protected]

Page 22: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

•  Comparativa

Centro de Nuevos Medios

Calidad baja JPEG 3% Quality

4.6KB

Calidad original JPEG 100% Quality

89KB

Page 23: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

•  Compresión temporal

–  Utilizada para imágenes en movimiento.

–  Esta compresión esta basada en algoritmos matemáticos.

–  Funciona buscando zonas de color que sean más o menos constantes a lo largo del tiempo y no “redibuja” la zona entre cuadros.

–  Puede trabajar en conjunto con la compresión espacial.

Centro de Nuevos Medios

José Pablo Macías Ortega [email protected]

Page 24: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

•  Compresión temporal Centro de Nuevos Medios

José Pablo Macías Ortega [email protected]

Page 25: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

•  Compresión temporal Centro de Nuevos Medios

José Pablo Macías Ortega [email protected]

Page 26: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Resolución por tamaño (pixel resolution)

•  La resolución por tamaño se expresa mediante los pixeles de ancho por los píxeles de alto, que determinan el área rectangular que ocupa la imagen.

•  Ejemplos:

•  640 x 480, 800 x 600, 1024 x 768 (4:3) •  1920 x 1080, 1280 x 720 (16:9)

Centro de Nuevos Medios

José Pablo Macías Ortega [email protected]

Page 27: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Resolución por tamaño (pixel resolution)

Centro de Nuevos Medios

Tamaño 640 x 480 pixeles

147KB

José Pablo Macías Ortega [email protected]

Page 28: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Resolución por tamaño (pixel resolution)

Centro de Nuevos Medios

Tamaño 320 x 240 pixeles

37.7KB

José Pablo Macías Ortega [email protected]

Page 29: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Resolución por densidad.

•  La resolución por densidad se expresa en dpi/ppp (dots per inch = puntos por pulgada)

•  Indica cuantos píxeles están contenidos en un cuadrado de una pulgada de lado.

•  Habitualmente la resolución es equivalente y se expresa con un solo dato para los parámetros horizontal y vertical.

•  Ejemplos:

•  1200 dpi = l2OO x l2OO píxeles en una pulgada cuadrada •  100 x 200 dpi, (la resolución horizontal y vertical no coinciden).

Nota: La resolución estándar de un monitor de computadora está entre 72dpi – 130dpi

Centro de Nuevos Medios

José Pablo Macías Ortega [email protected]

Page 30: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Resolución por densidad.

Centro de Nuevos Medios

Tamaño 3 x 2” 300ppi

900x600px 298KB

José Pablo Macías Ortega [email protected]

Page 31: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Resolución por densidad.

Centro de Nuevos Medios

Tamaño 3 x 2” 72ppi

216x144px 22.8KB

José Pablo Macías Ortega [email protected]

Page 32: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Ejemplos de formatos de archivo de “intercambio”.

Centro de Nuevos Medios

Formato (extensión)

Nombre oficial

Profundidad de color

Compresión Comentario

.bmp Windows bitmap 1 a 24 bits No Tamaño de archivo muy grande

.gif Graphics Interchange

Format

8 bits Si Permite transparencia y animación, usado en Web

.pict, .pic 2 a 32 bits Si Fue muy usado en Mac

.jpg, .jpe Joint Photographic Experts Group

24 bits Si Formato más usado en Web por flexibilidad

.tga, .vda Truevision Targa 16 a 32 bits No Exportación a video

.png Portable Network Graphics

24 bits Si Es un gif mejorado

.tif Tag Image File Format

24 a 32 bits Si Uso estándar para imprenta

.eps Encapsulated PostScript

Vectorial Surgió como alternativa al PostScript en PC

José Pablo Macías Ortega [email protected]

Page 33: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Ejemplos de formatos de archivo “propietarios”.

Centro de Nuevos Medios

Formato (extensión)

Nombre oficial

Profundidad de color

Programa

.psd Photoshop document

Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta vectores

.pdf Portable document format

Hasta 32 bits Formato de exportación de documentos de adobe, permite interactividad.

.ai Adobe Illustrator document

Hasta 32 bits Adobe Illustrator. Utilizado para vectores.

.dxf Drawing Interchange

format

Autocad. Formato vectorial.

José Pablo Macías Ortega [email protected]

Page 34: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

RAW y DNG

•  Imagen sin tratamiento previo por parte del software de la cámara

•  Para abrirlas es necesario un programa propietario o un “filtro” en Photoshop. Propuesta alternativa “.dng” negativo digital.

–  Mayor calidad de imagen –  No tienen compresión previa (imagen nativa de 12 o 14 bits) –  Permiten ajustes manuales de Sharpening, balance de blancos,

contraste, saturación, etc. –  Permiten asignar perfiles de color conservando más semejanza con la

imagen real, al no asignar uno directamente en la captura de la mism –  Permiten corregir exposicón (1 o 2 pasos)

Centro de Nuevos Medios

José Pablo Macías Ortega [email protected]

Page 35: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

High Dynamic Range Image (HDRI).

•  Imágenes con un rango dinámico mucho mayor a una imagen normal.

•  Compuestas a partir de varias fotografías tomadas a distintas exposiciones.

Centro de Nuevos Medios

José Pablo Macías Ortega [email protected]

Page 36: Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

High Dynamic Range Image (HDRI).

Centro de Nuevos Medios

José Pablo Macías Ortega [email protected]

Imagen de Ryan McGinnis