Imagen digital blanco

4,339 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,339
On SlideShare
0
From Embeds
0
Number of Embeds
942
Actions
Shares
0
Downloads
148
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Imagen digital blanco

  1. 1. PRINCIPIOS BÁSICOS DE LA IMAGEN DIGITAL
  2. 2. ¿Qué es la Imagen Digital? <ul><li>Imagen obtenida usando máquinas electrónicas (escáner, cámara digital,…) </li></ul><ul><li>La imagen no se obtiene a través de procesos químicos </li></ul><ul><li>Una imagen digital en realidad es una serie de números binarios </li></ul>
  3. 3. Imagen Digital
  4. 4. Imagen Digital 101010100101010101011010010010010111101100011111110101001001001010101010011010100101001010010101001010100101001010101010101010100101001010100101010010101010010101010010101001010010100101010010101000100100101100101010010101010010111001010111101001010100101110100101000100111110010101010110111001010101010100010101011100100100101100101010101010010010100101010010101001010100101001010010101010101010100101010100101010100101010101001010101010100101010010101001010101010101010010101001010101010010
  5. 5. Producción de la imagen digital. Método completo
  6. 6. Producción de la imagen digital. Método híbrido
  7. 7. Ventajas de la imagen digital <ul><li>Más fácil de aprender </li></ul><ul><li>Más barata </li></ul><ul><li>Grandes posibilidades de manipulación Se desechan fotografías en el instante. Se ocultan los errores </li></ul><ul><li>Satisfacción inmediata </li></ul><ul><li>Entrega rápida </li></ul>
  8. 8. Ventajas de la imagen digital <ul><li>Facilidad para publicar en Internet </li></ul><ul><li>Posibilidad de añadir datos extra </li></ul><ul><li>Copias sin pérdida </li></ul><ul><li>Mayor duración del original </li></ul><ul><li>Facilidad de almacenaje </li></ul><ul><li>Color de mayor calidad y más modificable </li></ul>
  9. 9. Ventajas de la fotografía clásica <ul><li>Imagen de alta calidad a precio más bajo </li></ul><ul><li>Posee gran tradición </li></ul><ul><li>Mucha documentación </li></ul><ul><li>Al ser más costosa la foto, se pone más cuidado al hacer la foto </li></ul><ul><li>Estándares aceptados </li></ul><ul><li>Blanco y negro de mayor calidad </li></ul>
  10. 10. El color <ul><li>Existen dos formas básicas de recrear el color </li></ul><ul><li>El sistema aditivo, utilizado fundamentalmente por las pantallas y televisores </li></ul><ul><li>El sistema substractivo, utilizado fundamentalmente por los sistemas de impresión </li></ul>
  11. 11. El Color. Sistema aditivo <ul><li>El sistema aditivo parte de que hay que añadir colores para producir el color blanco. </li></ul><ul><li>El modelo de color aditivo más popular es el RGB, que utiliza la combinación de luces roja, verde y azul para producir la blanca </li></ul>
  12. 12. El Color. Sistema aditivo
  13. 13. El Color. Sistema sustractivo <ul><li>Es el inverso al anterior </li></ul><ul><li>El blanco es el color de fondo y se usan filtros para restarle ese color </li></ul><ul><li>La mezcla de colores sustractivos es la que produce el negro </li></ul><ul><li>El modelo más popular es el modelo CMY </li></ul>
  14. 14. El Color. Sistema sustractivo
  15. 15. El Color. Sistema sustractivo. CMYK <ul><li>Para conseguir más colores en el sistema CMY se decidió añadir el negro (K) </li></ul><ul><li>Con ello se formó el sistema CMYK que consigue un negro puro y por ello un modo mejor de representar colores </li></ul>
  16. 16. Estructura de la imagen Píxeles <ul><li>Un Píxel (Picture element ) es el elemento más pequeño de la imagen digital </li></ul><ul><li>Se trata de cada punto de color que un dispositivo digital detecta en una imagen </li></ul><ul><li>A ese punto se le asignan valores binarios que representan los niveles de color que posee la imagen </li></ul><ul><li>Cuantos menos píxeles tenga una imagen, menor es su definición </li></ul>
  17. 17. Estructura de la imagen Píxeles 32 X 24 píxeles
  18. 18. Estructura de la imagen Píxeles 50 X 94 píxeles
  19. 19. Estructura de la imagen Píxeles 160 X 120 píxeles
  20. 20. Estructura de la imagen Píxeles 320 X 240 píxeles
  21. 21. Estructura de la imagen Píxeles 1600 X 1200 píxeles
  22. 22. Estructura de la imagen Resolución de la imagen <ul><li>La resolución de la imagen hace referencia al nivel de nitidez de ésta </li></ul><ul><li>Cuanto mayor sea la imagen, más píxeles se deberían almacenar </li></ul><ul><li>La resolución se puede dar en alguna de estas medidas </li></ul><ul><ul><li>Píxeles de anchura x píxeles de altura (800 x 600) </li></ul></ul><ul><ul><li>Tamaño de la imagen y puntos por pulgada (5” * 3” a 300 ppp) o puntos por cm (1 pulgada=2,53 cm) </li></ul></ul><ul><ul><li>Tamaño del archivo (920 K) o en megapíxeles </li></ul></ul>
  23. 23. Profundidad de la imagen Características <ul><li>La profundidad de la imagen se refiere al número de colores que es capaz de mostrar una imagen </li></ul><ul><li>Puesto que las imágenes digitales se almacenan usando bits, la profundidad se indicará por el número de bits por píxel </li></ul><ul><li>Cuantos más bits se usen por cada píxel, mejor profundidad tendrá la imagen </li></ul>
  24. 24. Profundidad de la imagen Codificación 8 colores: Se necesitan 3 bits para representar la imagen
  25. 25. Profundidad de la imagen Codificación 000 binario = 0 001 binario = 1 010 binario = 2 011 binario = 3 100 binario = 4 101 binario = 5 110 binario = 6 111 binario = 7
  26. 26. Profundidad de la imagen Codificación 1 bit (blanco y negro)
  27. 27. Profundidad de la imagen Codificación 2 bits (4 colores)
  28. 28. Profundidad de la imagen Codificación 3 bits (8 colores)
  29. 29. Profundidad de la imagen Codificación 4 bits (16 colores)
  30. 30. Profundidad de la imagen Codificación 8 bits (256 colores)
  31. 31. Profundidad de la imagen Codificación 24 bits (color real)
  32. 32. Profundidad de la imagen Color real (24 bits en RGB) <ul><li>En RGB, con 24 bits se habla de color real </li></ul><ul><li>8 bits son para el canal rojo (256 tonos de rojo) </li></ul><ul><li>8 para el verde </li></ul><ul><li>8 para el azul </li></ul><ul><li>Por ello se habla también de imágenes de 8 bits por canal </li></ul><ul><li>Hoy en día se puede trabajar en imágenes de 16 bits e incluso de 32 bits por canal </li></ul>
  33. 33. Tamaño de los archivos <ul><li>Una imagen digital almacenada en unidades de disco ocupa más espacio cuanto mayor sea su resolución y profundidad </li></ul><ul><li>Para calcular el espacio bastaría multiplicar el tamaño en píxeles por la profundidad de cada píxel </li></ul><ul><li>El tamaño de los archivos se mide en bytes (1 byte = 8 bits) </li></ul>
  34. 34. Tamaño de los archivos. Ejemplos <ul><li>Imagen a 1024 x 800 y 24 bits de profundidad </li></ul><ul><ul><li>24 bits = 3 bytes </li></ul></ul><ul><ul><li>1024 x 800 x 3 bytes = 2.457.600 bytes </li></ul></ul><ul><ul><li>2.457.600 bytes = 2,34 Mb </li></ul></ul><ul><li>Imagen de 12 x 15 cm y 600 ppp y 24 bits </li></ul><ul><ul><li>600 ppp = 236,22 píxel/cm </li></ul></ul><ul><ul><li>12 x 15 x 236,22 2 = 10.043.980 píxeles </li></ul></ul><ul><ul><li>10.043.980 * 3 bytes =30.131.940 bytes </li></ul></ul>
  35. 35. Representación digital del color Color RGB <ul><li>El sistema de colores RGB pertenece al modelo aditivo </li></ul><ul><li>Tiene 3 canales (rojo, verde y azul) </li></ul><ul><li>Cada canal normalmente ocupa 8 bits (1 byte) </li></ul><ul><li>Puede ocupar también 16 y 32 bits por canal </li></ul>
  36. 36. Representación digital del color Color CMYK <ul><li>Pertenece al modelo sustractivo </li></ul><ul><li>Tiene cuatro canales (cian, magenta, amarillo y negro) </li></ul><ul><li>Cada canal también puede ser de 8 (lo normal), 16 o 32 bits </li></ul>
  37. 37. Representación digital del color Color HSB <ul><li>La manipulación de los modelos anteriores es complicada </li></ul><ul><li>En este modelo (de 3 canales) el color se define por </li></ul><ul><ul><li>El Tono . Tinte del color </li></ul></ul><ul><ul><li>La saturación. Vivacidad del color </li></ul></ul><ul><ul><li>Brillo. Grado de claridad del color </li></ul></ul><ul><li>Este proceso es más semejante a la interpretación humana del color </li></ul>
  38. 38. Formatos de archivo Tipos de archivos de imágenes <ul><li>Hay tres formas fundamentales para representar imágenes digitales: </li></ul><ul><ul><li>Mapas de bits </li></ul></ul><ul><ul><li>Vectores </li></ul></ul><ul><ul><li>Modelos tridimensionales </li></ul></ul><ul><li>Las tres formas están orientadas a distintos tipos de imágenes </li></ul>
  39. 39. Formatos de archivo Imágenes vectoriales <ul><li>En este tipo de imágenes, se representa la imagen mediante curvas </li></ul><ul><li>El texto suele interpretarse aparte </li></ul><ul><li>Permite una más cómoda manipulación </li></ul><ul><li>Las imágenes sencillas ocupan muy poco espacio </li></ul><ul><li>Se pueden hacer operaciones muy complejas con el texto </li></ul><ul><li>El aspecto de estas imágenes no suele ser el de una fotografía, sino el de un dibujo </li></ul><ul><li>La ampliación de la imagen no la hace perder calidad </li></ul>
  40. 40. Formatos de archivo Imágenes vectoriales
  41. 41. Formatos de archivo Imágenes vectoriales
  42. 42. Formatos de archivo Imágenes de mapa de bits <ul><li>Se representa cada punto de la imagen </li></ul><ul><li>Cuantos más puntos tenga la imagen, mayor es su resolución </li></ul><ul><li>Ampliar la imagen la hace perder calidad </li></ul><ul><li>Ocupa mucho espacio </li></ul><ul><li>Representa muy bien las imágenes fotográficas </li></ul><ul><li>Son difíciles de manipular </li></ul>
  43. 43. Formatos de archivo Imágenes de mapa de bits
  44. 44. Formatos de archivo Modelos tridimensionales <ul><li>Se representa una escena en tres dimensiones </li></ul><ul><li>Sobre cada objeto de la escena se almacenan los valores espaciales de sus puntos </li></ul><ul><li>Permite elegir condiciones de luminosidad y materiales de los objetos </li></ul><ul><li>Permite cambiar el punto de vista de la escena </li></ul><ul><li>Son ideales para imágenes de fantasía y un buen sistema para el campo de la animación </li></ul><ul><li>Idóneas para representar volúmenes </li></ul><ul><li>Ocupan gran cantidad de espacio y su manipulación es muy complicada </li></ul>
  45. 45. Formatos de archivo Imágenes comprimidas <ul><li>Se trata de una técnica que permite reducir el espacio que ocupan las imágenes (especialmente las de mapa de bits) </li></ul><ul><li>Hay dos técnicas esenciales: </li></ul><ul><ul><li>Compresión sin pérdida. La imagen no pierde calidad. El archivo descomprimido es idéntico al comprimido </li></ul></ul><ul><ul><li>Compresión con pérdida. Al comprimir se pierde información </li></ul></ul>
  46. 46. Formatos de archivo Formato TIFF <ul><li>Es un formato muy versátil (pertenece a Adobe) </li></ul><ul><li>Casi cualquier programa admite importar imágenes en este formato </li></ul><ul><li>Tiene tres posibilidades de compresión: </li></ul><ul><ul><li>Sin comprimir </li></ul></ul><ul><ul><li>Compresión sin pérdida LZW (la más utilizada) </li></ul></ul><ul><ul><li>ZIP </li></ul></ul><ul><ul><li>Compresión JPEG </li></ul></ul><ul><li>Su ratio de compresión no es muy alto (salvo en JPEG) </li></ul><ul><li>Diferencia entre imágenes a color y en blanco y negro </li></ul><ul><li>Hoy en día es casi tan potente como el PSD </li></ul>
  47. 47. Formatos de archivo Archivos GIF <ul><li>Es uno de los formatos que más comprime </li></ul><ul><li>Su compresión es sin pérdida (compresión LZW) </li></ul><ul><li>Usa hasta 256 colores </li></ul><ul><li>Es de uso muy común en Internet </li></ul><ul><li>Permite configurar el número de colores </li></ul><ul><li>No es adecuado para la fotografía digital </li></ul><ul><li>Permite almacenar imágenes animadas y usar un color como transparente </li></ul>
  48. 48. Formatos de archivo Archivos JPEG <ul><li>Es un formato RGB con gran capacidad de compresión </li></ul><ul><li>Su compresión es con pérdida </li></ul><ul><li>Se puede elegir el grado de compresión </li></ul><ul><li>A más compresión, mayor pérdida </li></ul><ul><li>Se basa en potenciar el contraste y descartar colores intermedios </li></ul><ul><li>Se usa muchísimo </li></ul><ul><li>No debería utilizarse si la imagen va a seguir siendo manipulada </li></ul>
  49. 49. Formatos de archivo Formato PSD <ul><li>Es el formato nativo del programa Photoshop </li></ul><ul><li>Almacena la imagen en formato Lab , lo cual le permite pasar a cualquier modelo </li></ul><ul><li>Permite multitud de canales alpha </li></ul><ul><li>Permite almacenar capas </li></ul><ul><li>Permite almacenar el texto en forma vectorial </li></ul><ul><li>Tiene todas las posibilidades del programa Photoshop </li></ul><ul><li>Debe ser empleado como el formato de trabajo con la fotografía, pero no como formato final por su falta de compatibilidad </li></ul>

×