SlideShare una empresa de Scribd logo
1 de 56
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



                    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




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




Visión
previa
5




            Enmarcamos




Activamos
6
7

 Grabamos


       Imagen
       obtenida




Pero hay mucho
más para hacer.
  Primero los
  conceptos
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



       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


 Imagen              Scanner          Computadora




             Manipulación




Almacenamiento      Impresión   Proyección
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

                   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



              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

• 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



          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




Imágenes digitales
 Gráficos vectoriales
   Mapas de bits
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



                    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



      Imagen vectorial y de mapa de bits

MSN




        Vectorial                                  Mapa de bits

                    http://www.iescuravalera.org
24


  Ampliaciones de gráficos
  vectoriales y mapa de bits




Vectorial            Mapa de bits
25



Pixelado en mapa de bits
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



     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....

    Aprender a manejar a fondo uno o a lo sumo dos
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



              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



Scanners




De negativos
y diapositivas
34



            Videocámaras digitales




• Similares características que las cámaras digitales,
  salvo que almacenan las imágenes en discos
  ópticos (DVD).
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
37




Resolución
38




Enmarcar
39
40
41
42
43
44
45




Postprocesamiento
46
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
49



Se abre photoshop
50




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



... se “pega” en Photoshop
52

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


  Capturar pantallas con Clip’nSave
http://www.shareup.com/Clip'nSave-download-5288.html
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



Búsqueda de imágenes en Google
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.

Más contenido relacionado

La actualidad más candente

Tratamiento digital de la imágen
Tratamiento digital de la imágenTratamiento digital de la imágen
Tratamiento digital de la imágenpreguntasweb
 
Creación y tratamiento de imágenes digitales: ficheros bitmap
Creación y tratamiento de imágenes digitales: ficheros bitmapCreación y tratamiento de imágenes digitales: ficheros bitmap
Creación y tratamiento de imágenes digitales: ficheros bitmapAplicaciones Gráficas
 
DIAPOSITIVAS - IMAGEN DIGITAL
DIAPOSITIVAS - IMAGEN DIGITALDIAPOSITIVAS - IMAGEN DIGITAL
DIAPOSITIVAS - IMAGEN DIGITALguest8f779
 
Imagen Digital Mudle
Imagen Digital MudleImagen Digital Mudle
Imagen Digital Mudlefernandoprofe
 
Minimanual retoque fotográfico con el Gimp (2016)
Minimanual retoque fotográfico con el Gimp (2016)Minimanual retoque fotográfico con el Gimp (2016)
Minimanual retoque fotográfico con el Gimp (2016)Agneta Gallardo
 
Presentación de imagen digital
Presentación de imagen digitalPresentación de imagen digital
Presentación de imagen digitalfelolopez99
 
Imagen Digital_conceptos básicos
Imagen Digital_conceptos básicosImagen Digital_conceptos básicos
Imagen Digital_conceptos básicosliccom
 
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.Raquel Gómez Diago
 
2. la imagen digital
2. la imagen digital2. la imagen digital
2. la imagen digital3aulagasss
 
Introduccion a la imagen digital
Introduccion a la imagen digitalIntroduccion a la imagen digital
Introduccion a la imagen digitalOscarito Guerrero
 
Imagen digital
Imagen digitalImagen digital
Imagen digitalGabriel
 
Creación y tratamiento de imágenes digitales: definición y tipos de imágenes
Creación y tratamiento de imágenes digitales: definición y tipos de imágenesCreación y tratamiento de imágenes digitales: definición y tipos de imágenes
Creación y tratamiento de imágenes digitales: definición y tipos de imágenesAplicaciones Gráficas
 
Conceptos básicos sobre imagen digital
Conceptos básicos sobre imagen digitalConceptos básicos sobre imagen digital
Conceptos básicos sobre imagen digitalKoldo Parra
 
