Manual de Sqirlz Morph. Como hacer mophing por la cara.

Hace tiempo que prometí que haría un manual para aprender a usar Sqirlz Morph. Este programa sirve para hacer morphing, para los que no sepan que significa esto les dejo la siguiente definición de morphing:

El morphing es una técnica mediante la cual se produce la transformación de una imagen en otra distinta siguiendo unos puntos de correspondencia o control. La cantidad de estos puntos de control, así como su acierto a la hora de colocarlos determinarán en gran medida la calidad de la transformación final.

Bueno ahora que ya sabéis que es el morphing si queréis saber de que es capaz Sqirlz Morph podéis ver el vídeo ZapaJoker realizado con este programa.

Squirlz Morph programa de morphing

Con Sqirlz Morph podrás hacer múltiples transiciones entre varias imágenes, no se limita a una imagen de origen y otra final, sino que podrás añadir más imagenes intermédias para hacer tus transformaciones más divertidas. Podrás guardar el resultado como un archivo de video AVI, como un gráfico GIF o en el formato SWF de Macromedia Flash. También podrás guardar las imágenes de una en una en formato JPEG o BMP (mapa de bits o bitmap). Además Sqirlz Morph es compatible con todos los windows desde el 95 hasta Vista y es completamente gratuito, sin limitaciones ni periodos de prueba, vamos que realmente harás morphing by the face (por la cara).

Bueno si te han convencido el vídeo y las características del programa vamos a ver como instalar Sqirlz Morph.

– Instalación de Sqirlz Morph –

Descargate el programa desde Softonic o visita la página oficial de Sqirlz Morph. Ahora mismo la versión que hay es la 1.4 y en ella se basa este tutorial.

Cuando tengas el archivo en el disco duro descomprimelo ya que viene en formato ZIP. Luego pincha dos veces sobre el archivo ejecutable y sigue la siguiente secuencia:

«Next>» >> «Next>» >> «Next>» >> «Install» >> «Finish»

Ya tienes el programa instalado ahora vamos a ver un repaso general al espacio de trabajo del Sqirlz Morph.

– Espacio de trabajo de Sqirlz Morph –

Para abrir el programa sigue la siguiente ruta:

«Inicio» >> «Todos los programas» >> «Sqirlz Morph» >> «Sqirlz Morph»

Se abrirá la siguiente pantalla:

Patalla de inicio de Sqirlz Morph

En esta ventana podemos diferenciar cinco zonas. La primera de ellas, como podemos ver en la imagen de arriba, es la zona de trabajo y ocupa la parte central de la pantalla.

Luego tenemos la barra de menús, arriba del todo.

Barra de menú de Sqirlz Morph

Justo debajo de la barra de menús tenemos la barra de herramientas general (Toolbar (General)).

Barra de herramientas general

A la izquierda de la ventana está la barra de herramientas de puntos de control (Toolbar (Control Point)).

Barra de herramientas de puntos de control

Abajo del todo aparece la barra de estado (Status Bar).

Barra de estado de Sqirlz Morph

Y por último, justo encima de la barra de estado está la barra de herramientas para la selección de fotograma (Toolbar (Frame Select)).

Barra de herramientas de selección de fotogramas

Ya tenemos una visión general de nuestro espacio de trabajo, ahora veremos como se usa Sqirlz Morph.

– ¿Cómo funciona Sqirlz Morph? –

Este programa es bastante fácil de usar y ahora lo veréis. Para hacer una transformación, por ejemplo de una cara a otra cara, necesitamos lo siguiente:

  1. Dos imágenes: buscamos dos fotografías, como en este ejemplo haremos una transformación de un rostro a otro, tenemos que buscar dos imágenes de rostros. Es deseable que las fotografías tengan cierta similitud en cuanto a colores y posición de los rostros. Me explico, si las dos fotografías tienen colores similares de fondo la transición de una cara a otra serás más armónica, por otro lado si cogemos dos fotos una con un personaje de perfil y la otra de otro personaje de frente la transformación no será tan fluida. Por eso es recomendable usar dos fotos en las que los personajes presenten un encuadre similar, aunque no es estrictamente necesario.
  2. Colocar los puntos de control: Cuando hagamos una transformación tendremos una imagen de origen y otra de destino. También se pueden utilizar múltiples imágenes o invertir luego el sentido de la transformación siendo la imagen de origen la de destino y viceversa, pero de momento nos vamos a quedar con la opción más sencilla que es una imagen de origen y otra de destino. Lo que debemos hacer es situar puntos de control en la imagen de origen que marquen las distintas partes del rostro del personaje a transformar. Cuantos más puntos coloquemos más complejo será nuestro morphing.
  3. Mover los puntos de control de la imagen de destino: A medida que vamos colocando puntos de control en la imagen de origen, estos puntos van apareciendo en la imagen de destino, pero rara vez aparecen en el sitio adecuado por lo que debemos moverlos para hacerlos coincidir con las partes del rostro que marcaban los puntos de control den la imagen de origen. Ahora veremos con más detalle que esto no tiene ninguna dificultad.
