Cómo creamos nuestro póster interactivo de Guardianes del Sismo
Introducción
Como parte del proyecto Guardianes del Sismo, quisimos crear una pieza que fuera más allá de un póster tradicional. Por esta razón, desarrollamos un póster interactivo que reúne diferentes recursos digitales y permite al usuario explorar el proyecto de una manera más dinámica.
Para realizar este póster interactivo, utilizamos diferentes herramientas digitales. Mixamo nos permitió trabajar con las figuras y personajes en 3D, Gemini fue utilizado para crear el póster y Pictarize nos permitió darle movimiento e interacción a la pieza.
1. Creación de las figuras 3D con Mixamo, para poster interactivo
El primer paso para desarrollar nuestro póster interactivo fue trabajar en los elementos y personajes que formarían parte de la composición.
Para esto utilizamos Mixamo, una plataforma que nos permitió trabajar con personajes en 3D y sus movimientos. A partir de estos recursos pudimos seleccionar las figuras que mejor se adaptaban al concepto de Guardianes del Sismo.
Las figuras 3D fueron importantes para construir la identidad visual del póster interactivo, ya que buscábamos generar una estética más dinámica y relacionada con el universo del proyecto.
2. Creación del póster interactivo con Gemini
Una vez definidos los elementos 3D que queríamos utilizar, pasamos a la creación del póster. Para esta etapa utilizamos Gemini, donde desarrollamos la composición visual de la pieza.
A través de prompts, planteamos las características visuales que queríamos que tuviera el póster interactivo, buscando que los elementos estuvieran organizados de manera clara y que la estética representara el concepto de Guardianes del Sismo.
Gemini nos ayudó a construir la propuesta visual que posteriormente llevaríamos a una plataforma interactiva.
3. Organización de los elementos
Después de crear el póster, revisamos la composición y la distribución de los diferentes elementos. La intención era que cada personaje, texto y recurso tuviera un espacio dentro de la pieza.
También pensamos en cómo el usuario podría interactuar posteriormente con el póster interactivo, por lo que la organización visual fue importante para facilitar la navegación y conectar los diferentes contenidos.
De esta manera, el diseño no solo debía verse bien, sino también funcionar como base para la experiencia interactiva.
4. Llevar el póster interactivo a Pictarize
Una vez terminada la pieza visual, llevamos nuestro póster interactivo a Pictarize. Esta herramienta fue fundamental para convertir el diseño en una experiencia con movimiento e interacción.
En Pictarize pudimos trabajar sobre el póster y agregar diferentes recursos que permitieran que el usuario explorara la pieza.
Así, pasamos de tener una composición principalmente estática a construir un póster interactivo con diferentes puntos de interacción.
5. Movimiento y animación
Uno de los principales elementos que incorporamos al póster interactivo fue el movimiento.
A través de Pictarize, logramos animar diferentes elementos de la pieza, incluyendo un avatar que se mueve dentro del póster. Esto permitió darle mayor dinamismo a la composición y hacer que la experiencia fuera más llamativa para el usuario.
El movimiento también ayudó a reforzar la idea de que Guardianes del Sismo es una experiencia digital y no solamente una pieza gráfica.
6. Enlace al artículo del Guardianes del Sismo
Otra función que incorporamos al póster interactivo fue la posibilidad de acceder a nuestro artículo anterior sobre Guardianes del Sismo.
Por medio de uno de los elementos interactivos, el usuario puede dirigirse directamente al artículo y conocer más sobre el proyecto, su concepto y su desarrollo.
Esto permitió conectar nuestro póster interactivo con el trabajo que habíamos realizado anteriormente y hacer que ambos contenidos formaran parte de una misma experiencia.
7. Integración del video de la cinemática
También incorporamos un enlace hacia el video de la cinemática en YouTube.
De esta manera, el usuario puede acceder directamente al contenido audiovisual desde el póster interactivo y conocer otra parte del proyecto.
La integración del video nos permitió combinar diferentes formatos dentro de una misma pieza: diseño gráfico, elementos 3D, animación y contenido audiovisual.
8. Una experiencia del poster interactivo
Con todos estos elementos, el póster interactivo se convirtió en una pieza que permite al usuario explorar diferentes contenidos de Guardianes del Sismo.
En lugar de limitarse a observar una imagen, el usuario puede interactuar con los elementos, encontrar el avatar animado, acceder al artículo y consultar la cinemática.
Esto hizo que el póster interactivo funcionara como un punto de conexión entre las diferentes piezas que desarrollamos durante el proyecto.
9. Resultado final
El resultado fue un póster interactivo que combina diferentes herramientas y formatos digitales. Las figuras 3D fueron trabajadas con Mixamo, el diseño del póster fue desarrollado con Gemini y posteriormente utilizamos Pictarize para agregar movimiento, interacción y enlaces.
De esta manera, conseguimos que una pieza gráfica pudiera convertirse en una experiencia digital más completa y dinámica.
El póster funciona como una extensión de Guardianes del Sismo, permitiendo reunir en un mismo espacio diferentes contenidos del proyecto.
10. ¿Qué aprendimos durante el proceso?
La creación del póster interactivo nos permitió experimentar con diferentes herramientas digitales y entender cómo pueden complementarse dentro de un mismo proyecto.
El proceso comenzó con la búsqueda y creación de los elementos 3D, continuó con el diseño del póster y terminó con la incorporación de movimiento e interacción.
También aprendimos que una pieza gráfica puede tener diferentes niveles de comunicación cuando se combinan recursos visuales, audiovisuales e interactivos. En nuestro caso, el póster nos permitió conectar todo el trabajo realizado en Guardianes del Sismo.
Conclusión
La creación de nuestro póster interactivo fue un proceso en el que combinamos diseño, personajes 3D, inteligencia artificial, animación y contenido audiovisual.
Utilizamos Mixamo para trabajar con las figuras 3D, Gemini para crear el póster y Pictarize para darle movimiento e interacción. Además, incorporamos enlaces hacia nuestro artículo de Guardianes del Sismo y hacia la cinemática publicada en YouTube.
Finalmente, el póster se convirtió en una pieza que reúne diferentes partes del proyecto y permite al usuario explorarlas de una manera más dinámica. Así logramos transformar un póster tradicional en una experiencia digital conectada con todo nuestro trabajo.
Video
Creditos:
Autor: Mariacamila Garavito Avellaneda
Editor: Magister Ingeniero Carlos Ivan Pinzón Romero
Codigo: UCVS-8
Universidad: Universidad central
Fuentes
Adobe. (s. f.). Mixamo. Adobe. https://www.mixamo.com/
Adobe. (s. f.). Adobe 3D & immersive. Adobe. https://www.adobe.com/products/substance3d.html
Google. (s. f.). Gemini. Google. https://gemini.google.com/
Google. (s. f.). Gemini for Google Workspace. Google. https://workspace.google.com/solutions/ai/
