1

Introduccin a la
manipulacin
digital de imgenes

Prof. Dr. Armando Pacher

CETIFAC Centro de Teleinformtica de FAC
Bioingeniera UNER

XXIV Congreso Nacional de Cardiologa

Buenos Aires 2005
 2
Contenidos

Aprenda a escanear en 10 minutos

Conceptos generales
Formatos de imgenes
Programas de imgenes
Digitalizacin de imgenes:
Scanners, cmaras digitales, videocmaras
Preprocesamiento de una imagen
Postprocesamiento
Captura de pantallas
Bsqueda de imgenes en la Web
 3

Aprenda a escanear en 10 minutos

 4

Tenemos un scanner y
un programa de imgenes
(que viene con el scanner)
Activamos el scanner
 5

Visin
previa
 6

Enmarcamos

Activamos
7
Grabamos 8

Imagen
obtenida

Pero hay mucho

ms para hacer.
Primero los
conceptos
 9
Conceptos

Analgico y digital
Imagen digital
Colores 1rios, 2rios y complementarios
Propiedades: tono, saturacin, brillo, contraste
Resolucin
Imgenes vectoriales y mapas de bits
 10
Concepto de analgico y digital

Analgico:
Un sistema analgico funciona sin cambiar la forma del
fenmeno que adquiere, almacena, transmite o controla,
con intervalos continuos:
Pelcula radiogrfica, videocassetera, etc.
Digital:
Un sistema digital funciona traduciendo a nmeros el
fenmeno que adquiere, almacena, transmite o controla,
en intervalos discretos (s/no: 1/0):
Computadora, ecgrafo, cmara digital, CD, DVD, etc.
 11
Imagen digital

Una imagen digital es una fotografa electrnica

adquirida por dispositivos que convierten las
seales analgicas en nmeros.
 12
Conversin de analgico a digital

Imagen Scanner Computadora

Manipulacin

Almacenamiento Impresin Proyeccin

 13
Conversin de analgico a digital

Ecgrafo Salida analgica Conversor

Manipulacin Computadora

Grabador de CD Impresin e informe

 www.salleurl.edu
14
Colores 1rios, 2rios
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: mximo contraste
 15
Colores: propiedades
Tonalidad o matiz:
el color en s, dado por la longitud de onda.
Saturacin:
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)
 16
Colores: propiedades
Contraste:
Diferencia entre el punto ms claro y el ms oscuro de
una imagen:
Contraste de color:
azul frente a amarillo, rojo frente a cian y verde frente a
magenta (complementarios). Dan los mximos
contrastes.
Nomenclatura:
Hexadecimal:
Blanco #FFFFFF
Negro #000000
 17
Variables
Byte:
Unidad de tamao de archivos
Mltiplos KB MB GB TB
Archivo pesado: muchos KB
Pixel (picture element):
tamao de un punto en pantalla
Resolucin:
Cantidad de puntos por pulgada
Se mide en dpi (dots per inch)
 18
Variables
Resolucin:
A ms dpi mayor resolucin (pero mayor peso en Bytes):

Para proyeccin o Web: 72 dpi

Diapositivas (pelcula): 300 dpi
Impresin: 600-1200 dpi

Tonos:
Blanco y negro
Escala de grises
16 colores
256 colores
Color verdadero 24 bits
 19
Dimensiones de imgenes

Resolucin de pantalla:
se mide en pixels, a mayor cantidad, ms nitidez
habitualmente se utiliza de 800x600
Tamao de impresin:
dimensiones reales de impresin (en cm, pulgadas, etc.)
Dimensiones en pixels:
cantidad de pixels en representacin en pantalla
800x600 en pantalla configurada como 800x600 la
ocupar por completo
400x300 en pantalla 800x600 ocupar la cuarta parte
 20
Dimensiones de imgenes

Tamao del archivo:

cantidad de memoria que ocupa, en KB, MB, etc.
Resolucin de una imagen:
se mide en dpi = puntos por pulgada
Resolucin de bits (o profundidad de bits):
Cantidad de informacin que puede almacenar un bit
1 bit: slo blanco/negro
8 bits: 256 colores
24 bits: 16.000.000 colores
 21

Imgenes digitales
Grficos vectoriales
Mapas de bits
 22
Grficos vectoriales
Un grfico vectorial es una descripcin matemtica de una
forma geomtrica. Los trazados de vectores se definen con
puntos. Su calidad no se degrada cuando se amplan,
reducen o cambian de escala.

nodo

http://www.iescuravalera.org
 23
Mapa de bits
Los mapas de bits estn compuestos por una cuadrcula de
pixels de color. Las imgenes con variaciones complejas de
color, como las fotografas, suelen ser imgenes de mapa
de bits. Al ampliarlas, se pixelan

http://www.iescuravalera.org
 24
Imagen vectorial y de mapa de bits

MSN

Vectorial Mapa de bits

http://www.iescuravalera.org
 25
