¿Qué es visión?
Es una experiencia interactiva que combina los mundos de las ilusiones ópticas y los sonidos estéreo. La idea principal fue de Leo, quien propuso los Kinegramas como experiencia para cumplir la Misión.


CONCEPCIÓN
Todo empezó con la lluvia de ideas, siempre teniendo en cuenta que ninguna idea es mala y que de cualquier aporte es significativo. Rafa propuso una experiencia tipo videojuego 3D que pondría a prueba la vista y el oído del usuario, y Leo propuso el uso de Kinegramas (que además tenían un objeto físico). Al final, usamos una ruleta en Línea para escoger la idea final y ganó la de Leo.
DISEÑO
Con tutoriales, y usando Photoshop, se pudieron diseñar, la rejilla y las imágenes. Todo se hizo de la siguiente manera:
En photoshop, crea un patron con el pincel, llenando tres pixeles y dejando uno libre, de la siguiente manera:
¿Por qué de esta manera? Pues, de esta manera, aseguramos que podemos tener una animación de 4 frames, cada pixel cubre 3 frames mientras se muestra uno solo. Y a medida que se mueva este "Grid", también se moverá la animación. Lo que sigue es duplicar este pequeño patrón manteniendo el pixel de por medio, y usar el atajo CTLR+T para deformarlo y alargarlo, dejando como resultado esto.
Aquí, ya se tiene una rejilla funcional, lo siguiente es ubicar la secuencia de imágenes que se quiere animar. Entonces, se ubican en capas diferentes los 4 frames, de la siguiente manera.
Aquí se pueden ver varios corazones sobrepuestos, como podemos ver a la derecha, son 4 frames. Y bueno, después de esto toca seleccionar la capa del grid y sin dejar de seleccionarla empezar a eliminar líneas en cada frame.
Aquí se puede ver que la zona seleccionada es del grid, PERO, que la capa seleccionada es el frame 1, entonces, aqui le vamos a dar Suprimir, después, iremos a la capa del grid, le daremos a la Flecha derecha, para correrlo un pixel, e iremos al Frame 2 para eliminar, y así sucesivamente con los 4 frames.
Quedando todo de la siguiente manera, y ya después, se pueden unificar estas capas, para crear una sola imagen. A continuación, un mini video. 
Después, la rejilla se imprimió en acetato, y se escalaron las imágenes hasta el tamaño de esta. Posteriormente, se buscaron sonidos tridimensionales o estéreo, para acompañar la experiencia.
IMPLEMENTACIÓN
Para juntar todo lo realizado, se usaron los elementos del Google Workspace, para crear un mini sitio web que simplemente tuviera todo los elementos, y ya desde acá, poder pasar la rejilla y por ende, que se vea una mini animación, acompañada con un sonido espacial.
OPERACIÓN
Este es el enlace del sitio web:
https://sites.google.com/unimilitar.edu.co/ilusionptica/inicio

Y aquí el video de demostración:
MINI GALERÍA CON LAS IMÁGENES DESARROLLADAS
VISION
Published:

Project Made For

VISION

Published: