Color

3,002 views
2,848 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,002
On SlideShare
0
From Embeds
0
Number of Embeds
12
Actions
Shares
0
Downloads
104
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Color

  1. 1. LA IMAGEN DIGITAL Conceptos sobre la Imagen digital S3R4
  2. 2. Tipos de Imagen Imágenes vectoriales Contornos y rellenos definidos matemáticamente •OODRAW •COREL •FREEHAND •INKSCAPE
  3. 3. Tipos de Imagen Imágenes en mapa de bits o también denominadas imágenes raster Matriz de puntos de color Programas The GIMP PHOTOSHOP, etc..
  4. 4. Diferencia Imagen vectorial Imagen de mapa de bits                                                         SVG
  5. 5. La unidad: Pixel •Picture y element. •Unidades de color. •Una imagen digitalizada = •Matriz de píxeles
  6. 6. Profundidad de color(I)  Una imagen digital está formada por una matriz de píxeles (anchura x altura x profundidad de color).  La profundidad de color o profundidad de bit, permite que cada píxel pueda tener un número determinado de colores distintos.
  7. 7. Profundidad de color(II) El número de bits por píxel determinará la gama de colores de una imagen 1 bit por pixel: 21 = 2 colores, también llamado monocromo. 8 bits por pixel: 28 = 256 colores o niveles de gris, también llamado Super VGA.
  8. 8. Profundidad de color(III) 15 o 16 bits por pixel: 216 = 32768 colores pixel (16 bits=5 bits para el rojo, 6 para el verde, 5 para azul) Color real o True Color (24 bit de profundidad)
  9. 9. True Color  Color real o True Color (24 bit de profundidad)  Si 24 bits (o más), millones de colores con combinación de los tres primarios: rojo (red), verde (green) y azul (blue), es el llamado modo RGB.  256 x 256 x256 = 16.777.216 (color real).  Esta cantidad es la que necesita nuestro ojo para poder percibir las imágenes como fotográficas.
  10. 10. Modos de color. RGB  La descripción RGB (del inglés Red, Green, Blue; quot;rojo, verde, azulquot;)  Síntesis aditiva  El rojo se obtiene con (255,0,0), el verde con (0,255,0) y el azul con (0,0,255),  El blanco se forma con los tres colores primarios a su máximo nivel (255,255,255)
  11. 11. Modos de color  HLS (tono, luminosidad, saturación)  CMYK (Cyan, Magenta, Yellow y Key negro)
  12. 12. Resolución de imagen  Tamaño en píxeles ◦ Cuántas filas y columnas se ha dividido la imagen, o bien cuál es el número total de píxeles.  Si decimos que una foto tiene 1600 x 1200 píxeles. También podemos decir que tiene 1.920.000 píxeles, o redondear diciendo que es una foto de 2 megapíxeles.
  13. 13. Resolución de imagen  Si 100 ppp (píxeles por pulgada) en cada pulgada cuadrada nos encontramos la cantidad de 100 x 100 píxeles, lo que nos da un resultado de 10.000 píxeles que contienen la información digital de esa imagen.
  14. 14. Resolución de imagen  Si resolución de 72 ppp, la información digital está contenida en 72*72= 5184 píxeles, con lo que la calidad de la imagen será menor menor resolución, menor información y menor detalle.
  15. 15. Reglas básicas resolución Resolución destino 72 ppp Monitor. páginas web, multimedia, presentaciones PowerPoint 150 / 200 ppp Impresión en general Trabajaremos esta resolución para boletines, imágenes impresas en impresoras personales u otros trabajos en los que la calidad de imagen no es vital. 300 ppp Impresión profesional de calidad óptima 600 ppp Dibujo lineal en blanco y negro
  16. 16. Tamaño informático  Se cuenta en unidades de información como bytes, kilobytes o megabytes, y depende directamente de dos cosas: del número de píxeles y de la cantidad de bytes que gastamos para definir cada píxel.
  17. 17. Tamaño superficial o de salida  Es lo que ocupará la foto si la imprimimos.  Podemos cambiarla sin modificar en absoluto la información de imagen.  Si menos resolución (menos píxeles por pulgada) la foto se imprimirá más grande y viceversa.
  18. 18. Resolución  Cambios de resolución:  Si menos resolución (menos píxeles por pulgada) la foto se imprimirá más grande y viceversa
  19. 19.  Cambios de resolución en ppp de mas a menos  De menos a mas ppp  Ficheros en ies Ejercicio
  20. 20. Modificar imágenes Imagen Imagen Imagen original Imagen remuestreada remuestreada a 300 ppp remuestreada de 300 a 150 de 150 a 75 de 75 a 37 ppp. ppp. ppp.  Cambio de resolución manteniendo tamaño
  21. 21. Modificar imágenes  Aumento de resolución manteniendo tamaño El promediado resultante suaviza y desdibuja las formas. Imagen Imagen Imagen a 37 ppp Imagen remuestreada remuestread remuestreada de 75 a 150 a de 150 a de 37 a 75 ppp. 300 ppp. ppp.
  22. 22. Formatos gráficos  JPG : Compresión muy potente y, además, regulable por el usuario.  Cierta pérdida de datos  Guardar en modo progresivo Imagen calidad 12 (34% calidad 3 (4,7% calidad 0 (3,7% original. de su tamaño). de su tamaño). de su tamaño).
  23. 23. Formatos gráficos.JPG Pérdida de calidad Imagen Imagen guardada una guardada cuatro vez al nivel de veces al nivel calidad 6. de calidad 6.
  24. 24. Formatos gráficos  PNG:  Tipo de compresión sin pérdida  Excelente para gráficos  Permite transparencias  Ficheros grandes para imágenes de muchos colores (fotografías, ilustraciones, etc.)
  25. 25. Formatos gráficos GIF Sin pérdida, aunque limitado a 256 colores Permite animaciones Paleta limitada (obsoleto paraimágenes de muchos colores)
  26. 26. Ejercicio  Grabar una imagen en diferentes formatos: JPG, PNG y GIF  Programa : The GIMP  Programa on line: http://www.splashup.com/

×