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
2
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
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
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
Conversión de analógico a
digital
12
Imagen Scanner Computadora
Manipulación
Almacenamiento Impresión Proyección
Conversión de analógico a
digital
13
Ecógrafo Salida analógica Conversor
Computadora Manipulación
Grabador de CD Impresión e informe
Colores 1rios, 2rios
y complementarios
14
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
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
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
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
Variables
Tonos:
Blanco y negro
Escala de grises
16 colores
256 colores
Color verdadero – 24 bits
18
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):
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
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
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.
22
http://www.iescuravalera.org
nodo
Mapa de bits
23
• 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
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
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
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
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
Programas de imágenes Paint
Fireworks
PhotoPaint
PhotoShop
CorelDraw
Flash
PhotoImpact
Gimp (Linux)
etc....
31
Aprender a manejar a fondo uno o a lo sumo dos
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
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
Videocámaras digitales
35
• Similares características que las cámaras digitales,
salvo que almacenan las imágenes en discos
ópticos (DVD).
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
Gif animado Proceso mediante el cual se genera una imagen en
movimiento, formada por imágenes superpuestas
Programas:
Fireworks, PhotoShop, PhotoPaint, Gimp (Linux), 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:
66
• Resultan animaciones de bajo peso, adecuadas para presentaciones y para la Web. No incluyen audio.
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.
Las imágenes guardadas pueden ser incluidas en diferentes tipos de documentos destinados a impresión o proyección.
67
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
68
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
78
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.
80 Comentarios finales