Juan Carlos Asinsten

Morphing Transiciones de forma

Versión 1.2 / Abril 2012-abril 2015

Pág. 2Juan Carlos Asinsten

Edición de video.

Morphing

Contenido

Animación por morphing

Primo, prima .................................................................................................................. 3

Morphing con PhotoMorph ........................................................................................... 4

Crear el video ................................................................................................................ 8

Warp .............................................................................................................................. 9

Algunas ideas para usar el morphing ............................................................................ 10

Pág. 3Juan Carlos Asinsten

Edición de video.

Morphing

Animación por morphing

Entre nosotros... Quién no se anima, a la hora del morphing, eh?

Posiblemente el clip de Michael Jackson en el que se convierte en tigre sea una de las más famosas expresiones de morphing en movimiento. Varias escenas de Terminator (cuando la imagen del robot metálico asume apariencia humana gradualmente) utilizan este procedimiento. En la Argentina podemos recordar el spot publicitario en el que el tigre de Esso se convierte en un chorro de aceite lubricante.

Morphing es la palabra que designa al proceso de transformación gradual de una imagen en otra, lo que percibimos como si se transformaran los ob-jetos representados. Los ejemplos mencionados corresponden a morphing de video, bastante difícil de lograr. Nosotros trabajaremos en morphing de imágenes fijas, lo que resulta, como veremos enseguida, relativamente sencillo.

La secuencia de imágenes de un proceso de morphing se utilizan, gene-ralmente, para armar un video que las muestra sucesivamente, creando la ilusión de la transformación. Pero pueden utilizarse también como imágenes fijas, seleccionando alguna intermedia, que mostrará la apariencia de mezcla entre la imagen original y la de destino.

Primo, prima

Las siguiente imágenes son parte de un video de 2 segundos (30 frames) en la que una fotografía cami.jpg se transforma en la de su primo nahue.jpg

Obsérvese que la reja de la foto destino aparece por transparencia. Se podría haber transformado la moldura de la puerta de la foto de origen en dicha reja. También la remera celeste aparece por transparencia sobre la amarilla. Lo correcto hubiera sido transformar el cuello azul en la remera. La

Este material fue escrito hace varios años. Se actualizó en 2012 sólo en el diseño gráfico, por lo que algunas cuestiones pueden aprecer como desactualizadas.

En 2015 le dimos formato de TyM

Pág. 4Juan Carlos Asinsten

Edición de video.

Morphing

transformación de los rostros resulta muy creíble ayudada por el parecido físico. Se puede ver el video en la Ayuda sobre morphing. el video original lo tuvimos que convertir, ya que el códec de compresión usado (cuando hicimos el video) no es reconocido por los editores actuales.

Morphing con PhotoMorph

PhotoMorp es un programa bastante viejito pero actual. Pese a su antigüe-dad, funciona en Windows XP (SP3) y Windows 7.Lo elegimos para nuestro proyecto porque nos resulta muy fácil de usar. Algunos programas más recien-tes (y gratuitos) que hemos probado los encontramos más complicados.

PhotoMorph (pmorph) trabaja en 16 bits (viene de windows 3.1) pero la calidad de los videos es suficiente para nuestros proyectos. No necesita instalación. Simplemente se descomprime el archivo zipeado en una carpeta y está listo para usar (lo que ahora se llama «portable»).

Selección de 11 imágenes de las 30 que constituyen la secuencia.

La fecha de un TXT adjunto es de 1993

1

2

1

Abrimos PMORPHCuando se abre el programa, aparece la ventana principal con varios íconos. Con un clic sobre la ventana (1) aparece el editor (2) y adquiere este aspecto, listo para trabajar.

Pág. 5Juan Carlos Asinsten

Edición de video.

Morphing

En esta ventana de trabajo se establecen las principales características del video.Lo primero es cargar las imágenes de origen y destino de la transformación.Para ello se presiona el botón con la carpeta, que abre la ventana de navegación Abrir.

En la ventana Abrir buscaremos la fotografía inicial. Para este tutorial usaremos cami.jpgLa versión shareware permite cargar sólo imágenes jpgObsérvese que el programa no reconoce nombres largos.En estas capturas los archivos están en la misma carpeta que el programa. Si no fuera así, se pueden utilizar las ventanas de disco y carpetas para navegar hasta donde los hayamos guardado.

2

3

El Editor

4Cuando elijamos la foto, el programa nos avisará que esta versión de JPG no la conoce (no había nacido todavía...)Aceptamos y el proceso sigue sin problemas.

Pág. 6Juan Carlos Asinsten

Edición de video.

Morphing

61) Luego de cargar cami.

jpg en la ventana inicial (start)...

2) ...cargamos nahue.jpg en la ventana de destino (End) mediante el botón (3)

El paso siguiente es editar la transformación.Si presionáramos ahora el botón Create Animation (4), el programa construiría el video, produciendo una transición por fundido o transparencia entre las dos imágenes.5) Para realizar un

morphing debemos editar la animación en la pantalla respectiva, para lo que presionaremos el botón Edit

