Este documento proporciona una introducción a la manipulación digital de imágenes. Explica conceptos clave como formatos de imágenes, programas de edición de imágenes, digitalización, preprocesamiento, postproducción y captura de pantallas. También describe procesos como la conversión de analógico a digital, colores primarios y secundarios, y variables como resolución, tamaño de archivo y profundidad de bits. Finalmente, menciona algunos formatos y programas comunes de edición de imágenes.

1. 1
Introducción a la manipulación
digital de imágenes
Mtro. Jorge Alejandro León Sánchez
E-mail
lato_@hotmail.com
joleon@uv.mx
http://es.slideshare.net/leon_lato
http://es.scribd.com/jleon_866353

2. 2
Contenidos
• Conceptos generales
• Formatos de imágenes
• Programas de imágenes
• Digitalización de imágenes:
• Scanners, cámaras digitales, videocámaras
• Preprocesamiento de una imagen
• Postproducción
• Captura de pantallas
• Búsqueda de imágenes en la Web

3. 3
Tenemos un scanner y
un programa de imágenes
(que viene con el scanner)
Activamos el scanner

4. 4
Visión
previa

5. 5
Enmarcamos
Activamos

6. 6

7. 7
Grabamos
Imagen
obtenida
Pero hay mucho
más para hacer.
Primero los
conceptos

8. 8
Conceptos
• Analógico y digital
• Imagen digital
• Colores 1rios, 2rios y complementarios
• Propiedades: tono, saturación, brillo, contraste
• Resolución
• Imágenes vectoriales y mapas de bits

9. 9
Concepto de analógico y digital
• Analógico:
• Un sistema analógico funciona sin cambiar la forma del
fenómeno que adquiere, almacena, transmite o controla,
con intervalos continuos:
• Película radiográfica, videocassetera, etc.
• Digital:
• Un sistema digital funciona traduciendo a números el
fenómeno que adquiere, almacena, transmite o controla,
en intervalos discretos (sí/no: 1/0):
• Computadora, ecógrafo, cámara digital, CD, DVD, etc.

10. 10
Imagen digital
• Una imagen digital es una fotografía electrónica
adquirida por dispositivos que convierten las
señales analógicas en números.

11. 11
Conversión de analógico a digital
Imagen Scanner Computadora
Manipulación
Almacenamiento Impresión Proyección

12. 12
Conversión de analógico a digital
Ecógrafo Salida analógica Conversor
Manipulación Computadora
Grabador de CD Impresión e informe

13. 13
Colores 1rios, 2rios
www.salleurl.edu
y complementarios
Primarios Secundarios
• Primarios:
• rojo, verde y azul
• En cantidades iguales: blanco
• Secundarios:
• amarillo (rojo + verde), magenta (rojo + azul) y cian (azul
+ verde)
• En cantidades iguales: negro
• Complementarios:
• Primario y el secundario opuesto: máximo contraste

14. 14
Colores: propiedades
• Tonalidad o matiz:
• el color en sí, dado por la longitud de onda.
• Saturación:
• Pureza del tono, dado por la cantidad de luz blanca
mezclada con el tono
• Brillo o luminosidad:
• Dado por la intensidad de la luz que se percibe, de cero
(negro) a 1 (blanco)

15. 15
Colores: propiedades
• Contraste:
• Diferencia entre el punto más claro y el más oscuro de
una imagen:
• Contraste de color:
• azul frente a amarillo, rojo frente a cian y verde frente a
magenta (complementarios). Dan los máximos
contrastes.
• Nomenclatura:
• Hexadecimal:
• Blanco #FFFFFF
• Negro #000000

16. 16
Variables
• Byte:
• Unidad de tamaño de archivos
• Múltiplos KB – MB – GB – TB
• Archivo “pesado”: muchos KB
• Pixel (picture element):
• tamaño de un punto en pantalla
• Resolución:
• Cantidad de puntos por pulgada
• Se mide en dpi (dots per inch)

17. 17
Variables
• Resolución:
• A más dpi mayor resolución (pero mayor peso en Bytes):
Para proyección o Web: 72 dpi
Diapositivas (película): 300 dpi
Impresión: 600-1200 dpi
• Tonos:
• Blanco y negro
• Escala de grises
• 16 colores
• 256 colores
• Color verdadero – 24 bits

18. 18
Dimensiones de imágenes
• Resolución de pantalla:
• se mide en pixels, a mayor cantidad, más nitidez
• habitualmente se utiliza de 800x600
• Tamaño de impresión:
• dimensiones reales de impresión (en cm, pulgadas, etc.)
• Dimensiones en pixels:
• cantidad de pixels en representación en pantalla
• 800x600 en pantalla configurada como 800x600 la
ocupará por completo
• 400x300 en pantalla 800x600 ocupará la cuarta parte

19. 19
Dimensiones de imágenes
• Tamaño del archivo:
• cantidad de memoria que ocupa, en KB, MB, etc.
• Resolución de una imagen:
• se mide en dpi = puntos por pulgada
• Resolución de bits (o profundidad de bits):
• Cantidad de información que puede almacenar un bit
• 1 bit: sólo blanco/negro
• 8 bits: 256 colores
• 24 bits: 16.000.000 colores

20. 20
Imágenes digitales
Gráficos vectoriales
Mapas de bits