Ampliaciones de grficos
vectoriales y mapa de bits

Vectorial Mapa de bits

 26
Pixelado en mapa de bits
 27
Metaficheros grficos

Tipos mixtos que permiten almacenar en forma

conjunta grficos vectoriales y de mapas de bits:
bitmaps para elementos fotogrficos y figuras irregulares
elementos vectoriales para lneas, textos y dibujos

Se denominan metaformatos

Formatos habituales: WMF - GEM - WPG

 28
Formatos habituales de imgenes

Estticas:
gif - jpg (jpeg) - png - bmp - cdr - tiff - svg - ai - etc.
Dinmicas:
pelculas: avi - mpg - mov - etc.
gifs animados
 29
Formatos habituales de imgenes
gif:
mapa de bits
objetos dibujados o diseados
slo 256 colores
poco peso, ideal para Web
permite zonas transparentes
jpg (jpeg):
mapa de bits
color verdadero (24 bits)
apto para fotografas
se comprime al grabar, y se degrada si se regraba
 30
Formatos habituales de imgenes
bmp:
mapa de bits, gran peso, alta compresin
png:
mapa de bits, ideal para manipulaciones repetidas, sin
degradacin
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
 31
Programas de imgenes

Paint
Fireworks
PhotoPaint
PhotoShop
CorelDraw
Flash
PhotoImpact
Gimp (Linux)
etc....

Aprender a manejar a fondo uno o a lo sumo dos

 32
Digitalizacin de imgenes

Proceso mediante el que se almacena una imagen

en una memoria digital.
Los dispositivos habituales para uso personal de
digitalizacin son
scanner
cmara fotogrfica
cmara de video digital.
 33
Cmaras digitales

Almacenan las imgenes en su memoria en forma

de archivos, sin rollo fotogrfico.
El contenido se transfiere a una computadora, a un
proyector de imgenes o a una impresora.
Los archivos se pueden procesar con un programa
de imgenes.
 34
Scanners

De negativos
y diapositivas
 35
Videocmaras digitales

Similares caractersticas que las cmaras digitales,

salvo que almacenan las imgenes en discos
pticos (DVD).
 36
Pasos de una digitalizacin por scanner

Preprocesamiento:prevencin primaria
para que el procesado posterior (secuela) sea mnimo
Determinar la dimensin definitiva
Resolucin de acuerdo al destino de la imagen: 72
dpi, 300 dpi, etc.
Destramado de acuerdo a la imagen original (foto,
revista, peridico, etc.)
Controles manuales o automticos (brillo, etc.)
etc....
Postprocesamiento
37
 38

Resolucin
 39

Enmarcar
40
41
42
43
44
45
 46

Postprocesamiento
47
 48

Postprocesamiento en Fireworks
49
50
51
52
53
54
55
56
57
58
59
60
 61

Negativo
62
63
64
65
 66
Gif animado
Proceso mediante el cual se genera una imagen en
movimiento, formada por imgenes superpuestas
Programas:
Fireworks, PhotoShop, PhotoPaint, Gimp (Linux), Gif Animator, etc.
Las imgenes se colocan una por cada fotograma (similar a
los cuadros de una pelcula)
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.
 67
Guardado

De acuerdo al programa utilizado y al formato buscado un

archivo de imagen se graba o se exporta.

Recordar que cada guardado o exportacin en el formato

jpg se produce una compresin que degrada la imagen.

Las imgenes guardadas pueden ser incluidas en diferentes

tipos de documentos destinados a impresin o proyeccin.
 68
Capturar pantallas

Pregunta frecuente: cmo se puede convertir una pantalla

en una imagen y guardarla?

Respuesta: con la tecla PrintScreen (ImpPnt PrtScr) o

mediante programas especficos (ClipnSave)

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 imgenes
(cambiar a htm)

En Linux, con ScreenShooter

69
 70
Se abre Fireworks
 71

... se oprime PrintScrn

(quedando la imagen en el
portapapeles o clipboard),
 72
... se pega en Fireworks,
 73
... y se exporta en el formato elegido.
 74
Capturar pantallas con ClipnSave
http://www.shareup.com/Clip'nSave-download-5288.html
 75
Capturar pantallas con ClipnSave
... se selecciona el sector elegido
 76

C
a
p
t
u
r
a
 77
Guardado de la captura
 78
Bsqueda de imgenes en la Web

Los buscadores o searchers han incluido rutinas de

bsqueda slo de imgenes:

http://www.google.com.ar/imghp

http://ar.search.yahoo.com
 79
Bsqueda de imgenes en Google
 80
Comentarios finales

Esto fue una introduccin

Quedan pendientes, entre otros:
Utilizacin de herramientas
Filtros y efectos especiales
Pelculas
Transmisin de imgenes (DICOM, etc.)
etc., etc....
Esta tarde veremos una aplicacin de estas
manipulaciones al tratar sobre introduccin al
desarrollo de presentaciones con diapositivas y en
PowerPoint.