1 temas de informática médica curso universitario de postgrado de cardiología facultad de...
TRANSCRIPT
1
Temas de Informática Médica
Curso Universitario de Postgrado de CardiologíaFacultad de Medicina de Rosario
Rosario 2006
Prof. Dr. Armando PacherCETIFAC – Centro de Teleinformática de FAC
Bioingeniería UNER
2
Introducción a la manipulacióndigital de imágenes
- Desarrollo de presentaciones con
diapositivas y en PowerPoint
Las diapositivas que se proyectarán están en
www.fac.org.ar/fec/cursofac/fmros06
3
Contenidos
• “Aprenda a escanear en 10 minutos”• 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• Postprocesamiento• Captura de pantallas• Búsqueda de imágenes en la Web
4
“Aprenda a escanear en 10 minutos”
5
Tenemos un scanner yun programa de imágenes(que viene con el scanner)
Activamos el scanner
6
Visiónprevia
7
Enmarcamos
Activamos
8
9
Grabamos
Pero hay muchomás para hacer.
Primero losconceptos
Imagenobtenida
10
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
11
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.
12
Imagen digital
• Una imagen digital es una fotografía electrónica adquirida por dispositivos que convierten las señales analógicas en números.
13
Conversión de analógico a digital
Imagen Scanner Computadora
Manipulación
Almacenamiento Impresión Proyección Envío
14
Conversión de analógico a digital
Ecógrafo Salida analógica Conversor
ComputadoraManipulación
Grabador de CD/DVD Impresión e informe
15
Colores 1rios, 2riosy 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
www.salleurl.edu
16
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)
17
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
18
Variables
• Byte:• Unidad de tamaño de archivos• Múltiplos KB – MB – GB – TB• Archivo “pesado”: muchos KB o MB
• Pixel (picture element): • tamaño de un punto en pantalla
• Resolución:• Cantidad de puntos por pulgada• Se mide en dpi (dots per inch)
19
Variables
• Tonos:• Blanco y negro• Escala de grises• 16 colores• 256 colores• Color verdadero – 24 bits
Para proyección o Web: 72 dpi
Diapositivas (película): 300 dpi
Impresión: 600-1200 dpi
• Resolución:• A más dpi mayor resolución (pero mayor peso en Bytes):
20
Dimensiones de imágenes
• Resolución de pantalla:• se mide en pixels, a mayor cantidad, más nitidez• habitualmente se utilizan 800x600 y 1024 x 768
• 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
21
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
22
Imágenes digitales
Gráficos vectorialesMapas de bits
23
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.
http://www.iescuravalera.org
nodo
24
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
25
Imagen vectorial y de mapa de bits
Vectorial Mapa de bits
MSN
http://www.iescuravalera.org
26
Ampliaciones de gráficosvectoriales y mapa de bits
Vectorial Mapa de bits
27
“Pixelado” en mapa de bits
“pixelado”
28
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
29
Formatos habituales de imágenes
• Estáticas: • gif - jpg (jpeg) - png - bmp - cdr - tiff - svg - ai - etc.
• Dinámicas: • películas: avi - mpg - mov – flv - etc.• gifs animados
30
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
31
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
32
Programas de imágenes
• Paint• Fireworks• Gimp (Linux) • PhotoPaint• PhotoShop• CorelDraw• Flash • PhotoImpact• etc....
Aprender a manejar a fondo uno o a lo sumo dos
33
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.
34
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.
35
Scanners
De negativosy diapositivas
36
Videocámaras digitales
• Similares características que las cámaras digitales, salvo que almacenan las imágenes en discos ópticos (DVD) o en cinta digital.
37
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
38
39
Resolución
40
Enmarcar
41
42
43
44
45
46
47
Postprocesamiento
48
49
Postprocesamiento en Fireworks
50
51
52
53
54
55
56
57
58
59
60
61
62
Negativo
63
64
65
66
67
Gif animado
• Proceso mediante el cual se genera una imagen en movimiento, formada por imágenes superpuestas
• Programas:• Fireworks, Gimp (Linux), PhotoShop, PhotoPaint, Gif Animator, etc.
• Las imágenes se colocan una por cada fotograma (similar a los cuadros de una película)• Ejemplo de gif animado con cinco logotipos de Sociedades de FAC:
• Resultan animaciones de bajo peso, adecuadas para presentaciones y para la Web. No incluyen audio.
68
Guardado
• De acuerdo al programa utilizado y al formato buscado un archivo de imagen se graba o se exporta.
• Recordar que cada guardado o exportación en el formato jpg se produce una compresión que degrada la imagen.Conviene trabajar en formato png y al final pasar a jpg
• Las imágenes guardadas pueden ser incluidas en diferentes tipos de documentos destinados a impresión o proyección.
69
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
• En Linux, con ScreenShooter
70
71
Se abre Fireworks
72
... se oprime PrintScrn (quedando la imagen en el portapapeles o clipboard),
73
... se “pega” en Fireworks,
74
... y se exporta en el formato elegido.
75
Capturar pantallas con Clip’nSave http://www.shareup.com/Clip'nSave-download-5288.html
76
Capturar pantallas con Clip’nSave
... se selecciona el sector elegido
77
Captura
78
Guardado de la captura
79
Captura dinámica de pantallas
• Camtasia www.techsmith.com/download/trials.asp y otros
• Actúan como filmadoras, registrando lo que sucede en pantalla:
• De gran utilidad en instructivos:• Ej. Simulación Cardiovascular
80
81
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
82
Búsqueda de imágenes en Google
83
• Esto fue una introducción• Quedan pendientes, entre otros:
• Utilización de herramientas• Filtros y efectos especiales• Películas• etc., etc....
• Luego veremos una aplicación de estas manipulaciones al tratar sobre desarrollo de presentaciones con diapositivas y en PowerPoint.
Comentarios finales