21. 21
Gráficos vectoriales
• Un gráfico vectorial es una descripción matemática de una
forma geométrica. Los trazados de vectores se definen con
puntos. Su calidad no se degrada cuando se amplían,
reducen o cambian de escala.
nodo
http://www.iescuravalera.org

22. 22
Mapa de bits
• Los mapas de bits están compuestos por una cuadrícula de
pixels de color. Las imágenes con variaciones complejas de
color, como las fotografías, suelen ser imágenes de mapa
de bits. Al ampliarlas, se “pixelan”
http://www.iescuravalera.org

23. 23
Imagen vectorial y de mapa de bits
MSN
Vectorial Mapa de bits
http://www.iescuravalera.org

24. 24
Ampliaciones de gráficos
vectoriales y mapa de bits
Vectorial Mapa de bits

25. 25
Pixelado en mapa de bits

26. 26
Metaficheros gráficos
• Tipos mixtos que permiten almacenar en forma
conjunta gráficos vectoriales y de mapas de bits:
• bitmaps para elementos fotográficos y figuras irregulares
• elementos vectoriales para líneas, textos y dibujos
• Se denominan metaformatos
• Formatos habituales: WMF - GEM - WPG

27. 27
Formatos habituales de imágenes
• Estáticas:
• gif - jpg (jpeg) - png - bmp - cdr - tiff - svg - ai - etc.
• Dinámicas:
• películas: avi - mpg - mov - etc.
• gifs animados

28. 28
Formatos habituales de imágenes
• gif:
• mapa de bits
• objetos dibujados o diseñados
• sólo 256 colores
• poco peso, ideal para Web
• permite zonas transparentes
• jpg (jpeg):
• mapa de bits
• color verdadero (24 bits)
• apto para fotografías
• se comprime al grabar, y se degrada si se regraba

29. 29
Formatos habituales de imágenes
• bmp:
• mapa de bits, gran peso, alta compresión
• png:
• mapa de bits, ideal para manipulaciones repetidas, sin
degradación
• cdr:
• formato vectorial de CorelDraw
• tiff:
• mapa de bits, gran peso
• svg:
• formato vectorial para la Web
• ai:
• formato vectorial de Adobe Illustrator, habitual en Mcintosh

30. 30
Programas de imágenes
• Paint
• Fireworks
• PhotoPaint
• PhotoShop
• CorelDraw
• Flash
• PhotoImpact
• Gimp (Linux)
• etc....
Aprender a manejar a fondo uno o a lo sumo dos

31. 31
Digitalización de imágenes
• Proceso mediante el que se almacena una imagen
en una memoria digital.
• Los dispositivos habituales para uso personal de
digitalización son
• scanner
• cámara fotográfica
• cámara de video digital.

32. 32
Cámaras digitales
• Almacenan las imágenes en su memoria en forma
de archivos, sin rollo fotográfico.
• El contenido se transfiere a una computadora, a un
proyector de imágenes o a una impresora.
• Los archivos se pueden procesar con un programa
de imágenes.

33. 33
Scanners
De negativos
y diapositivas

34. 34
Videocámaras digitales
• Similares características que las cámaras digitales,
salvo que almacenan las imágenes en discos
ópticos (DVD).

35. 35
Pasos de una digitalización por scanner
• Preprocesamiento:“prevención primaria”
• para que el procesado posterior (“secuela”) sea mínimo
• Determinar la dimensión definitiva
• Resolución de acuerdo al destino de la imagen: 72
dpi, 300 dpi, etc.
• Destramado de acuerdo a la imagen original (foto,
revista, periódico, etc.)
• Controles manuales o automáticos (brillo, etc.)
• etc....
• Postprocesamiento

36. 36

37. 37
Resolución

38. 38
Enmarcar

39. 39

40. 40

41. 41

42. 42

43. 43

44. 44

45. 45
Postprocesamiento

46. 46

47. 47
Capturar pantallas
• Pregunta frecuente: ¿cómo se puede convertir una pantalla
en una imagen y guardarla?
• Respuesta: con la tecla PrintScreen (ImpPnt – PrtScr) o
mediante programas específicos (Clip’nSave)
• Con la tecla PrintScreen - ImpPnt - PrtScr:
• Esta tecla “carga” en el portapapeles o clipboard lo que
se muestra en pantalla
• El contenido se “vuelca” en un programa de imágenes
(cambiar a htm)
• En Linux, con ScreenShooter

48. 48

49. 49
Se abre photoshop

50. 50
... se oprime PrintScrn
(quedando la imagen en el
portapapeles o clipboard),

51. 51
... se “pega” en Photoshop

52. 52
... y se exporta en el formato elegido.

53. 53
Capturar pantallas con Clip’nSave
http://www.shareup.com/Clip'nSave-download-5288.html

54. 54
Búsqueda de imágenes en la Web
• Los buscadores o searchers han incluido rutinas de
búsqueda sólo de imágenes:
• http://www.google.com.ar/imghp
• http://ar.search.yahoo.com

55. 55
Búsqueda de imágenes en Google

56. 56
Comentarios finales
• Esto fue una introducción
• Quedan pendientes, entre otros:
• Utilización de herramientas
• Filtros y efectos especiales
• Películas
• Transmisión de imágenes (DICOM, etc.)
• etc., etc....
• Esta tarde veremos una aplicación de estas
manipulaciones al tratar sobre introducción al
desarrollo de presentaciones con diapositivas y en
PowerPoint.