31

2

5

4

7

1

3

2

1

1) Ampliamos las dos imágenes para trabajar con más comodidad

2) Seleccionamos para la primera ventana (origen) el botón de colocar puntos de referencia.

3) Colocamos en la segunda ventana (destino) el botón de mover los puntos.

Cómo se operaSi colocamos un punto en la nariz en la imagen de origen, aparecerá en la imagen de destino en las mismas coordenadas. Con el puntero del mouse lo debemos arrastrar a la posición que debería ocupar en la foto de destino (también la punta de la nariz).Veremos en las capturas de las páginas siguientes más en detalle ésto.

Zoom. Con clic del botón principal aumenta el tamaño de la visualización, y con clic del botón derecho disminuye el tamaño.1

Pág. 7Juan Carlos Asinsten

Edición de video.

Morphing

2

4

1

4

3Un ejemplo1) Colocamos un punto

en el extremos del ojo2) Aparece en la otra

foto en la posición (2)3) Necesitamos

trasladarlo a (3)4) Los puntos azules ya

fueron acomodados.

Necesitaremos ir dibujando los contornos de los elementos más significativos de las imágenes.Observemos que hemos colocado puntos en el borde interno de los labios, para que la sonrisa aparezca por desplazamiento y no por transparencia.El punto rojo (el último colocado) todavía no ha sido ubicado en la foto destino.

8

El programa produce una transición por transparencia o fundido entre cada pixel de la foto inicial y el correspondiente de la foto final. Pero toma en cuanta los puntos que colocamos en la edición, desplazando los pixels ente la foto inicial y final, creando la ilusión de movimiento. La técnica básica con-siste, entonces, en dibujar con los puntos los perímetros de los objetos más significativos de amabas fotografías. Los pixels del interior de esos perímetros serán arrastrados por los otros.

En el caso de rostro necesitaremos prestar atención a ojos, boca, nariz, orejas, cabello. Si los fondos no son regulares o lisos, estudiaremos qué objetos del origen pueden transformarse en qué objetos del destino.

Una vez que hemos llegado a lo que presumimos como satisfactorio, edi-tando el video tantas veces como sea necesario, clic sobre el botón de configuración que hará aparecer una nueva zona, a la derecha de la ventana, donde configuraremos las características principales del video.

Pág. 8Juan Carlos Asinsten

Edición de video.

Morphing

Crear el video

Con el botón Create Animation el programa construye el video. Si el re-sultado no nos parece satisfactorio, podemos volver al modo edición (botón Edit), realizar las correcciones necesarias, y volver a grabar el video.

La versión shareware no permite guardar el proyecto, pero sí los videos finales. El programa mantiene la edición activa mientras no lo cerremos, lo que permite hacer todos los ajustes que consideremos necesarios.

El botón AVI abre una ventana de ejecución de videos, en la que podremos observar el trabajo terminado.

92

11) El botón de

configuración abre el panel de opciones de la derecha (2)

3) Frames por segundo. 4) Compresión. Se puede

dejar en None, si se va a usar después en otra producción, en la que se comprima.

5) Formato de salida. Disponible sólo AVI

6) Tres calidades de salida. Elegir Slow para las pruebas, Higth para el producto final.

7) Cantidad de frames (pantallas). Con 30 frames, a 15 frames pro segundo, la animación dura dos segundo.

8) Create Animatión da comienzo a la grabación del video.

6

5

4

3

8

7

Pág. 9Juan Carlos Asinsten

Edición de video.

Morphing

Warp

PhotoMorph también permite hacer otro tipo de transformaciones. Warp es una deformación sobre la misma fotografía o gráfico (no entre dos, como el morphing).

1) Cargamos una sola fotografía.

2) Elegimos Warp en la lista desplegable Type.

3) Vamos a la ventana de edición con el botón Edit...

1

En este caso vamos a construir una animación de la sonrisa.Agrandamos la boca, un poco las mejillas y dejamos el resto como está.Para eso fijamos algunos puntos clave, para queno se muevan (ojos, unión de orejas y mejilla.Luego dibujamos la boca con varios puntos, para que la transición sea suave.Cuando está listo confirmamos con OK

2

En la pantalla principal presionamos Create Animation, y esperamos que se complete el proceso hasta que salga el cartel de aviso.

3

32

1

Pág. 10Juan Carlos Asinsten

Edición de video.

Morphing

Algunas ideas para usar el morphing

Las transformaciones pueden convertirse en una herramienta útil para integrar animaciones o videos a la interface. Mediante el uso del morphing puede hacerse que un dibujo se transforme primero en la fotografía (el fo-tograma inicial del video) y luego arranque el mismo. En el capítulo de video realizaremos algunos experimentos utilizando esta herramienta.

El trabajo terminado. Ultimo frame del video de 2 segundos.

Observemos que la zona inferior del labio presenta un problema. Hay que rehacerla.

4

Mejoró, pero no lo suficiente. Seguramente deberíamos borrar todos los puntos de la zona y marcarlos nuevamente.

5

Primer frame.