La descarga está en progreso. Por favor, espere

La descarga está en progreso. Por favor, espere

Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Computación Gráfica Semestre 201321 CRN Septiembre 2012 – Febrero 2013 Ciro Durán.

Presentaciones similares


Presentación del tema: "Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Computación Gráfica Semestre 201321 CRN Septiembre 2012 – Febrero 2013 Ciro Durán."— Transcripción de la presentación:

1 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Computación Gráfica Semestre CRN Septiembre 2012 – Febrero 2013 Ciro Durán Ingeniero en Computación Procesamiento de imágenes Introducción y ejemplos

2 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Procesamiento de imágenes y Antialiasing Un tema entero por sí solo, subyace a la computación gráfica y a la visión computarizada Tiene sus propias publicaciones y conferencas –IEEE Transactions on Image Processing (TIP) –Image and Vision Computing –Journal of Electronic Imaging –IEEE International Conference on Image Processing (ICIP) Estuvo alguna vez más cerca de la teoría de señales y al procesamiento de sonido que a gráficas. Comparte hardware con otros aspectos de los gráficos –Procesadores de punto flotante (FPUs) –Procesadores de señal digital (DSPs) –Framebuffers –Escáners –Cámaras digitales –Impresoras de color –Convertidores y capturadores de video.

3 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán ¿Qué significa una imagen para nosotros? Un dominio 2D con muestras en puntos regulares (casi siempre una grilla rectilineal) –Puedes tener múltiples muestras por punto –Significado de las muestras dependen de la aplicación (rojo, verde, azul, opacidad, profundidad, etc.) Unidades también dependen de la aplicación –ej., un int o float a ser mapeados a un voltaje necesario para mostrar en una pantalla (ej., un archivo BMP) –Ej., como una medida física de la luz entrante (ej., un sensor de cámara)

4 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán ¿Qué es un canal? Un canal es todas las muestras de un tipo en particular. El canal rojo de una imagen RGB es una imagen conteniendo solamente las muestras rojas Los canales de TV se sintonizan a diferentes frecuencias de las ondas electromagnéticas –De forma similar, los canales RGB se sintonizan a diferentes frecuencias en el espectro visible. Imagen original RGB 3 muestras por pixel Canal rojo 1 muestra por pixel Canal azul 1 muestra por pixel Canal verde 1 muestra por pixel

5 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán El canal alfa Además de los canales R, G y B de una imagen, agregamos un cuarto canal llamado α (transparencia/opacidad/translucid ez) Alfa varía entre 0 y 1 –Valor 1 representa un pixel completamente opaco, uno a través del cual no puedes ver –Valor 0 es un pixel completamente transparente –0 translucidez Útil para mezclar imágenes (blending) –Imágenes con valores alfa más altos son menos transparentes –Interpolación lineal (αR + (1- α)B) o algebra completa de composición Porter-Duff. La caja roja se dibuja encima de la azul usando = 0.8

6 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Modelando una imagen

7 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Los pixeles no son solo cuadrados Acercamiento de una pantalla CRT Acercamiento de una pantalla LCD

8 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Imágenes discretas vs. imágenes contínuas

9 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Imágenes discretas vs. imágenes contínuas

10 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Las cinco etapas del procesamiento de imágenes Las cinco etapas son: –Adquisición de imágenes – cómo obtenemos imágenes en primer lugar. –Preprocesamiento – cualquier efecto que sea aplicado antes del mapping (ej. Recortado, enmascarado, filtrado) –Mapeado – etapa que cubre cualquier transformación o composición de imagen. –Postprocesamiento – cualquier efecto aplicado después del ampeado (ej. Texturación, remapeado de color) –Salida – impresión o desplegado en pantalla Estas etapas son saltadas a veces Las etapas intermedias suelen estar entrelazadas

11 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Etapa 1: Adquisición de la imagen Síntesis de la imagen –Imágenes creadas por computadora –Pintadas en 2D Corel Painter Photoshop –Renderizadas de geometría 3D Pixars RenderMan Autodesks Maya Sus proyectos –Texturados procedimentalmente Imágenes generadas cuya intención es imitar cosas naturales Ej. Madera procedimental Captura de imágenes –Imágenes del mundo real –La información debe ser digitalizada a partir de una señal análoga –Métodos comunes de captura: Cámara digital Datos satelitales Escáner de tambor Escáner de fotos de cama plana Fotogramas de un video

