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
Movimiento en el póster interactivo
Uno de los principales elementos que incorporamos al póster interactivo fue el movimiento, con el objetivo de crear una pieza más dinámica y diferente a un póster tradicional. La animación nos permitió darle vida a algunos elementos visuales y generar una experiencia más llamativa para el usuario.
A través de Pictarize, logramos animar diferentes elementos de la composición, incluyendo un avatar que se mueve dentro del póster. La presencia de este personaje aportó dinamismo y ayudó a captar la atención, haciendo que la pieza tuviera una mayor sensación de interacción.
El movimiento también permitió aprovechar de una manera diferente los elementos 3D que habíamos trabajado previamente. Al incorporarlos dentro de una pieza animada, estos recursos adquirieron una función más activa y ayudaron a complementar la propuesta visual de Guardianes del Sismo.
Animación y experiencia digital
La animación no fue utilizada únicamente como un recurso decorativo, sino como una herramienta para reforzar el concepto y mejorar la interacción con el contenido. El movimiento permite dirigir la atención hacia determinados elementos y hace que la experiencia sea más entretenida y fácil de explorar.
De esta manera, el póster interactivo deja de ser una pieza completamente estática y se convierte en una experiencia digital que combina diseño, personajes 3D, movimiento e interacción. Esto ayudó a reforzar la idea de que Guardianes del Sismo es un proyecto que integra diferentes formatos y recursos digitales.
Finalmente, este proceso nos permitió experimentar con la animación aplicada al diseño gráfico y comprender cómo el movimiento puede transformar la percepción de una pieza. Gracias a Pictarize, logramos llevar nuestro póster un paso más allá y conectarlo con la propuesta general de Guardianes del Sismo.
6. Enlace al artículo de Guardianes del Sismo
Una de las funciones que incorporamos al póster interactivo fue la posibilidad de acceder directamente a nuestro artículo anterior sobre Guardianes del Sismo. Por medio de uno de los elementos interactivos, el usuario puede dirigirse al artículo y conocer con mayor profundidad el concepto, los temas abordados y el proceso de desarrollo del proyecto.
Conexión e interacción entre contenidos
La incorporación de este enlace permitió establecer una conexión entre las diferentes piezas realizadas durante el proyecto, evitando que cada contenido funcionara de manera independiente. Mientras el póster presenta la propuesta de una forma más visual y dinámica, el artículo permite ampliar la información y conocer más detalles sobre el trabajo realizado.
De esta manera, el póster se convierte en un punto de conexión y navegación, donde el usuario puede interactuar con la pieza y acceder a otros contenidos relacionados. Esto ayudó a construir una experiencia digital más completa y permitió integrar el trabajo anterior de Guardianes del Sismo dentro de la nueva propuesta interactiva.
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 comprender cómo pueden complementarse para construir una experiencia más completa. A lo largo del proyecto aprendimos que no se trata solamente de crear una pieza visual atractiva, sino de encontrar diferentes formas de conectar al usuario con el contenido.
El proceso comenzó con la búsqueda y creación de los elementos 3D, donde exploramos diferentes recursos para seleccionar personajes y objetos que se adaptaran al concepto de Guardianes del Sismo. Posteriormente, trabajamos en el diseño del póster, buscando organizar los elementos de manera clara y llamativa, manteniendo una relación visual con el tema y con el contenido desarrollado anteriormente.
Después, incorporamos herramientas que permitieron agregar movimiento e interacción, haciendo que el póster dejara de ser una pieza completamente estática y se convirtiera en un punto de conexión con otros contenidos del proyecto. Esto nos ayudó a entender cómo los recursos digitales pueden ampliar las posibilidades de una pieza gráfica y generar una experiencia más dinámica para el usuario.
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 no funciona únicamente como una imagen, sino como un elemento que permite conectar diferentes partes del proyecto y dirigir al usuario hacia otros contenidos relacionados con Guardianes del Sismo.
Finalmente, este proceso nos permitió reconocer la importancia de la experimentación, la adaptación y el trabajo con diferentes herramientas digitales. Aprendimos que cada herramienta puede cumplir una función diferente y que, al integrarlas de manera estratégica, es posible transformar una idea inicial en una experiencia más completa, atractiva e interactiva.
Conclusión
Integración de herramientas y proceso creativo
La creación de nuestro póster interactivo fue un proceso en el que combinamos diseño gráfico, personajes 3D, inteligencia artificial, animación y contenido audiovisual. A través de este proyecto exploramos nuevas formas de presentar una idea y comprendimos cómo diferentes herramientas pueden complementarse para crear una experiencia digital más completa.
Durante el desarrollo utilizamos Mixamo para trabajar con las figuras y personajes 3D relacionados con Guardianes del Sismo. Posteriormente, utilizamos Gemini como herramienta de apoyo para crear el póster y organizar visualmente sus diferentes elementos. Finalmente, recurrimos a Pictarize para incorporar movimiento e interacción, logrando transformar una pieza estática en una experiencia más dinámica.
Conexión y resultado final
También integramos enlaces hacia nuestro artículo de Guardianes del Sismo y hacia la cinemática publicada en YouTube. Esto permitió conectar el póster con otros contenidos desarrollados durante el proyecto y facilitar que el usuario pudiera explorar más información.
Uno de los principales aprendizajes fue comprender que una pieza gráfica puede tener diferentes niveles de comunicación cuando combina recursos visuales, audiovisuales e interactivos. Además, experimentamos con distintas herramientas digitales y descubrimos cómo cada una puede aportar algo diferente al proceso creativo.
Finalmente, el póster interactivo se convirtió en una pieza que reúne diferentes partes de Guardianes del Sismo. La combinación de diseño, 3D, inteligencia artificial, animación e interacción permitió transformar un póster tradicional en una experiencia digital más dinámica, visual y participativa.
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/
