¿Qué es la Imagen Digital? <ul><li>Imagen obtenida usando máquinas electrónicas (escáner, cámara digital,…) </li></ul><ul>...
Imagen Analógica
Imagen Analógica
Imagen Analógica
Imagen Digital
Imagen Digital 10101010010101010101101001001001011110110001111111010100100100101010101001101010010100101001010100101010010...
Producción de la imagen digital.  Método completo
Producción de la imagen digital.  Método híbrido
Ventajas de la imagen digital <ul><li>Tiene más facilidad </li></ul><ul><li>Se desechan fotografías en el instante. Se ocu...
Ventajas de la imagen digital <ul><li>Se abandona el cuarto oscuro </li></ul><ul><li>Aprendizaje rápido </li></ul><ul><li>...
Ventajas de la imagen analógica <ul><li>Imagen de alta calidad a precio más bajo </li></ul><ul><li>Menor coste </li></ul><...
El color <ul><li>Existen dos formas básicas de recrear el color </li></ul><ul><li>El   sistema aditivo , utilizado fundame...
El Color. Sistema aditivo <ul><li>El sistema aditivo parte de que hay que añadir colores para producir el color blanco. </...
El Color. Sistema aditivo Modelo RGB
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...
El Color. Sistema sustractivo Modelo CMY
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...
Estructura de la imagen Píxeles 25 X 47 píxeles
Estructura de la imagen Píxeles 50 X 94 píxeles
Estructura de la imagen Píxeles 100 X 188 píxeles
Estructura de la imagen Píxeles 400 X 752 píxeles
Estructura de la imagen Resolución de la imagen <ul><li>La resolución de la imagen hace referencia al nivel de nitidez de ...
Profundidad de la imagen Características <ul><li>La profundidad de la imagen se refiere al número de colores que es capaz ...
Profundidad de la imagen Codificación 8 colores: Se necesitan 3 bits para  representar la imagen
Profundidad de la imagen Codificación 000 binario = 0 001 binario = 1 010 binario = 2 011 binario = 3 100 binario = 4 101 ...
Profundidad de la imagen Codificación 1 bit  (blanco y negro)
Profundidad de la imagen Codificación 2 bits (4 colores)
Profundidad de la imagen Codificación 3 bits (8 colores)
Profundidad de la imagen Codificación 5 bits (32 colores)
Profundidad de la imagen Codificación 24 bits (16 millones colores)
Profundidad de la imagen Canales  alpha <ul><li>Con 24 bits de profundidad, una imagen podría mostrar 16 millones de color...
Profundidad de la imagen Canales  alpha <ul><li>Un canal alpha permite almacenar datos extra sobre la imagen </li></ul><ul...
Tamaño de los archivos <ul><li>Una imagen digital almacenada en unidades de disco ocupa más espacio cuanto mayor sea su re...
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 by...
Representación digital del color Color RGB <ul><li>El sistema de colores RGB pertenece al modelo aditivo </li></ul><ul><li...
Representación digital del color Color CMYK <ul><li>Pertenece al modelo sustractivo </li></ul><ul><li>Se emplea un byte (n...
Representación digital del color Color HSB <ul><li>La manipulación de los modelos anteriores es complicada </li></ul><ul><...
Representación digital del color Color L*a*b <ul><li>El modelo RGB abarca un espectro más amplio que el CMYK (a pesar de q...
Representación digital del color Color  indexado <ul><li>Las representaciones anteriores consumen mucho espacio </li></ul>...
Formatos de archivo Tipos de archivos de imágenes <ul><li>Hay tres formas fundamentales para representar imágenes digitale...
Formatos de archivo Imágenes vectoriales <ul><li>En este tipo de imágenes, se representa la imagen mediante curvas </li></...
Formatos de archivo Imágenes vectoriales
Formatos de archivo Imágenes vectoriales
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 p...
Formatos de archivo Imágenes de mapa de bits
Formatos de archivo Modelos tridimensionales <ul><li>Se representa una escena en tres dimensiones </li></ul><ul><li>Sobre ...
Formatos de archivo Imágenes comprimidas <ul><li>Se trata de una técnica que permite reducir el espacio que ocupan las imá...
Formatos de archivo Formato TIFF <ul><li>Es el formato más universal de mapa de bits </li></ul><ul><li>Casi cualquier prog...
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é...
Formatos de archivo Archivos JPEG <ul><li>Es un formato RGB con gran capacidad de compresión </li></ul><ul><li>Su compresi...
Formatos de archivo Archivos RAW <ul><li>En realidad no es un formato en sí </li></ul><ul><li>Almacena la imagen tal cual ...
Formatos de archivo  Formato PSD <ul><li>Es el formato nativo del programa  Photoshop </li></ul><ul><li>Almacena la imagen...
Upcoming SlideShare
Loading in...5
×

Curso.De.Photoshop

2,121

Published on

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,121
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
148
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of "Curso.De.Photoshop"

  1. 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>
  2. 3. Imagen Analógica
  3. 4. Imagen Analógica
  4. 5. Imagen Analógica
  5. 6. Imagen Digital
  6. 7. Imagen Digital 101010100101010101011010010010010111101100011111110101001001001010101010011010100101001010010101001010100101001010101010101010100101001010100101010010101010010101010010101001010010100101010010101000100100101100101010010101010010111001010111101001010100101110100101000100111110010101010110111001010101010100010101011100100100101100101010101010010010100101010010101001010100101001010010101010101010100101010100101010100101010101001010101010100101010010101001010101010101010010101001010101010010
  7. 8. Producción de la imagen digital. Método completo
  8. 9. Producción de la imagen digital. Método híbrido
  9. 10. Ventajas de la imagen digital <ul><li>Tiene más facilidad </li></ul><ul><li>Se desechan fotografías en el instante. Se ocultan los errores </li></ul><ul><li>No se desperdicia película </li></ul><ul><li>Satisfacción inmediata </li></ul><ul><li>Entrega rápida </li></ul><ul><li>Coste inferior (a la larga) </li></ul>
  10. 11. Ventajas de la imagen digital <ul><li>Se abandona el cuarto oscuro </li></ul><ul><li>Aprendizaje rápido </li></ul><ul><li>Facilidad para hacer catálogos </li></ul><ul><li>Posibilidad de añadir datos extra </li></ul><ul><li>Mayor duración del original </li></ul><ul><li>Fácilmente adaptable a la Web </li></ul>
  11. 12. Ventajas de la imagen analógica <ul><li>Imagen de alta calidad a precio más bajo </li></ul><ul><li>Menor coste </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 le pone más atención </li></ul>
  12. 13. El color <ul><li>Existen dos formas básicas de recrear el color </li></ul><ul><li>El sistema aditivo , utilizado fundamentalmente por los monitores </li></ul><ul><li>El sistema substractivo , utilizado por los sistemas de impresión </li></ul>
  13. 14. 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>
  14. 15. El Color. Sistema aditivo Modelo RGB
  15. 16. 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>
  16. 17. El Color. Sistema sustractivo Modelo CMY
  17. 18. 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>
  18. 19. Estructura de la imagen Píxeles 25 X 47 píxeles
  19. 20. Estructura de la imagen Píxeles 50 X 94 píxeles
  20. 21. Estructura de la imagen Píxeles 100 X 188 píxeles
  21. 22. Estructura de la imagen Píxeles 400 X 752 píxeles
  22. 23. 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. 24. 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, mejor profundidad tendrá la imagen </li></ul>
  24. 25. Profundidad de la imagen Codificación 8 colores: Se necesitan 3 bits para representar la imagen
  25. 26. 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. 27. Profundidad de la imagen Codificación 1 bit (blanco y negro)
  27. 28. Profundidad de la imagen Codificación 2 bits (4 colores)
  28. 29. Profundidad de la imagen Codificación 3 bits (8 colores)
  29. 30. Profundidad de la imagen Codificación 5 bits (32 colores)
  30. 31. Profundidad de la imagen Codificación 24 bits (16 millones colores)
  31. 32. Profundidad de la imagen Canales alpha <ul><li>Con 24 bits de profundidad, una imagen podría mostrar 16 millones de colores </li></ul><ul><li>El ojo humano sólo puede distinguir unos cuantos miles de colores </li></ul><ul><li>Sin embargo hay aparatos de reproducción digital y formatos de archivo que usan más de 24 bits (32 bits, 40 bits, 48 bits,...) </li></ul><ul><li>Ese exceso de bits se puede utilizar para los llamados canales alpha o para tener aun información más exacta sobre los colores </li></ul>
  32. 33. Profundidad de la imagen Canales alpha <ul><li>Un canal alpha permite almacenar datos extra sobre la imagen </li></ul><ul><li>Por ejemplo, información sobre el color en el formato final de impresión </li></ul><ul><li>Sobre todo se emplean para definir la transparencia del píxel. </li></ul><ul><li>También es interesante ese exceso de píxeles para reproducir más fidedignamente el color de la imagen </li></ul>
  33. 34. 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 </li></ul>
  34. 35. 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. 36. Representación digital del color Color RGB <ul><li>El sistema de colores RGB pertenece al modelo aditivo </li></ul><ul><li>Usa 3 bytes para representar cada píxel de la imagen. </li></ul><ul><li>Uno para el rojo, otro para el verde y otro para el azul </li></ul>
  36. 37. Representación digital del color Color CMYK <ul><li>Pertenece al modelo sustractivo </li></ul><ul><li>Se emplea un byte (normalmente) para cada color (cian, magenta y amarillo) y otro extra para el grado de negro (la letra K) </li></ul><ul><li>Este es el modelo que emplean los sistemas de impresión </li></ul>
  37. 38. 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 bytes) 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. 39. Representación digital del color Color L*a*b <ul><li>El modelo RGB abarca un espectro más amplio que el CMYK (a pesar de que este modelo ocupa más espacio) </li></ul><ul><li>Ni siquiera el color RGB produce color real (el naranja fluorescente por ejemplo) </li></ul><ul><li>Por eso se ideó el color L*a*b, modelo matemático que abarca un rango más amplio de colores </li></ul><ul><li>Los 3 bytes de este modelo son: </li></ul><ul><ul><li>L. Luminosidad del color </li></ul></ul><ul><ul><li>a. Tinte del color, desde el rojo al verde </li></ul></ul><ul><ul><li>b. Tinte del color, desde el amarillo al azul </li></ul></ul>
  39. 40. Representación digital del color Color indexado <ul><li>Las representaciones anteriores consumen mucho espacio </li></ul><ul><li>Normalmente utiliza 1 byte (256 colores) </li></ul><ul><li>En esa lista de colores posibles, se colocan los colores más frecuentes de la imagen </li></ul><ul><li>Al principio de los archivos indexados se indica la configuración de cada color </li></ul>
  40. 41. 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>
  41. 42. 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>
  42. 43. Formatos de archivo Imágenes vectoriales
  43. 44. Formatos de archivo Imágenes vectoriales
  44. 45. 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>
  45. 46. Formatos de archivo Imágenes de mapa de bits
  46. 47. 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 complicada </li></ul>
  47. 48. 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>
  48. 49. Formatos de archivo Formato TIFF <ul><li>Es el formato más universal de mapa de bits </li></ul><ul><li>Casi cualquier programa admite importar imágenes en este formato </li></ul><ul><li>Comprime sin pérdida (compresión LZH) </li></ul><ul><li>Su ratio de compresión no es muy alto </li></ul><ul><li>Funciona mejor con imágenes de escala de grises </li></ul>
  49. 50. 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>
  50. 51. 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>Debería usarse sólo cuando la imagen ya está manipulada </li></ul>
  51. 52. Formatos de archivo Archivos RAW <ul><li>En realidad no es un formato en sí </li></ul><ul><li>Almacena la imagen tal cual la captó la cámara sin conversiones de ningún tipo </li></ul><ul><li>Ideal para trabajar con imágenes de alta calidad </li></ul><ul><li>Necesita software especial para ser visualizadas </li></ul><ul><li>Pensadas no como imagen final, sino como imagen a retocar </li></ul>
  52. 53. 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>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×