12 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Etapa 2: Preprocesamiento Cada imagen de fuente se ajusta a un tono, tamaño, figura, etc. dados para que tenga una calidad deseada o para igualarla a otras imágenes. Puede hacer que un conjunto de imágenes distintas aparezcan similares (si van a ser compuestas posteriormente), o hacer que partes similares de una imagen parezcan distintas (por ejemplo, para mejorar el contraste). Original Curva ajustada de escala de grises

13 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Etapa 2: Preprocesamiento (continúa) Las técnicas de preprocesamiento incluyen: –Ajuste de color o de curva de escala de grises –Recortado (cropping) –Esmascarado (cortar una par de la imagen) –Difuminado y afilado (Blurring y Sharpening) –Detección/mejora de bordes –Filtrado y antialiasing –Escalado hacia arriba (super sampling) o hacia abajo (sub sampling)

14 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Etapa 2: Preprocesamiento (continúa) Notas: –Blurring, Sharpening y detección de bordes pueden ser también técnicas de postprocesamiento. –Algunos algoritmos de preprocesamiento no son seguidos de mapeado, otros que involucran remuestrear la imagen pueden ser entrelazados con mapeado: el filtrado se hace de esta manera.

15 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Etapa 3: Mapeado El mapeado es una etapa general donde varias imágenes son combinadas, o se aplican transformaciones geométricas Las transformaciones incluyen: –Rotación –Escalamiento –Deformación paralela (shearing) –Distorsión (Warping) –Morph basado en características Composición: –Superposición básica de imagen –Blending suavizado con canales alfa –Blending de imagen de Poisson Tranfiere detalles (como bordes) sin costuras visibles de parte de una imagen a otra. Blending de imagen de Poisson Distorsión de la imagen Créditos de la imagen: © Evan Wallace 2010

16 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Etapa 4: Postprocesamiento Crea efectos globales en toda la imagen o en un área seleccionada Efectos artísticos –Posterizado –Envejecimiento falso en una imagen –Desenfoque falso –Remapeado impresionista de pixeles –Texturado Efectos técnicos –Remapeado de colores para mejora de contraste –Conversión de color a blanco y negro. –Separación de colores para impresión (RGB a CMYK) –Retocado de escaneo y balanceo de color/contraste. Envejecimiento Posterizado Impresionismo

17 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Etapa 5: Salida (Archivado/Despliegue) El método escogido para desplegar/archivar puede afectar las etapas anteriores del procesado. –La impresión en color acentúa algunos colores más que otros. –Los colores en el monitor tienen diferentes gamuts y valores HSV que los colores impresos Requiere mapeo –HSV – hue, saturation, value (matiz, saturación, valor), un sistema de coordenadas cilíndrico para el modelo de color RGB. –Gamut – conjunto de colores que pueden ser representados por un disposivo de salida/impresora Tecnologías de despliegue –Monitor (CRT LDC/LED/OLED/AMOLED/P anel de plasma) –Impresora a color –Film/DVD –Archivos de disco –Mapas de textura para renderer en 3D

18 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Ejemplos de procesamiento de imágenes

19 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Ejemplo 1: Filtrado de detección de bordes Los filtros de detección de bordes miden la diferencia entre pixeles adyacentes Una diferencia más grande significa un borde más fuerte Se suele aplicar un mínimo para eliminar bordes débiles. Filtro de detección de bordes de Sobel

20 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Ejemplo 1: Filtrado de detección de bordes (continúa) Usado en escaneos de MRI para revelar borden entre diferentes tipos de tejido El escaneo MRI es una imagen cuyo nivel de gris representa densidad de tejido Se usó el mismo filtro de la lámina anterior Imagen original de RM de un corazón de perro Imagen después de la detección de bordes

21 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Ejemplo 2: Mejora de imagen para investigaciones forenses Extraer evidencia de imagenes aparentemente incomprensibles Normalmente, la mejora de la imagen usa muchos pasos de filtrado, y no suelen ser de mapeo Antes de la mejora Después de la mejora

22 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Ejemplo 2: Mejora de imagen para investigaciones forenses Tenemos un video de una cámara de seguridad con la placa de un carro que fue usado en un robo. La imagen es muy oscura y ruidosa para que la policía pueda ver un número de placa. Aunque los humanos pueden a menudo distinguir elementos en una imagen de poca calidad, el filtrado puede facilitar a un algoritmo de reconocimiento de patronesel descifrado de los simbolos que allí estén incluidos. –Reconocimiento óptico de caracteres Paso 1: Obtener el fotograma de la cinta de video, digitalizado con un capturador.