– Usando Sqirlz Morph. Configuración inicial –

Bueno ahora que ya sabemos lo que necesitamos comencemos con la transformación siguiendo los pasos enumerados anteriormente:

1º) Buscamos las dos fotos con las que vamos a realizar el morphing, para ello puedes coger alguna imagen que hayas hecho con tu cámara o usar Google Imagenes. Yo voy a realizar una transformación sencilla entre Kofi Annan y Morgan Freeman y he escogido estas dos fotografías para hacer el morphing.

Ahora vamos a importar las dos fotografías al programa. Abre el Sqirlz Morph y pincha en «File» en la barra de menús. Luego pincha en «Open» busca las dos imágenes en tu disco duro y selecciónalas. Por último pincha en «Abrir». Aparecerán en la ventana del programa las dos imágenes seleccionadas, una encima de otra. Arrastra la imagen destino a la derecha y deja la zona de trabajo de este modo:

Zona de trabajo con las dos imagenes cargadas

La imagen que aparece en el centro de las dos caras es la ventana «Preview» en la que podrás ver como va quedando la transformación a medida que añades puntos de control.

Antes de seguir vamos a guardar lo que llevamos hecho en un proyecto, para ello pincha en «File» y luego en «Project» y «Save As». Se abrirá la ventana «Guardar como» en la que tendrás que darle un nombre a tu proyecto. Elige un nombre y pincha en «Guardar». A partir de ahora siempre que hagas avances significativos en tu trabajo debes guardarlos para que no pierdas los cambios en caso de fallo de la corriente eléctrica o simplemente cuando quieras dejar de trabajar para seguir más tarde.

2º) Si has guardado el proyecto y cerrado el programa para poder seguir con el tutorial tenemos que abrir el proyecto. Pincha en «File» en la barra de menús y luego en «Project» y «Open». Se abrirá la ventana «Abrir» en la que deberás buscar el proyecto guardado, una vez que lo hayas seleccionado pincha en «Abrir» y podremos continuar donde lo dejamos.

3º) La transformación entre las dos caras puede hacerse en ambos sentidos, como yo quiero hacerla con la foto de la izquierda como origen del morphing tendré que configurar el programa para que así sea. Para ello pincha en «Image» en la barra de menús y luego pincha en «Animation Order», aparecerá la ventana «Animation Image Order».

Ventana de orden de la imagenes de la animación

La imagen que aparezca primera en la lista será la imagen origen de la transformación, en este caso aparece la imagen de Freeman y no haremos cambios. Si tuviéramos que cambiar el orden tan solo tendríamos que seleccionar la imagen de Kofi y pinchar en los botones de la izquierda de la ventana para subirla.

4º) Para que la transformación se realice correctamente las dos imágenes deben tener el mismo tamaño. Para conseguir ésto podemos ajustar el tamaño de las imágenes desde el mismo programa, tan solo tenemos que seleccionar una de las dos fotografías pinchando sobre una de ellas y luego pinchar en «Image» en la barra de menús, en el menú que se abre pincha en «Equalize sizes» y se abrirá una ventana en la que te preguntará en ingles si estás seguro de que quieres ajustar el tamaño de las demás imágenes al tamaño de la imagen seleccionada. Pincha en «Sí» y todas las imágenes del proyecto tendrán el mismo tamaño.

Reajustando los tamaños de las imágenes

5º) Ahora vamos a modificar otro valor del programa que por defecto viene configurado a «20» y que es el número de fotogramas que componen la transformación. Para cambiarlo pincharemos en «Morph» en la barra de menús y luego en «Period». Se abrirá la ventana «Animation Period» en la que ajustaremos el valor a 50. De este modo la transformación tendrá entre la imagen origen y la final 48 fotogramas intermedios.

