domingo, 30 de mayo de 2010

Cómo hacer un Morphing de dos imágenes [ con Squirlz Morph ]

Después de ver qué es un morphing, vamos a realizar un ejemplo completo, desde la descarga del software hasta la producción del fichero de imágenes con la secuencia calculada. En este ejemplo veremos la secuencia básica para la creación de un "morphing" entre dos imágenes.

Existen muchas aplicaciones que facilitan la tarea de creación de estos efectos visuales, muchos de ellos de carácter gratuito. Una interesante selección se puede obtener aquí. En particular para el ejemplo que vamos a realizar me he descargado Squirlz Morph 2.1, ocupa poco (1,4 Mb) y dispone de opciones para generar ademas de ficheros de vídeo, animaciones en flash y formato GIF.

En general la filosofía de trabajo es similar en todos los programas;

  • Incorporar las imágenes
  • Definir puntos de control
  • Definir velocidad y duración de la transformación
  • Generar la animación


Primero abriremos dos imágenes de igual tamaño. 

Los formatos admitidos en este caso son jpg y bmp. Si las imágenes no son del mismo tamaño se pueden convertir desde el propio programa, aunque es recomendable realizar esta conversión desde un software de retoque fotográfico más completo. 

Para abrir los ficheros de imágenes seleccionaremos el icono correspondiente, o accederemos mediante el menú File a esta utilidad. También es posible arrastrar la imagen desde la carpeta en que se encuentre hasta el área de trabajo de la aplicación.




El siguiente paso consiste en indicar el número de imágenes que van a constituir la animación. Por ejemplo si queremos que dure cuatro segundos y tenemos 25 imágenes por segundo (framerate) necesitaremos 100 fotogramas para la animación.



El paso previo para generar el morphing, es indicar los puntos de control que van a guiar la transformación.

Elegir adecuadamente los puntos más adecuado exige un entrenamiento y una experiencia que debemos adquirir mediante ensayo y error; los resultados dependen fundamentalmente del número y disposición de los puntos de control que incluyamos.

En nuestro ejemplo se han seleccionado un reducido número de ellos que se esquematizan en las imágenes siguientes:


Los colores utilizados sirven para identificar fácilmente la correspondencia entre los puntos de control de ambas imágenes. En realidad en el programa comentado no se utilizan, simplemente se dibujan unos pequeños círculos de color blanco.



Podemos imaginar nuestra transformación más claramente si dibujamos una líneas que unan los puntos de control y nos imaginamos que dichos puntos se mueven arrastrando las líneas. Nuestra animación reflejará este movimiento.




Para añadir o quitar los puntos de control utilizaremos los iconos con los símbolos "+" y "-",  seleccionando con el ratón la posición en que se quiera añadir, o en la que se encuentre el punto a eliminar.

Los puntos de control que se introduzcan en una de las imágenes se generan automáticamente en la otra, y ambos se pueden mover arrastrándolos con el ratón, y seleccionando la nueva posición.

Una vez completada la incorporación de puntos de control, y ajustadas sus posiciones, se puede ver una vista aproximada del resultado que obtendremos en una ventana de "previsualización".

Si el resultado es aceptado, pasaremos a guardar el trabajo en uno de los formatos disponibles:

El formato de víseo es muy útil si el morphing se usa en una producción de vídeo, siendo editado con otras herramientas posteriores.

Otro formato interesante es el "gif animado", que puede integrarse fácilmente en un blog o página web.

Para optimizar espacio existen otros modelos comprimidos; se incorpora el formato "flash" con el que pueden reducirse hasta en un 90% el tamaño de los ficheros.

A la hora de guardar el fichero deberemos definir el número de imágenes por segundo que queremos tener en la animación:


Aunque el proceso es sencillo, existen diferentes parámetros de control de la aplicación que pueden ampliar sustancialmente  las posibilidades de alterar los resultados del proceso de morphing.


Estos parámetros permiten controlar con más detalle la transformación aunque complican el uso del programa y por ello no deben despistarnos en el aprendizaje inicial;  lo más importante es diseñar estrategias de transformación de las imágenes, determinando que zonas de una imagen mejor se corresponden con las de la otra.
Debemos adquirir experiencia en la forma de gobernar la transformación mediante los puntos de control.
¿Te animas a intentar un "morphing"?
Avatares obtenidos en Twitter de las cuentas de:
Orejilla de @piziadas
Ojo de @nkkita

7 comentarios:

felix dijo...

Joju...

El que sabe, sabe, y el que no que se compre un libro. Otra gran entrada aunque se escape a mis escasos conocimientos. Tomo nota del maestro.

Un abrazo

Chary Cirujano dijo...

¡Muy bien! Hala, otro programita para estudiar ¡estupendo!
Un beso enorme

joju dijo...

Felix, a base de pequeñas aproximaciones y sin darnos cuenta, acabaremos aprendiendo todos de todos. Yo admiro el trabajo de otros "pequeños saltamontes" que a mí me parecen inalcanzables de momento, pero no desespero. Un abrazo.

joju dijo...

laMar, éste va principalmente dirigido a RC y nkkita, pero no dudo que con tu dominio gráfico, en una o dos horas nos sorprendes. Es un software muy sencillo de usar y con grandes resultados. Un abrazo.

blogavante dijo...

¿sabes que te digo? que lo voy a probar cuando saque un rato, porque lo primero es tener un poco de tiempo en esta vida tan ajetreada.
Y.... por supuesto agradezco tu visita un montón. Muxus.

joju dijo...

Hola blogavante, si te animas a probarlo y tienes dificultades cuenta conmigo, me sirve para ir depurando los artículos. Un abrazo y gracias por tu visita

blogavante dijo...

Vas a ver que he probado lo que nos enseñas. He metido en el blog algo hecho con tu morphing. Saluditos y espero que te guste.

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)
Powered By Blogger