sábado, 29 de mayo de 2010

¿ Qué es Morphing ?

Clásicamente se conoce con el nombre "Morphing" a una técnica de manipulación de imágenes digitales que permite obtener una animación -transición controlada- entre dos imágenes diferentes.  La transformación necesaria para su cálculo se realiza en el denominado "espacio de imagen".

Una generalización del concepto de morphing en el "espacio de objetos" es la transformación de un objeto tridimensional en otro. A nivel de objetos se suele denominar "deformación", pero no deja de ser un mismo concepto de "cambio a un nuevo estado de forma".

Generalizamos en un plano más abstracto sin identificar el elemento o propiedad que cambia; evitaremos por tanto identificar si es el color del pixel o la posición de un vértice lo que debe pasar de un color a otro, de una posición a otra, en definitiva de un estado a otro.

"Morphing" es la técnica  que permite obtener una serie determinada de estados intermedios entre dos estados diferentes.

Como ejemplo veamos un morphing en el plano de imagen. Pensemos en la transición necesaria para pasar de un avatar a otro.


A partir de dos imágenes sustancialmente diferentes el efecto es más interesante, ya que se produce un movimiento de las imágenes que es lo que caracteriza a esta técnica. Resaltaremos las diferencias respecto de un fundido clásico. 

Primero vemos la transformación sin guiar las imágenes, y a continuación tenemos un ejemplo en el que se han definido "puntos de control" que favorecen una transformación mas orientada:


Si se superponen las imágenes, en cada pixel tendremos dos valores de referencia, el de la imagen inicial y el correspondiente al de la imagen final.

Mientras en la primera imagen cada pixel va cambiando su color en función del valor del pixel final exclusivamente, en la segunda se aprecia una direccionalidad o movimiento de la imagen, ya que ahora el valor depende ademas de un recorrido en las imágenes.

Para guiar la transformación debemos identificar mediante "puntos de control" diferentes posiciones en la imagen inicial que deben ser conducidas a la correspondientes marcas de la imagen final. La transformación utiliza estas referencias para calcular las trayectorias de cada punto y realizar el "morphing" de las imágenes. 


Orejilla de @piziadas
Ojo de @nkkita

4 comentarios:

SOLO DE INTERES dijo...

Siempre nos traes maravillas, que buenísimo efecto, espero algun día manejarlos, hoy cuando trabajaba fotos narradas, lo senti tan fácil, y al principio era tan dificil. Espero llegar a manejar Morphing. Un fuerte abrazo mi amigo profesor

Felix Casanova dijo...

Piziadas...

Mira que lo explicas bien, requetebien diría yo, pero es algo que se me escapa a mi corto entender. Gracias de todas formas. ¿ese ojo es de Nkkita? jaja, no me había apercibido.

Un fuerte abrazo, premio #naranja para ti por este post

joju dijo...

RC si quieres manejar morphing te sorprenderas de lo sencillo que es. Pueden quedarte unas transiciones preciosas que añadas a tus vídeos. Prepararé una entrada para ello. Un fuerte abrazo.

joju dijo...

Como todo en la vida es cuestión de trabajo. La imagen de síntesis es sencilla de manejar cuando se ha trabajado suficientemente, llega a ser tan sencilla como montar en bicicleta, cosa que nos parece dificil si ni lo hemos practicado nunca. Si te animas a trabajar algo de lo que aquí se explica tienes tutorias gratis ;) Gracias por tus comentarios y un cordial saludo

Recent Posts

Salvo indicación expresa, todos los contenidos de esta página están sindicados bajo una licencia Creative Commons. Puedes usarlos y modificarlos, siempre que no se haga con fines comerciales y se cite al autor.

Los enlaces que completan las ilustraciones son informaciones y opiniones de sus autores, muchas veces diferentes e incluso manifiestamente opuestas, buscando un contraste de visiones.

Etiquetas