23 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Ejemplo 2: Mejora de imagen para investigaciones forenses Paso 2: Recortar las cosas que parezcan no interesantes (fuera de los bordes de la placa) Este paso puede acelerar el proceso al aplicar los pasos de procesamiento de imágenes con menos pixeles No siempre se puede hacer, ya que es posible no poder distinguir cuáles secciones son interesantes sin un poco de procesamiento.

24 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Ejemplo 2: Mejora de imagen para investigaciones forenses Paso 3: Usar un filtro de agudizamiento de los bordes para agregar contraste al número de placa. Este paso resalta los bordes al maximizar las discontinuidades entre saltos de brillo en la imagen.

25 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Ejemplo 2: Mejora de imagen para investigaciones forenses Paso 4: Remapear los colores para mejorar el contraste entre números y la propia placa Ahora, puedes imprimir para el archivo, o tan solo copiar el número de placa: YNN-707 Nótese que los colores finales no tienen por qué parecerse a los colores reales de la placa – las técnicas de mejora han seriamente distorsionado los colores.

26 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Composición multipartes La composición de imágenes es popular en el mundo del arte, al igual que en las noticias de tabloide. Toma partes de varias imágenes para crear una sola –Lo difícil es hacer que todas las partes calcen naturalmente Los artistas pueden usar para crear collages asombrosos y efectos de múltiples capas Los periódicos de tabloide los usan para crear fotos noticiosas de cosas que nunca han pasado – Fauxtografia. –No hay verdad visual en los medios

27 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Fotos trucadas famosas Tom Hanks y JFK Foto de la prensa china del tren del Tibet

28 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Ejemplo de composición de imagen (1/5) Lars Bishop, principal asistente docente del curso CS123, que estas láminas traducen, creó una foto noticiosa de él mismo reunido con el ex-presidente ruso Boris Yeltsin –Post-Gorbachev y Perestroika. Ejerción del 10 de julio de 1991 hasta el 31 de diciembre de 1999, cuando renunció a favor de Putin) No hace falta decir que Lars Bisgop nunca conoció al Sr. Yeltsin Tuvo que obtener las imágenes, cortar las partes que quería, retocarlas, pegarlas juntas y retocar el resultado final. Foto de Boris (del Internet) Foto de Lars (de una videocámara)

29 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Ejemplo de composición de imagen (2/5) Cortó las figuras que queremos de las imágenes originales –Pintó una región alrededor de las partes importantes de las imágenes (un delineado de la gente) usando Photoshop –Continuó retocando este delineado hasta que no haya fondo en el borde de la gente –Usó la herramienta smart lasso que dé con el fondo blanco, y asi seleccionar el sujeto. (La herramienta Magic Wand en Photoshop puede lograr esto)

30 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Ejemplo de composición de imagen (3/5) Filtró las imágenes para que parezcan similares, y luego las pegó juntas –Boris se ha difuminado y abrillantado para eliminar las líneas de mediotono (debió salir de una foto de revista) –A Lars se ha difuminado y agregado ruido para que calce la calidad de la imagen a la de Boris –Las imágenes son redimensionadas para que Boris y Lars estén a la misma escala

31 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Ejemplo de composición de imagen (4/5) Finalizar imagen –Creó un fondo simple de dos colores y agregó ruido para que calce con el resto de la imagen, colocó recorte de los dos sujetos encima del fondo. –Esto deja un halo blanco delgado alrededor de los sujetos, así que usó la herramienta Rubber Stamp para estampar patrones de ruido de fondo sobre el halo, haciendo que las costuras sean menos obvias.

32 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Ejemplo de composición de imagen (5/5) Imagen final (con retocado en bordes) BISHOP Y YELTSIN EN CONVERSACIONES DE PAZ BISHOP: ¡No pude entender una sola palabra de lo que dijo!

33 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Composición de imágenes - Frankencaras Aseem Agarwala, Mira Dontcheva, Maneesh Agrawala, Steven Drucker, Alex Colburn, Brian Curless, David Salesin, Michael Cohen. Interactive Digital Photomontage. ACM Transactions on Graphics (Proceedings of SIGGRAPH 2004),