Periodo de la animación

Después de ajustar el valor a 50 pincha en «OK» y fíjate la barra de herramientas para la selección de fotograma ha cambiado su valor de 20 a 50.

Número de fotogramas

Cuanto mayor sea el número de fotogramas mas lenta será la transformación. Un valor de 20 producirá una transformación excesivamente rápida que hará que no se aprecie bien la transformación entre los rostros aunque dependiendo de las circunstancias puede que te interese bajar de este valor.

– Usando Sqirlz Morph. Iniciando la transformación –

Bueno después de haber configurado los parámetros anteriores entremos de lleno en el proceso de transformación de las dos caras.

Herramienta para añadir puntos de control

1º) Lo primero es seleccionar la herramienta para añadir puntos de control («Add control points») que se encuentra en la barra de herramientas de puntos de control y que está representada por una cruz verde. Una vez que la tengamos seleccionada nos dirigiremos a la imagen origen (en este caso la de Freeman) y comenzaremos a añadir puntos de control en zonas de referencia como los ojos, la nariz, la boca, las orejas, etc.

Insertar puntos de control

Fíjate como se han colocado puntos de control tanto en las orejas como en los ojos, la barbilla, la boca, la nariz, el contorno del pelo y alguno en la frente. Ahora fijate en los puntos marcados como 1, 2 y 3 y verás como en la imagen de Kofi ha aparecido un punto por cada punto de control añadido en la imagen de Freeman, pero estos puntos de la imagen destino no coinciden exactamente con las zonas marcadas en la imagen de origen.

Reflejo de los puntos de control en la imagen destino

Herramienta para mover los puntos de control

2º) Debemos hacer coincidir cada uno de los puntos de control de la imagen origen con las mismas zonas en la imagen destino, es decir, si un punto de control marca el centro de la pupila de la foto de Freeman lo que debemos hacer es mover el punto correspondiente en la foto de Kofi. Para ello seleccionaremos la herramienta para mover los puntos de control que está justo debajo de la cruz verde y que tiene por incono una flecha negra inclinada. Con la herramienta seleccionada nos dirigiremos a la imagen destino y moveremos los puntos de uno en uno hasta situarlos en la zona correcta. Para saber si estás moviendo el punto adecuado fíjate que cada vez que selecciones uno en la imagen destino, en la imagen origen el punto aparecerá rodeado de un circulo.

Correspondencia entre puntos

Mueve todos los puntos en la imagen destino hasta que la imagen quede así:

Puntos de control movidos

Como ves hemos hecho coincidir los puntos de los ojos para que marquen las pupilas y el rabillo del ojo, los demás puntos también se han movido hasta hacerlos coincidir con los puntos origen. Además debes fijarte en que a medida que añades y colocas correctamente más puntos de control la imagen de la ventana «Preview» va cambiando dándote una idea de como quedará el morphing.

Previsualizando el morphing

3º) Añade tantos puntos de control como creas necesario y cuando quieras ver el resultado pincha en el botón «Morph/Warp» situado en la barra de herramientas general. El icono de este botón es una flecha amarilla apuntando hacia tu derecha. Después de pinchar sobre el botón verás en la ventana «Preview» como se realiza el morphing. Si quieres ver como está quedando la transformación entre Freeman y Kofi pincha aquí.

4º) Cuando estés satisfecho con tu trabajo deberás decidir en que formato quieres guardar la transformación. Puede elegir entre guardarla como un gif animado, como una película flash o como un vídeo con extensión .avi, cuando estés decidido pincha sobre el icono correspondiente en la barra de herramientas general.

Elegir formato de salida