Tratamiento digital de imagenes
Tratamiento digital de imagenesTratamiento digital de imagenes
Tratamiento digital de imagenesvfortea
 
La imagen digital
La imagen digitalLa imagen digital
La imagen digitalaidallames5
 

La actualidad más candente (18)

Tratamiento digital de la imágen
Tratamiento digital de la imágenTratamiento digital de la imágen
Tratamiento digital de la imágen
 
02 Gimp. Imagen Digital
02 Gimp. Imagen Digital02 Gimp. Imagen Digital
02 Gimp. Imagen Digital
 
2. Imagen Digital
2. Imagen Digital2. Imagen Digital
2. Imagen Digital
 
Creación y tratamiento de imágenes digitales: ficheros bitmap
Creación y tratamiento de imágenes digitales: ficheros bitmapCreación y tratamiento de imágenes digitales: ficheros bitmap
Creación y tratamiento de imágenes digitales: ficheros bitmap
 
DIAPOSITIVAS - IMAGEN DIGITAL
DIAPOSITIVAS - IMAGEN DIGITALDIAPOSITIVAS - IMAGEN DIGITAL
DIAPOSITIVAS - IMAGEN DIGITAL
 
Imagen Digital Mudle
Imagen Digital MudleImagen Digital Mudle
Imagen Digital Mudle
 
Minimanual retoque fotográfico con el Gimp (2016)
Minimanual retoque fotográfico con el Gimp (2016)Minimanual retoque fotográfico con el Gimp (2016)
Minimanual retoque fotográfico con el Gimp (2016)
 
Presentación de imagen digital
Presentación de imagen digitalPresentación de imagen digital
Presentación de imagen digital
 
Imagen Digital_conceptos básicos
Imagen Digital_conceptos básicosImagen Digital_conceptos básicos
Imagen Digital_conceptos básicos
 
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.
 
2. la imagen digital
2. la imagen digital2. la imagen digital
2. la imagen digital
 
Imagen Digital
Imagen DigitalImagen Digital
Imagen Digital
 
Introduccion a la imagen digital
Introduccion a la imagen digitalIntroduccion a la imagen digital
Introduccion a la imagen digital
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
Creación y tratamiento de imágenes digitales: definición y tipos de imágenes
Creación y tratamiento de imágenes digitales: definición y tipos de imágenesCreación y tratamiento de imágenes digitales: definición y tipos de imágenes
Creación y tratamiento de imágenes digitales: definición y tipos de imágenes
 
Conceptos básicos sobre imagen digital
Conceptos básicos sobre imagen digitalConceptos básicos sobre imagen digital
Conceptos básicos sobre imagen digital
 
Tratamiento digital de imagenes
Tratamiento digital de imagenesTratamiento digital de imagenes
Tratamiento digital de imagenes
 
La imagen digital
La imagen digitalLa imagen digital
La imagen digital
 

Destacado

Imagen digital02
Imagen digital02Imagen digital02
Imagen digital02alumnodia07
 
Taller: «Gráficos en el Aula»
Taller: «Gráficos en el Aula»Taller: «Gráficos en el Aula»
Taller: «Gráficos en el Aula»David Martin
 
Teoría imagen digital
Teoría imagen digitalTeoría imagen digital
Teoría imagen digitalRobertoGEch
 
vetoriales y pixeles
vetoriales y pixelesvetoriales y pixeles
vetoriales y pixelescarlossdani
 
La imagen y su impacto en la historia.
La imagen y su impacto en la historia.La imagen y su impacto en la historia.
La imagen y su impacto en la historia.Zawchenka
 

Destacado (6)

Imagen digital02
Imagen digital02Imagen digital02
Imagen digital02
 
Tipos de imagenes
Tipos de imagenesTipos de imagenes
Tipos de imagenes
 
Taller: «Gráficos en el Aula»
Taller: «Gráficos en el Aula»Taller: «Gráficos en el Aula»
Taller: «Gráficos en el Aula»
 
