Encuadres es un prototipo de cómic animado e interactivo, que narra una historia de fantasía centrada en dos amigos y una cámara instantánea mágica. Está dirigido al público infantil y el tema subyacente a la trama es que nuestras diferencias nos hacen únicos. El cómic completo puede leerse en el siguiente enlace:
Encuadres explora los nuevos medios y sus modelos narrativos asociados, donde la animación y la interactividad son parte intrínseca de la historia. Partiendo de una fase inicial de investigación sobre los cómics digitales, la metodología del Design Thinking ha guiado el resto de las fases del trabajo:-
- Elaboración del Pitch Pixar, guión y storyboard
- Proceso de diseño, rigging y animación de los personajes en After Effects
- Creación de los escenarios, modelados en 3D en Maya
- Construcción del prototipo web en Vue.js, usando TypeScript, CSS y HTML
El prototipo final se ha distribuido entre alumnos de segundo y cuarto de primaria, mediante un marcapáginas con un QR enlazando al cómic digital. Esto ha permitido obtener una evaluación del cómic, con resultados muy positivos y propuestas de mejora para un trabajo futuro.
El trabajo completo puede leerse en el repositorio de la UNIR: 

Bocetos y diseño final de India. Lápices de grafito, rotuladores, Procreate y After Effects

Prototipos de forma y color de Click, la cámara mágica. Illustrator y After Effects

Bocetos y diseño final de los personajes secundarios. Lápices de grafito, Procreate y After Effects

Ejemplos de los rigs de los personajes. After Effects

Bocetos de los escenarios del cómic. Procreate

Modelados 3D de los escenarios. Maya

Fotogramas de la viñeta animada de India saltando. After Effects

Fotogramas de la viñeta animada de Chuck patinando. After Effects

Viñetas estáticas iniciales del cómic. After Effects

Muestra de las viñetas estáticas. After Effects

Viñeta interactiva con un carrusel con desplazamiento horizontal. Vue.js

Viñeta interactiva y animada que permite la selección de personajes y del filtro de fotografía. Vue.js

Prototipo final. Vue.js

Marcapáginas con QR enlazado al cómic web. Illustrator

Trabajos relacionados

Back to Top