Veamos como es el proceso de creación de la animación dependiendo del formato de salida elegido.

  • Botón de creación flash

    Guardar como flash: Pincha en el icono correspondiente y se abrirá una ventana «Guardar como» en el que tendrás que ponerle un nombre a tu animación. Cuando se lo hayas puesto pincha en «Guardar» y el archivo se guardará con la extensión «.swf» de flash, pero antes se abrirá una ventana llamada «Flash Movie Parameters» en la que deberás elegir un «Frame Rate» entre 1 y 100, dejalo en 15 y ten en cuenta que cuanto mayor sea este valor más rápida será la transformación. Por ejemplo nuestro morphing tiene 50 fotogramas, si elegimos un frame rate de 25 la transformación se realizará en 2 segundos. Deja marcado «Auto Background Color» para que genere un color de fondo automáticamente en caso de ser necesario y por último en la barra de abajo podrás elegir la calidad final de las imagenes desplazando la barra de derecha a izquierda (mayor a menor calidad). El valor que viene por defecto (60) ofrece un resultado aceptable y un archivo de poco peso (ocupa pocos megas). Cuando lo tengas todo configurado pincha en «OK» y comenzará a crearse la animación.

    Guardando la animación en formato Flash

  • Botón creación película avi

    Guardar como avi: Para guardar como película con extensión .avi tan solo tienes que pinchar en el icono correspondiente. Se abrirá la ventana «Guardar como» en la que deberás poner un nombre y luego pinchar en «Guardar». Después aparecerá la ventana «AVI Frame Rate» en la que deberás elegir el número de imágenes por segundo, déjalo en 15, al igual que en el formato flash cuanto mayor sea este número mayor será la velocidad a la que se realiza la conversión. Por último pincha en «OK» y se abrirá la ventana «Compresión de vídeo» aquí tendrás que elegir el compresor de vídeo que quieres usar y eso dependerá de los codecs que tengas instalados en tu ordenador. Una buena elección sería elegir como compresor el «TechSmith Screen Capture Codec» que viene por defecto en el programa y crea un archivo con poco peso. Cuando lo hayas elegido pincha en «Aceptar» y comenzará la creación de tu vídeo.

    Guardando la transformación en formato avi

  • Botón guardar como GIF

    Guardar como GIF: Si queremos guardar la transformación como un archivo de imagen animada (GIF) pincharemos sobre el botón correspondiente y se abrirá la ventana «Guardar como». Tras darle un nombre a nuestra transformación pincharemos en «Guardar» y aparecerá la ventana «Frame Rate (GIF File)» deja el valor que sale por defecto (15) y pincha en «OK». Comenzará la creación del archivo GIF.

    Ventana Frame Rate GIF

Después de haber guardado tu trabajo en cualquiera de los formatos anteriores ya tienes tu transformación finalizada. Ahora te recomiendo que guardes tu proyecto, ya sabes como, por si más adelante decides añadir más puntos de control para mejorar la transformación. Lo que hemos hecho se trata de una transformación sencilla con pocos puntos de control pero este programa permite realizar transformaciones realmente espectaculares.

Dejo para un próximo tutorial más avanzado algunas cosas pendientes como la transformación entre más de dos caras, la adicción de fotogramas al principio y al final de la transformación, etc. Si te interesa el tema del Morphing no dudes en visitar la sección con este mismo nombre aquí en el blog de Vinagre Asesino. Espero que os haya sido de utilidad este tutorial paso a paso de Sqirlz Morph y no dudéis en dejar vuestros comentario. Saludos avinagrados.


25 comentarios, deja el tuyo

Deja tu comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*