Teoría imagen digital
Teoría imagen digitalTeoría imagen digital
Teoría imagen digital
 
vetoriales y pixeles
vetoriales y pixelesvetoriales y pixeles
vetoriales y pixeles
 
La imagen y su impacto en la historia.
La imagen y su impacto en la historia.La imagen y su impacto en la historia.
La imagen y su impacto en la historia.
 

Similar a Introduccion al manipulacion por scaner

Similar a Introduccion al manipulacion por scaner (20)

Clase 5 imágenes
Clase 5  imágenesClase 5  imágenes
Clase 5 imágenes
 
Imagen-Multimedia
Imagen-MultimediaImagen-Multimedia
Imagen-Multimedia
 
Imagen En Pantalla
Imagen En PantallaImagen En Pantalla
Imagen En Pantalla
 
Clase 7
Clase 7Clase 7
Clase 7
 
La imagen digital
La imagen digitalLa imagen digital
La imagen digital
 
Introducción a la imagen digital
Introducción a la imagen digitalIntroducción a la imagen digital
Introducción a la imagen digital
 
Imagen digital .pdf
Imagen digital .pdfImagen digital .pdf
Imagen digital .pdf
 
Clase 5 imágenes
Clase 5   imágenesClase 5   imágenes
Clase 5 imágenes
 
Clase 2
Clase 2Clase 2
Clase 2
 
Fotografía Digital
Fotografía Digital Fotografía Digital
Fotografía Digital
 
La imagen digital
 La imagen digital La imagen digital
La imagen digital
 
Fotografía digital
Fotografía digitalFotografía digital
Fotografía digital
 
Clase 1 imágenes
Clase 1  imágenesClase 1  imágenes
Clase 1 imágenes
 
Clase 1 - imagenes
Clase 1 - imagenesClase 1 - imagenes
Clase 1 - imagenes
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
Tema 5 la imagen digital
Tema 5 la imagen digitalTema 5 la imagen digital
Tema 5 la imagen digital
 
Herramientas multimedia para la educación superior
Herramientas multimedia para la educación superiorHerramientas multimedia para la educación superior
Herramientas multimedia para la educación superior
 
Presentación edición de imágenes.
Presentación edición de imágenes.Presentación edición de imágenes.
Presentación edición de imágenes.
 
Presentacion la imagen digital
Presentacion la imagen digitalPresentacion la imagen digital
Presentacion la imagen digital
 
Imagenes digitales
Imagenes digitalesImagenes digitales
Imagenes digitales
 

Más de Universidad Veracruzana

Más de Universidad Veracruzana (20)

Proceso y diseño en la gestión de un proyecto educativo.pptx
Proceso y diseño en la gestión de un proyecto educativo.pptxProceso y diseño en la gestión de un proyecto educativo.pptx
Proceso y diseño en la gestión de un proyecto educativo.pptx
 
aguja hipodermica (1).pptx
aguja hipodermica (1).pptxaguja hipodermica (1).pptx
aguja hipodermica (1).pptx
 
Trabajo ejecutivo_ Capacitación-Los usurios.pdf
Trabajo ejecutivo_ Capacitación-Los usurios.pdfTrabajo ejecutivo_ Capacitación-Los usurios.pdf
Trabajo ejecutivo_ Capacitación-Los usurios.pdf
 
Formaliza tu negocio.pptx.pdf
Formaliza tu negocio.pptx.pdfFormaliza tu negocio.pptx.pdf
Formaliza tu negocio.pptx.pdf
 
Metodologia op
Metodologia opMetodologia op
Metodologia op
 
Introducción teoría de la comunicacion
Introducción teoría de  la comunicacionIntroducción teoría de  la comunicacion
Introducción teoría de la comunicacion
 
Globalización en a. l at.
Globalización en a. l at.Globalización en a. l at.
Globalización en a. l at.
 