#manifiesto (2) 2010 (1) 3D (41) Actividad sísmica (3) Actualidad (22) Aeronáutica (1) Agua (3) Águila (1) Alan Wake (1) Aminatou Haidar (1) Amor (3) Animación (24) Animales (1) Antialiasing (1) Aplicaciones (1) Aprendizaje activo (1) Aprendizaje cooperativo (1) árbol (1) Arquitectura (1) Arte (4) AstroRobonaut (1) Australia (1) avatar (1) Bicicleta (2) Biología (2) Bitacoras.com (4) Blackout (1) Blender (42) Blog (71) Blogs (3) Blue Brain (1) Bump Mapping (2) Capas (1) Carrillo (1) Censura (2) Chile (2) Ciencia (34) Cine (2) Citas (2) Civismo (1) Color (3) Comentarios (1) Comic (1) Composición (1) Conferencia Montreal (1) Consolas (1) Creatividad (2) Crítica (2) Cultura (3) Curiosidades (1) D (1) Daniel Bensaïd (1) Desastres naturales (1) Dibujo (4) Diseño (9) Documental (2) Edición (9) Educación (23) Esfera (1) Esferas (1) España (1) Estadisticas (1) Estructura (1) Evolución (1) Exposición (1) Fallas (2) Festividad (2) Ficheros (1) Filosofía (1) Flores (1) Follow friday (2) Fondo Figura (1) fondos (1) Fotoblog (2) Fotos (4) Fractales (1) Frases (1) Fuego (1) fútbol (1) Galaxias (1) Gallo (1) Geometría (17) Gomarta (1) Google (1) Gráficos (13) Greenpeace (1) Guatemala (1) Haiti (10) Hipopótamo (1) Historia (1) homenaje (1) Huellas (1) Humano (1) Humor (36) Iluminación (5) Ilusiones ópticas (2) Imagen (7) Imagen sintética (76) in memoriam (1) Ingeniería (2) Innovación (5) Innovación educativa (16) inocente (1) Internet (6) Investigación (2) ISS (2) Jardín (1) Java (1) Juegos (1) Jugabilidad (1) Key Frame (1) Layers (1) Lectura (1) Letras (1) Leyes Gestalt (3) Libertad expresión (1) Libro (1) Madrid (6) Mapeado (1) Mar (1) Matemáticas (1) Material (6) Maya (2) Mesh (2) Metaballs (1) Microsoft (4) Morphing (35) mosaico (1) Movie Maker (2) Mujer (1) Mundial (1) Música (2) Nasa (1) Navidad (3) NEURONA (1) niño (2) Objetos (2) OCW (1) Óleo (9) Óleos (1) Olimpiadas (1) open source (3) Optimula (1) Organización (1) Pacman (1) palante (1) palillos (2) Paloma (1) Pelo (2) Pensamientos (2) Periodismo (9) Perlin Noise (1) Personajes (5) Personal (8) Pi (1) Pintores (1) Pintura (6) Pixel (1) PIZ (23) PIZiadas (48) Política (3) Post (1) premios (1) Primavera (1) programación (9) Proteina (2) Publicidad (3) puentes (2) Puntillismo (1) R2 (1) Raytracing (27) Real time (1) Realidad aumentada (1) Realidad virtual (1) Recursos educativos (2) Reflejos (5) reflexión especular (4) Refracción (4) Rendering (22) René Descartes (1) Representación (1) Retos (1) Salinger (1) Saludo Blog (3) San Valentin (1) Saramago (1) segregadores (3) Selección (1) SGAE (2) Shaders (1) Sillón (1) Simulación (1) Sismico (1) Software (14) Sombreado (1) Sonido (1) Sudáfrica (1) Tecnología (35) Televisión (2) Tendencias (2) Terremoto (15) Texto (1) Texturas (8) Tinta (1) Transparencia (5) Turquía (1) Tutorial (5) Tutoriales (2) Twitter (9) Universo (1) UPM (1) usuarios (2) Vetas (1) VGG (4) videojuegos (1) Vídeos (13) Wikipedia (1)