34 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Composición de imágenes - Frankencaras Aseem Agarwala, Mira Dontcheva, Maneesh Agrawala, Steven Drucker, Alex Colburn, Brian Curless, David Salesin, Michael Cohen. Interactive Digital Photomontage. ACM Transactions on Graphics (Proceedings of SIGGRAPH 2004),

35 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Análisis de niveles de error ¿Ha sido manipulada una imagen? ¿En qué partes?

36 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Análisis de niveles de error Fuente de la imagen: Mejor explicación:

37 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Visión computarizada (1/2) La computación gráfica se trata de usar modelos para crear imágenes; la visión computarizada resuelve el problema opuesto – derivar modelos a partir de imágenes La computadora debe hacer todo el procesamiento sin intervención humana Las técnicas de procesamiento a menudo deben ser rápidas –Un procesamiento lento agregará una latencia de la cámara a la reacción en el sistema Técnicas comunes de preprocesamiento para visión computarizada: –Mejora de bordes –Detección de regiones –Mejora de contraste –Detección de puntos de interés

38 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Visión computarizada (2/2) El procesamiento de imágenes hace que la información sea más fácil de encontrar La detección de patrones y el reconocimiento de patrones son campos separados por sí mismos –Detección de patrones: buscar características y describir el contenido de la imagen a un alto nivel –Reconocimiento de patrones: clasificar colecciones de características y emparejarlas con una libreria de patrones almacenados (ej., caracteres alfanuméricos, tipos de células anormales, o características humanas en el caso de biometría) –Detección de patrones es un componente importante del reconocimiento de patrones La visión computarizada puede ser usada como parte de una interfaz de usuario pasiva, como una alternativa a los aparatosos dispositivos cableados como mouses espaciales de 6 grados de libertad, varitas, y guantes de datos, ver siguiente lámina Fotografía computacional trae muchas técnicas de la visión.

39 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Ejemplo: Guitarra de aire virtual Sistema de visión computarizada en tiempo real –El usuario viste unos guantes anaranjados –Las regiones de los guantes se extraen en tiempo real Reconocimiento de gestos –Cambiar nota con la mano superior –Pulsar la cuerda con la mano inferior Cada vez que la mano cruza el cuello virtual de la guitarra (línea diagonal en la foto) –Simular también vibrato y gestos de deslizado Ver la demostración.demostración La guitarra de aire virtual de la Helsinki University of Technology Virtual Air Guitar project:

40 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Microsoft Kinect Usa la visión computarizada para ver la forma de tu cuerpo –Extrae múltiples esqueletos de una imagen de profundidad El cuerpo como controlador Reconocimiento de gestos –Reconocimiento facial Funciona con hardware barato –Cámara RGB –Sensor de profundidad CMOS Proyecta un patrón infrarojo para ver en la oscuridad –Costo total 150 USD Investigaciones actuales usan el Kinect para construir nubes de puntos 3D Juntas de esqueletos sobre un mapa de profundidades El Kinect

41 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Procesamiento de imágenes 3D (1/3) Imagen de Rendering Volumétrico basado en Mecanismos de Manejo de Texturas, por Durán y Morillo. Universidad Simón Bolívar URL:

42 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Procesamiento de imágenes 3D (2/3) Dispositivos 3D –Dispositivos autoestereoscópicos comienzan a surgir La mayoría trabaja con ópticas lenticulares o con efectos de paralaje (parallax) –Varias compañías ya estan comercializando productos Philips lanzó el primer TV 3D de alta definición en 2009, ahora son más populares Panasonic, LG, Smasung y Sony ahora tienen también televisores 3D en el mercado Hitachi, HTC, LG producen teléfonos móviles 3D Nintendo 3DS Philips 52 WOWvx Display Hitachi H001 Nintendo 3DS

43 Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Procesamiento de imágenes 3D (3/3) zSpace es un dispositivo 3D interactivo y una plataforma de computación –http://z.zspace.com/about- zspace/http://z.zspace.com/about- zspace/ –Aplicaciones potenciales incluyen arquitectura, visualización de datos, medicina, arte digital, ingeniería, juegos/entretenimiento, educación Tecnología Fujifilm 3D –FinePix REAL3D, lanzado en 2009, captura videos e imágenes en 3D –Servicio de impresión 3D


Descargar ppt "Universidad Católica Andrés Bello » Computación Gráfica » Ciro Durán Computación Gráfica Semestre 201321 CRN Septiembre 2012 – Febrero 2013 Ciro Durán."

Presentaciones similares


Anuncios Google