Ciclo económico
Ciclo económico Ciclo económico
Ciclo económico
 
Integraciòn econòmica
Integraciòn econòmicaIntegraciòn econòmica
Integraciòn econòmica
 
Evoluciòn de polìticas econòmicas
Evoluciòn de polìticas econòmicasEvoluciòn de polìticas econòmicas
Evoluciòn de polìticas econòmicas
 
Crecimiento y desarrollo económico
Crecimiento y desarrollo económicoCrecimiento y desarrollo económico
Crecimiento y desarrollo económico
 
Balanza de pagos
Balanza de pagosBalanza de pagos
Balanza de pagos
 
Pintura, pandemia vivienando exp
Pintura, pandemia vivienando expPintura, pandemia vivienando exp
Pintura, pandemia vivienando exp
 
Capacitación wh
Capacitación whCapacitación wh
Capacitación wh
 
Ciencias de la salud
Ciencias de la saludCiencias de la salud
Ciencias de la salud
 
Marco teorico
Marco teoricoMarco teorico
Marco teorico
 
Hipotesis
HipotesisHipotesis
Hipotesis
 
Metodologia
MetodologiaMetodologia
Metodologia
 
Metodologia
MetodologiaMetodologia
Metodologia
 
Metodologia1
Metodologia1 Metodologia1
Metodologia1
 

Último

Revista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdfRevista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdfapunteshistoriamarmo
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesMarisolMartinez707897
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024IES Vicent Andres Estelles
 
UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...
UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...
UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...rosalindatellodelagu
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
animalesdelaproincia de beunos aires.pdf
animalesdelaproincia de beunos aires.pdfanimalesdelaproincia de beunos aires.pdf
animalesdelaproincia de beunos aires.pdfSofiaArias58
 
UNIDAD DIDACTICA nivel inicial EL SUPERMERCADO.docx
UNIDAD DIDACTICA nivel inicial EL SUPERMERCADO.docxUNIDAD DIDACTICA nivel inicial EL SUPERMERCADO.docx
UNIDAD DIDACTICA nivel inicial EL SUPERMERCADO.docxMaria Jimena Leon Malharro
 
Actividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docxActividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docxpaogar2178
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIAFabiolaGarcia751855
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresJonathanCovena1
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024IES Vicent Andres Estelles
 
AEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxAEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxhenarfdez
 
Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfJonathanCovena1
 
prostitución en España: una mirada integral!
prostitución en España: una mirada integral!prostitución en España: una mirada integral!
prostitución en España: una mirada integral!CatalinaAlfaroChryso
 
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...Ars Erótica
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxFernando Solis
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfMercedes Gonzalez
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxroberthirigoinvasque
 

Último (20)

Revista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdfRevista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdf
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024
 
Usos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicasUsos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicas
 
UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...
UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...
UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
 
animalesdelaproincia de beunos aires.pdf
animalesdelaproincia de beunos aires.pdfanimalesdelaproincia de beunos aires.pdf
animalesdelaproincia de beunos aires.pdf
 
UNIDAD DIDACTICA nivel inicial EL SUPERMERCADO.docx
UNIDAD DIDACTICA nivel inicial EL SUPERMERCADO.docxUNIDAD DIDACTICA nivel inicial EL SUPERMERCADO.docx
UNIDAD DIDACTICA nivel inicial EL SUPERMERCADO.docx
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
Actividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docxActividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docx
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por Valores
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
AEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxAEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptx
 
Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdf
 
prostitución en España: una mirada integral!
prostitución en España: una mirada integral!prostitución en España: una mirada integral!
prostitución en España: una mirada integral!
 
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
 

Introduccion al manipulacion por scaner

  • 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
  • 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
  • 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.
  • 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
  • 39. 39
  • 40. 40
  • 41. 41
  • 42. 42
  • 43. 43
  • 44. 44
  • 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
  • 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
  • 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.