*

  1. Responsable de los datos: Miguel Ángel Gatón
  2. Finalidad de los datos: Controlar el SPAM, gestión de comentarios.
  3. Legitimación: Tu consentimiento
  4. Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal.
  5. Almacenamiento de los datos: Base de datos alojada en Occentus Networks (UE)
  6. Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

  1.   Morpheo dijo

    Hola vinagre muchísimas gracias por este maravilloso tutorial, llevaba mucho tiempo queriendo aprender a usar un programa de morphing y pensaba que era más difícil. Espero que sigas subiendo más cosas de morphin.

  2.   Vinagre Asesino dijo

    De nada Morpheo ya ves que no es tan difícil hace morphing. Saludos.

  3.   Raquel dijo

    !Muchas gracias por escribir todo esto!
    La verdad es que me ha aclarado mucho.
    Saludos

  4.   Vinagre Asesino dijo

    De nada hombre. Un saludo.

  5.   pizpireta dijo

    en serio…m has salvado! tengo k hacer un video para una asignatura grafica en el k los dibujos se vayan transformando y no tenia ni idea de como hacerlo…
    muchas gracias!

  6.   K DE KAY dijo

    HOLA, TENGO DUDA SOBRE LA TRANSICION DE MAS DE 2 IMAGENES, YA NO LOGRO EL EFECTO DESEADO CON MAS DE DOS.

  7.   Vinagre Asesino dijo

    Es complicado K DE KAY tienes que colocar bien los puntos desde el principio con las tres imágenes.

  8.   VicTony dijo

    SIMPLEMENTE MUCHAS GRACIAS,!!!
    AHORA MANOS A LA OBRA

  9.   quagsire dijo

    Mola, este programa salía en mi libro de dibujo.
    Puede parecer complicado, pero una vez que lo pillas es fácil. Muy útil para iconos de msn

  10.   Lucas dijo

    ESPECTACULAR!!! Comento que es la primera vez que leo un tuto de su web, soy de argentina y sinceramente el tuto me parecio muy pero muy bueno y sobre todo muy bien detallado, (especial para torpes) jeje…
    Un salido cordial y sencillamente: MUCHISIMAS GRACIAS!!! a todos los que corresponda…

  11.   Vinagre Asesino dijo

    Lucas me alegro de que te guste, bienvenido a Vinagre Asesino.

  12.   danielv dijo

    Gracias por la info.
    Tengo un problema…..la velocidad con que pasa las fotos es excesiva….hay un control para lentificar esa velocidad?

  13.   Cari dijo

    Increible k haya gente tan wena onda como tu …..muxisisisisimas acias eres super wena onda!!!!

  14.   Raúl dijo

    Acabo de leer este programa para transformación de rostros.

    estoy tomándole la mano.

    ¿Has publicado la prometida 2º parte?

    gracias

    PD: por favor dile a Cari que no asesine al idioma, se escribe «buena», no «wena»,»gracias» y no «acias», y la k y la x tienen otros fines.
    Espero que cuando ella sea ya una mujer se de cuenta del asesinato que realiza.

    Buenos Aires, 17 de julio de 2009.-

  15.   JOvanni dijo

    Tengo un problema: estoy haciendo morphing con 3 imagenes, uso bastantes puntos y el morphing se ve muy bien pero de la 1ra a la 2da imagen la transicion es exitosa, luego de la 2da hace como una reversa a la 1ra para caer finalmente en la 3ra entonces no me queda muy bien si pueden ayudarme se los sabre agradecer…de antemano gracias

  16.   Bulezar dijo

    Hola, pues queria agradecerte tu tutorial, por que me ayudo a entnder mejor esta tecnica del morph. Yo ahora mismo hice uno mio, donde salgo con bañador y me transformo en otro tipo bien cachas.

  17.   HISPANYA dijo

    Todo un éxito tu tutorial
    Muchas gracias
    Persona así es de agradecer
    Suerte

  18.   betty boop dijo

    Gracias vinagre lo has explicado muy bien, pero me han quedado algunas dudas, como si lo quiero enviar por correo …en que formato lo debo guardar, «gracias» no se si me lo vas a responder

  19.   juan dijo

    gracias por el tutorial, solo me falta saber que tipo de archivo debo usar para publicar en un blog un Morph.

    Te sigo leyendo….

  20.   betty dijo

    Hola desde ya muchas gracias , muy buena y clara tu explicación, pero me han quedado algunas duda… ya hice una transfomación con 4 fotos y no me deja el wmm aplicar al video que estoy haciendo lo he guardado en formato avi y no lo puedo ver en ningun program de los que tengo. Agradesería si me respondes, gracias desde ya si no lo haces

  21.   beatriz dijo

    Loco, clarísimas las explicaciones, me salió regio de una!!!
    ahora no sé cómo lo hago con muchas fotos ¿¿hay una ccontinuación????

  22.   beatriz dijo

    le contesto a Betty Boop…lo guardé como gif y luego lo corté y copié en el mail y listo ….como es gif sólo lo podés cargar copiando y pegando pero sale de diez!!!espero que te sirva…

  23.   FEDERICO NABO GORDO dijo

    ¿Donde puedo encontrar esto que dices en el post?:

    «Dejo para un próximo tutorial más avanzado algunas cosas pendientes como la transformación entre más de dos caras, la adicción de fotogramas al principio y al final de la transformación, etc.»

    PD. El tutorial es buenísimo.He seguido paso por paso y me ha salido todo perfecto.

  24.   carlos dijo

    Desearia que me dijera cuales son los pasos para hacer en vez de video fotos. Para que el programa haga von cada paso una foto de una cara hacia la otra. Gracias

  25.   Carolina Quintero dijo

    Hola, muchas gracias por el tutorial. Queria hacerte una pregunta, cuando abro las fotos me salen con un giro de 90 grados y la opcion de girar esta desactivada. Trate de guardarlas tambien en el explorador con un giro ya de 90 grados pero igual me las trae volteadas. Que puedo hacer?