martes, 8 de junio de 2010

Fases del Morphing [ con Squirlz Morph ]

Hemos visto qué es morphing y cómo hacer un morphing de dos imágenes utilizando una herramienta (Squirlz Morph). Vamos a profundizar en el control de la herramienta analizando las dos fases fundamentales de las que consta este tipo de efecto de mutación de una a otra imagen.
En un morphing se conjugan dos transformaciones fundamentales: Un fundido de los colores de las imágenes y una deformación que permite la transición de una a otra.
Separemos conceptualmente las diferentes transformaciones para entender el mecanismo, a la vez que realizamos unos sencillos ejemplos que ilustran el proceso. Por ejemplo, realizaremos en primer lugar un morphing entre dos imágenes iguales dispuestas en dos posiciones diferentes de la pantalla.
Recordemos que los ficheros de imagen deben tener el mismo tamaño. Se facilitan un conjunto de imágenes sencillas para el aprendizaje de la técnica de forma progresiva. Es recomendable guardar estás imágenes en el disco duro local para "jugar" con ellas:




Si utilizamos las dos imágenes superiores y aplicamos la transformación sin señalar puntos de control, obtendremos como resultado un fundido clásico entre las dos imágenes. El efecto obtenido se puede observar en la siguiente animación:





Si añadimos puntos de control, por ejemplo uno en cada uno de los vértices del rectángulo, se produce una deformación de la imagen resultante, generándose una "mutación" entre ambos rectángulos. Esta deformación puede realizarse manteniendo fijos los bordes de la imagen o permitiendo su movimiento;

Para fijar o liberar los bordes de la imagen utilizaremos el icono correspondiente. Si recalculamos la animación en uno u otro caso podremos apreciar las diferencias:



Si se deja libre el movimiento de los bordes de la imagen, deberemos fijar un mínimo de cuatro puntos de control para definir la transformación.

A la hora de realizar el morphing, es posible controlar por separado tanto el movimiento como el fundido de las imágenes. Se puede determinar en qué momento comenzará cada uno de estos efectos, la duración del mismo así como el grado de suavidad con el que se realizan dichas operaciones, consiguiendo un control más preciso del resultado final.

Para acceder a los controles gráficos que habilitan el ajuste fino de la transformación, seleccionaremos el menú "Morph", y en éste la opción "Advanced Mix"


Al elegir "Advanced Mix" tendremos acceso a un nuevo menú con las opciones necesarias para el ajuste, divididas en dos grupos: Fade y Warp, que controlan el fundido y la deformación por separado.



Para "jugar" con estas funciones podemos ir complicando la transformación progresivamente, introduciendo primero la deformación a objetos más complejos y a continuación la mutación entre colores. 

Se facilitan una colección de figuras sencillas para ejercitarse con ellas. Se puede pasar de una a otra en cualquier orden, en función de si queremos analizar únicamente la deformación o el fundido.

Veamos un ejemplo de transformación con las imágenes anteriores:


Como ejemplo más elaborado se presenta un caso de morphing entre varias imágenes encadenadas.



En el caso de querer realizar el morphing entre varias imágenes encadenadas, que previamente hemos cargado, podemos definir el orden de las mismas seleccionando en el menú "Imagen" la opción "Animation Order"


Esta opción da paso a un nuevo menú en el que definiremos dicho orden de transformación.



¿Practicamos un poco?

4 comentarios:

Bcn_oscar1 dijo...

Oh yeah! soy el ,as wapo, al menos que tu

joju dijo...

Eso lo tienen que decir las tuitchicas...¿Encuesta?

Felix Casanova dijo...

jo¡ esto me viene a mi demasiado largo, tendré que buscar mi piedra de rosseta particular para aclararme, y mira que lo explicas clarito, pero el que no da más de si, es que no da más, jaja

joju dijo...

jajaja siempre modesto! No me lo creo, si quieres puedes! Otras torres más grandes seguro que han caido. Un abrazo.

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)