Your SlideShare is downloading. ×
  • Like
Imagen En Pantalla
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Imagen En Pantalla

  • 2,357 views
Published

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
2,357
On SlideShare
0
From Embeds
0
Number of Embeds
3

Actions

Shares
Downloads
23
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Introducción a l a manipulación digital de imágenes
  • 2. 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
  • 3. “ Aprenda a escanear en 10 minutos”
  • 4. Tenemos un scanner y un programa de imágenes (que viene con el scanner) Activamos el scanner
  • 5. Visión previa
  • 6. Enmarcamos Activamos
  • 7.  
  • 8. Guardamos Pero hay mucho más para hacer. Primero los conceptos Imagen obtenida
  • 9. 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
  • 10. 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.
  • 11. Imagen digital
    • Una imagen digital es una fotografía electrónica adquirida por dispositivos que convierten las señales analógicas en números.
  • 12. Conversión de analógico a digital Imagen Scanner Computadora Manipulación Almacenamiento Impresión Proyección
  • 13. Conversión de analógico a digital Ecógrafo Salida analógica Conversor Computadora Manipulación Grabador de CD Impresión e informe
  • 14. Colores 1rios, 2rios y complementarios
    • 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 Primarios Secundarios
  • 15. Colores: propiedades
    • Tonalidad o matiz:
      • el color en sí, dado por la longitud de onda.
    • S aturació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)
  • 16. Colores: propiedades
    • C ontraste :
      • 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
  • 17. 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 , puntos por pulgada)
  • 18. 1 bit 1 Byte = 8 bits 1 KiloByte (KB) = 1,024 Bytes 1 MegaByte (MB) = 1,024 KB 1 GigaByte (GB) = 1,024 MB 1 TeraByte (TB) = 1,024 GB 1 PetaByte (PB) = 1,024 TB 1 ExaByte (EB) = 1,024 PB 1 ZettaByte (ZB) = 1,024 EB 1 YottaByte (YB) = 1,024 ZB 1 XeraByte (XB) = 1,024 YB Y adicionalmente: 1 bit 1 Nibble = 4 bits 1 Byte = 2 Nibles = 8 bits 1 Word = 2 Bytes = 16 bits 1 Long Word = 4 Bytes = 32 bits
  • 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 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
  • 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 vectoriales Mapas 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
    • L os mapa s de bits está n compuest os 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 ampliarla s , se “pixela n ”
    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áficos vectoriales y mapa de bits Vectorial Mapa de bits
  • 27. Pixelado en mapa de bits
  • 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 - etc.
      • g ifs 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
    • PhotoPaint
    • PhotoShop
    • CorelDraw
    • Flash
    • PhotoImpact
    • Gimp (Linux)
    • 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 negativos y diapositivas
  • 36. Videocámaras digitales
    • Similares características que las cámaras digitales, salvo que almacenan las imágenes en discos ópticos (DVD).
  • 37. ESQUEMATIZANDO
  • 38.  
  • 39. TABLETA DIGITALIZADORA
  • 40. SCSI SMALL COMPUTER SYSTEM INTERFACE
  • 41. El sensor de imagen El sensor de la imagen es como la película fotográfica que utiliza la cámara analógica. El sensor de imagen esta compuesto por millones de pequeños semiconductores de silicilio, los cuales captan los fotones (elementos que componen la luz, la electricidad). A mayor intensidad de luz, más carga eléctrica existirá. Estos fotones desprenden electrones dentro del sensor de imagen, los cuales se transformarán en una serie de valores (datos digitales) creando un píxel. Por lo tanto cada célula que desprenda el sensor de imagen se corresponde a un píxel, el cual, formará cada punto de la imagen. Resumiendo, el sensor de imagen es un chip que alberga millones y millones de células fotosensibles ordenadas por cuadraditos o casillas. Cada punto de la imagen se forma dependiendo de la cantidad de luz que recibe la célula. CCD
  • 42. TARJETA GRAFICA
  • 43. CDI COMPACT DISC INTERACTIVO
  • 44.  
  • 45.  
  • 46.  
  • 47.  
  • 48. 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
  • 49.  
  • 50. Resolución
  • 51. Enmarcar
  • 52.  
  • 53.  
  • 54.  
  • 55.  
  • 56.  
  • 57.  
  • 58. Postprocesamiento
  • 59.  
  • 60. Postprocesamiento en Fireworks
  • 61.  
  • 62.  
  • 63.  
  • 64.  
  • 65.  
  • 66.  
  • 67.  
  • 68.  
  • 69.  
  • 70.  
  • 71.  
  • 72.  
  • 73. Negativo
  • 74.  
  • 75.  
  • 76.  
  • 77.  
  • 78. 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:
    • Resultan animaciones de bajo peso, adecuadas para presentaciones y para la Web . No incluyen audio.
  • 79. 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.
  • 80. 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
  • 81.  
  • 82. Se abre Fireworks
  • 83. ... se oprime PrintScrn (quedando la imagen en el portapapeles o clipboard),
  • 84. ... se “pega” en Fireworks,
  • 85. ... y se exporta en el formato elegido.
  • 86. Capturar pantallas con Clip’nSave http://www.shareup.com/Clip'nSave-download-5288.html
  • 87. Capturar pantallas con Clip’nSave ... se selecciona el sector elegido
  • 88. Captura
  • 89. Guardado de la captura
  • 90. 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
          • h ttp://ar.search.yahoo.com
  • 91. Búsqueda de imágenes en Google
  • 92. Fin, gracias por la paciencia