--- title: "Mr. Thready: Un viaje dentro del desarrollo de videojuegos como artista y animador 2D" description: Un viaje dentro del desarrollo de videojuegos como artista y animador 2D. Referencia del artículo de The Rookies del alumni Flavio Diaz. image: https://blog.voxelschool.com/hubfs/m-quina-interior.webp --- [![Voxel School Logo](https://d3des6gui7vs6w.cloudfront.net/web/_general/voxel-school-logo-es.svg) ![Voxel School Logo](https://d3des6gui7vs6w.cloudfront.net/web/_general/mobile-icon-voxelschool.svg)](https://voxelschool.com) - [Contacto](https://voxelschool.com/contacto) - ![Menu icon](https://d3des6gui7vs6w.cloudfront.net/web/_general/mobile-icon-menu.svg) - Voxel School - [Centro Universitario](https://voxelschool.com/escuela) - [Gran Canaria](https://voxelschool.com/gran-canaria) - [Profesores](https://voxelschool.com/profesores) - [Partners](https://voxelschool.com/partners) - [Consejo Universidad Empresa](https://voxelschool.com/consejo-universidad-empresa) - Casos de Éxito - [Alumni](https://voxelschool.com/casos-de-exito) - [Premios y Reconocimientos](https://voxelschool.com/premios-y-reconocimientos) - [Galería alumnos](https://voxelschool.com/galeria-alumnos) - Admisión - [Admisión Grados](https://voxelschool.com/admision/grados) - [Becas y Tasas Grados](https://voxelschool.com/admision/tasas-becas-y-financiacion) - [Admisión Postgrados](https://voxelschool.com/admision/posgrados) - [Tasas y Financiación para Postgrados](https://voxelschool.com/admision/tasas-becas-y-financiacion-postgrados) - Campus - [Descubre el Campus](https://voxelschool.com/campus/instalaciones) - [Vida en el Campus](https://voxelschool.com/campus/vida-en-el-campus) - [Coliving](https://voxelschool.com/campus/coliving) - [Voxel Labs](https://voxelschool.com/campus/voxel-labs) - [Internacional](https://voxelschool.com/internacional) - Actualidad - [Noticias](https://blog.voxelschool.com/noticias) - [Eventos](https://blog.voxelschool.com/eventos) - [Open Day](https://voxelschool.com/open-day) - [Voxel Academy](https://academy.voxelschool.com) - [Tienda Oficial](https://store.voxelschool.com) [INICIO](https://voxelschool.com) ![Menu close](https://d3des6gui7vs6w.cloudfront.net/web/_general/mobile-icon-close.svg) [SOLICITA INFORMACIÓN](https://voxelschool.com/contacto) Formación - [GRADOS UNIVERSITARIOS](https://voxelschool.com/grados-universitarios) - [MÁSTER OFICIAL](https://voxelschool.com/masters#oficial) - [MÁSTERES](https://voxelschool.com/masters#simples) - [MÁSTERES AVANZADOS](https://voxelschool.com/masters#avanzados) - [PROFESSIONAL MENTORSHIP PROGRAMS](https://voxelschool.com/mentorship-programs) Voxel School - [Centro Universitario](https://voxelschool.com/escuela) - [Gran Canaria](https://voxelschool.com/gran-canaria) - [Profesores](https://voxelschool.com/profesores) - [Partners](https://voxelschool.com/partners) - [Consejo Universidad Empresa](https://voxelschool.com/consejo-universidad-empresa) Casos de Éxito - [Alumni](https://voxelschool.com/casos-de-exito) - [Premios y Reconocimientos](https://voxelschool.com/premios-y-reconocimientos) - [Galería alumnos](https://voxelschool.com/galeria-alumnos) Admisión - [Admisión Grados](https://voxelschool.com/admision/grados) - [Becas y Tasas Grados](https://voxelschool.com/admision/tasas-becas-y-financiacion) - [Admisión Postgrados](https://voxelschool.com/admision/postgrados) - [Tasas y Financiación para Postgrados](https://voxelschool.com/admision/tasas-becas-y-financiacion-postgrados) Campus - [Descubre el Campus](https://voxelschool.com/campus/instalaciones) - [Vida en el Campus](https://voxelschool.com/campus/vida-en-el-campus) - [Coliving](https://voxelschool.com/campus/coliving) - [Voxel Labs](https://voxelschool.com/campus/voxel-labs) [Internacional](https://voxelschool.com/internacional) Actualidad - [Noticias](https://blog.voxelschool.com/noticias) - [Eventos](https://blog.voxelschool.com/eventos) - [Open Day](https://voxelschool.com/open-day) [Voxel Academy](https://academy.voxelschool.com) [Tienda Oficial](https://store.voxelschool.com) GRADOS UNIVERSITARIOS ![Menu close](https://d3des6gui7vs6w.cloudfront.net/web/_general/mobile-icon-close.svg) GRADOS UNIVERSITARIOS [Animación Digital](https://voxelschool.com/grados/grado-universitario-en-animacion-digital) Grado Universitario Animación Digital [Diseño y Arte Digital para Videojuegos](https://voxelschool.com/grados/grado-universitario-en-diseno-y-arte-digital-para-videojuegos) Grado Universitario Diseño y Arte Digital para Videojuegos [Diseño Gráfico y Motion Graphics](https://voxelschool.com/grados/grado-universitario-en-diseno-grafico-y-motion-graphics) Grado Universitario Diseño Gráfico y Motion Graphics [Composición, Postproducción y VFX](https://voxelschool.com/grados/grado-universitario-en-composicion-postproduccion-y-vfx) Grado Universitario Composición, Postproducción y VFX MÁSTER OFICIAL ![Menu close](https://d3des6gui7vs6w.cloudfront.net/web/_general/mobile-icon-close.svg) MÁSTER OFICIAL [Investigación y Creación en Arte Digital](https://voxelschool.com/grados/grado-universitario-en-animacion-digital) Máster Oficial Universitario Investigación y Creación en Arte Digital MÁSTERES ![Menu close](https://d3des6gui7vs6w.cloudfront.net/web/_general/mobile-icon-close.svg) 3D y Videojuegos Archviz Concept Art e Ilustración VFX Animación Diseño y Publicidad Dobles Másteres [PlayStation Talents en Marketing, Comunicación y Producción de Videojuegos](https://voxelschool.com/masters/master-propio-ucm-playstation-talents-marketing-comunicacion-y-gestion-videojuegos) Máster UCM PlayStation Talents en Marketing, Comunicación y Producción de Videojuegos [Arte Digital para Videojuegos](https://voxelschool.com/masters/master-ucm-arte-digital-para-videojuegos) Máster UCM Arte Digital para Videojuegos [Escultura Digital](https://voxelschool.com/masters/master-en-escultura-digital) Máster Escultura Digital [Visualización Arquitectónica y Realidad Virtual](https://voxelschool.com/masters/master-en-visualizacion-arquitectonica-y-realidad-virtual) Máster Visualización Arquitectónica y Realidad Virtual [Cómic e Ilustración Editorial](https://voxelschool.com/masters/master-en-comic-e-ilustracion-editorial) Máster Cómic e Ilustración Editorial [Concept Art](https://voxelschool.com/masters/master-concept-art) Máster Concept Art [VFX (Efectos Visuales)](https://voxelschool.com/masters/master-en-vfx) Máster UCM VFX (Efectos Visuales) [Animación Digital](https://voxelschool.com/masters/master-en-animacion-digital) Máster UCM Animación Digital [Animación 2D](https://voxelschool.com/masters/master-en-animacion-2d) Máster Animación 2D [Animación 3D](https://voxelschool.com/masters/master-en-animacion-3d) Máster Animación 3D [Dirección de Arte en Creatividad Publicitaria](https://voxelschool.com/masters/master-direccion-arte) Máster UCM Dirección de Arte y Creatividad Publicitaria [Motion Graphics](https://voxelschool.com/masters/master-en-motion-graphics) Máster Motion Graphics [Concept Art y Máster UCM en Arte Digital para Videojuegos](https://voxelschool.com/masters/doble-master-en-concept-art-y-master-propio-ucm-en-arte-digital-para-videojuegos) Doble Máster Concept Art y Máster UCM en Arte Digital para Videojuegos [Escultura Digital y Máster UCM en Arte Digital para Videojuegos](https://voxelschool.com/masters/doble-master-en-escultura-digital-y-master-propio-ucm-en-arte-digital-para-videojuegos) Doble Máster Escultura Digital y Máster UCM en Arte Digital para Videojuegos [Concept Art y Animación 2D](https://voxelschool.com/masters/doble-master-en-concept-art-y-master-propio-ucm-en-animacion-digital) Doble Máster Concept Art y Animación 2D [Motion Graphics y Máster UCM en Dirección de Arte en Creatividad Publicitaria](https://voxelschool.com/masters/doble-master-en-motion-graphics-y-master-propio-ucm-en-direccion-de-arte) Doble Máster Motion Graphics y Máster UCM en Dirección de Arte en Creatividad Publicitaria [PlayStation Talents en Marketing, Comunicación y Producción de Videojuegos y Máster en Dirección de Arte en Creatividad Publicitaria](https://voxelschool.com/masters/doble-master-propio-ucm-playstation-talents-en-marketing-comunicacion-y-gestion-de-videojuegos-y-direccion-de-arte) Doble Máster UCM PlayStation Talents en Marketing, Comunicación y Producción de Videojuegos y Máster en Dirección de Arte en Creatividad Publicitaria [Escultura Digital y Visualización Arquitectónica y Realidad Virtual](https://voxelschool.com/masters/doble-master-en-escultura-digital-visualizacion-arquitectonica-y-realidad-virtual) Doble Máster Escultura Digital y Visualización Arquitectónica y Realidad Virtual [Escultura Digital y Concept Art](https://voxelschool.com/masters/doble-master-en-escultura-digital-y-concept-art) Doble Máster Escultura Digital y Concept Art [Cómic e Ilustración Editorial y Concept Art](https://voxelschool.com/masters/doble-master-en-comic-e-ilustracion-editorial-y-concept-art) Doble Máster Cómic e Ilustración Editorial y Concept Art [Motion Graphics y Concept Art](https://voxelschool.com/masters/doble-master-en-motion-graphics-y-concept-art) Doble Máster Motion Graphics y Concept Art [Animación 2D y Motion Graphics](https://voxelschool.com/masters/doble-master-en-animacion-2d-y-motion-graphics) Doble Máster Animación 2D y Motion Graphics [Animación 3D y Motion Graphics](https://voxelschool.com/masters/doble-master-en-animacion-3d-y-motion-graphics) Doble Máster Animación 3D y Motion Graphics MÁSTERES AVANZADOS ![Menu close](https://d3des6gui7vs6w.cloudfront.net/web/_general/mobile-icon-close.svg) Modelado y Texturizado para Videojuegos AAA Technical Artist para Videojuegos AAA VFX y Animación Dobles Másteres Avanzados [Técnicas Hard Surface para Videojuegos AAA](https://voxelschool.com/masters/master-avanzado-en-modelado-y-texturizado-en-tecnicas-hard-surface-para-videojuegos-aaa) Máster Avanzado Técnicas Hard Surface para Videojuegos AAA [Environments & Props para Videojuegos AAA](https://voxelschool.com/masters/master-avanzado-en-modelado-y-texturizado-de-environments-props-para-videojuegos-aaa) Máster Avanzado Environments & Props para Videojuegos AAA [Characters para Videojuegos AAA](https://voxelschool.com/masters/master-avanzado-en-modelado-y-texturizado-de-characters-para-videojuegos-aaa) Máster Avanzado Characters para Videojuegos AAA [Technical Artist para Videojuegos AAA](https://voxelschool.com/masters/master-avanzado-en-technical-artist-para-videojuegos-aaa) Máster Avanzado Technical Artist para Videojuegos AAA [Iluminación y Render para Animación y VFX](https://voxelschool.com/masters/master-avanzado-en-iluminacion-y-render-para-animacion-y-vfx) Máster Avanzado Iluminación y Render para Animación y VFX [Characters y Técnicas Hard Surface para Videojuegos AAA](https://voxelschool.com/masters/doble-master-avanzado-en-character-y-hard-surface) Doble Máster Avanzado Characters y Técnicas Hard Surface para Videojuegos AAA [Character y Environments & Props para Videojuegos AAA](https://voxelschool.com/masters/doble-master-avanzado-en-character-y-environment) Doble Máster Avanzado Character y Environments & Props para Videojuegos AAA [Técnicas Hard Surface y Environments & Props para Videojuegos AAA](https://voxelschool.com/masters/doble-master-avanzado-en-hard-surface-y-environment) Doble Máster Avanzado Técnicas Hard Surface y Environments & Props para Videojuegos AAA [Técnicas Hard Surface y Technical Artist para Videojuegos AAA](https://voxelschool.com/masters/doble-master-avanzado-en-weapons-y-technical) Doble Máster Avanzado Técnicas Hard Surface y Technical Artist para Videojuegos AAA [Environments & Props y Technical Artist para Videojuegos AAA](https://voxelschool.com/masters/doble-master-avanzado-environment-y-technical) Doble Máster Avanzado Environments & Props y Technical Artist para Videojuegos AAA PROFESSIONAL MENTORSHIP PROGRAMS ![Menu close](https://d3des6gui7vs6w.cloudfront.net/web/_general/mobile-icon-close.svg) PROFESSIONAL MENTORSHIP [PMP Concept Art for Character & Environment Design](https://voxelschool.com/mentorship-programs/professional-mentorship-program-concept-art) Professional Mentorship Program PMP Concept Art for Character & Environment Design [PMP 3D Character Animation](https://voxelschool.com/mentorship-programs/professional-mentorship-program-character-animation-3d) Professional Mentorship Program PMP 3D Character Animation [PMP 2D Character Animation](https://voxelschool.com/mentorship-programs/professional-mentorship-program-character-animation-2d) Professional Mentorship Program PMP 2D Character Animation ![Header Banner](https://d3des6gui7vs6w.cloudfront.net/maquetacion/blog/bg_header_blog.webp) # NOTICIAS El blog de Voxel School es un espacio para conocer la última hora en las artes digitales y en todo lo que ocurre en nuestra escuela ![Mr. Thready: Un viaje dentro del desarrollo de videojuegos como artista y animador 2D](https://blog.voxelschool.com/hs-fs/hubfs/m-quina-interior.webp?width=1000&height=562&name=m-quina-interior.webp) 23/08/2023 Videojuegos # Mr. Thready: Un viaje dentro del desarrollo de videojuegos como artista y animador 2D Podéis ver el artículo original de referencia en inglés en [https://discover.therookies.co/2023/08/21/game-development-as-an-artist-and-2d-animator-part-1/](https://discover.therookies.co/2023/08/21/game-development-as-an-artist-and-2d-animator-part-1/)  --- En este artículo, Flavio Díaz, alumni de Voxel School, comparte su experiencia trabajando en su primer juego como Artista y Animador 2D. Flavio también es responsable del storyboard, el diseño de puzles y de la historia, entre otras cosas, porque, aparte del programador y más tarde la incorporación de un compositor musical, eran solo un equipo de dos para ejecutar todo el proyecto. Si quieres crear tu primer videojuego, este artículo te puede aportar mucha inspiración.  --- Mr. Thready es una aventura *Point’n Click* dibujada a mano. Se sitúa en una fábrica abandonada en los años 50, dónde tomaremos el rol de un pequeño muñeco de vudú que se despierta en mitad de este misterioso y enorme sitio, donde tendrás que solucionar puzles y encontrar tu verdadero origen.  ![mrthready_01](https://blog.voxelschool.com/hs-fs/hubfs/mrthready_01.webp?width=821&height=524&name=mrthready_01.webp) Debo mencionar que a pesar de que el proyecto tuvo un largo período de desarrollo, lamentablemente no pudimos terminarlo por diversas razones técnicas y personales.  # **¡Vamos a hacer un juego!** Empezaré contando que cuando empecé esto, no tenía ni idea de cómo hacer un juego, y no tenía una educación formal en arte o animación. Sol tenía una tableta Wacom barata y un amigo que compartía mi entusiasmo por crear un juego. Así fue como empezamos (bueno, más o menos)\_ - Hey tío, vamos a hacer un videojuego ¿no? - Mmmmmm… ok. - ¡Mira! Hice un dibujo con mi nueva tableta Wacom Bamboo - Bien ![mrthready_02](https://blog.voxelschool.com/hs-fs/hubfs/mrthready_02.jpg?width=1000&height=665&name=mrthready_02.jpg) Primer concept Sabéis, no creo que sea un buen ejemplo de cómo empezar en esto, pero así fue como surgieron las cosas en mi caso. Y así es como nació la idea de Mr. Thready.    **Inspiración e ideas iniciales** Teníamos la idea de crear un juego de aventuras *Point 'n Click* “simple” en 2D con gráficos dibujados a mano, centrado en un pequeño personaje en un mundo abrumador. Esta idea surgió cuando mi amigo y yo estábamos en el gimnasio y mencionó haber visto un anuncio sobre un pequeño personaje de azúcar que enfrenta desafíos y peligros en un ciudad. Sugirió que deberíamos hacer algo similar y pensé que era una buena idea.  Decidimos que el tema iba a ser el vudú, y naturalmente, nuestro protagonista debía ser un muñeco de vudú. Ese fue nuestro “gran” análisis de mercado.  Afortunadamente, mi amigo y yo solíamos estar en sintonía cuando se trataba de las ideas creativas, y teníamos claro que aunque el concepto general era lindo, el ambiente tenía que ser oscuro. De hecho, juegos como *Silent Hill*, Abe’s Oddysee, *Limbo* o *Amanita Design* fueron nuestras grandes inspiraciones para crear el ambiente y la jugabilidad. Sin embargo, las principales referencias, por razones obvias, fueron películas como *Los Borrowers*, o el *Arriety y el mundo de los diminutos* de *Ghibli Studio*. ![mrthready_03](https://blog.voxelschool.com/hs-fs/hubfs/mrthready_03.jpg?width=436&height=235&name=mrthready_03.jpg)![mrthready_04](https://blog.voxelschool.com/hs-fs/hubfs/mrthready_04.jpg?width=417&height=235&name=mrthready_04.jpg)   **¡Vamos al grano!** Aparte de los innumerables retos técnicos que conlleva empezar a desarrollar un videojuego sin conocimientos previos, me centraré únicamente en el aspecto artístico.  Aunque finalmente reforcé mis habilidades en Voxel School, mi aprendizaje durante el desarrollo de este proyecto fue totalmente autodidacta, con todos los altibajos que conlleva.  Se suele decir que la mejor manera de mejorar en el dibujo es dibujar sin parar, pero con el tiempo me di cuenta de que simplemente dibujar no era suficiente. Durante un tiempo seguí dibujando cada vez más entornos o personas sin ninguna planificación, documentación o referencias. ¡Básicamente me impulsó el *hype*! Sí, mejoré significativamente durante ese tiempo, pero también me llevó a numerosos rediseños y a desperdiciar mucho material, ya que a menudo no sabía qué estaba mal. Fue entonces cuando decidí hacer las cosas mejor, usando más referencias visuales e incluso reaprendiendo los fundamentos del dibujo.  ![mrthready_05](https://blog.voxelschool.com/hs-fs/hubfs/mrthready_05.jpg?width=1000&height=1482&name=mrthready_05.jpg) Para las referencias yo normalmente uso PureRef, como todos los artistas, creo.    **Una historia basada en los años 50** Después de pasar por algunos altibajos y ganar algo de experiencia, tomamos la decisión de darle un giro al estilo visual manteniendo nuestro nivel de motivación. Una de las decisiones estilísticas más importantes que tomamos fue ambientar eljuego en los años 50. Elegimos esta época principalmente porque es un período interesante y atractivo en términos de diseño industrial y gráfico.  Pensamos en una fábrica textil, llena de maquinaria industrial y los numerosos elementos de costura (cajas, etiquetas llamativas, marcas,...) le darían al escenario mucho más atractivo y verosimilitud. Por supuesto utilizamos todo tipo de referencias como imágenes, anuncios, películas o juegos como Fallout. ![mrthready_08](https://blog.voxelschool.com/hs-fs/hubfs/mrthready_08.jpg?width=1000&height=739&name=mrthready_08.jpg) Anuncio de cambio de nombre Por cierto, originalmente el juego se llamó Voodoo, pero después se renombró Mr. Thready, en referencia al clásico de los juguetes Mr. Potato que fue un éxito en su momento.    **La historia** Este nuevo giro estilístico nos ayudó a crear nuevas ideas para la historia y el contexto. *En definitiva, nuestro amigo es en realidad un niño que murió tras caer a un pozo en la fábrica. Lamentablemente, poco después se produjo un accidente nuclear que provocó la inmediata evacuación de la fábrica y sus alrededores, impidiendo su búsqueda. Muchos años después, vuelve a la vida como un muñeco vudú.* Bien, se podría decir que aunque el juego no transcurre en los años 50, la fábrica mantiene ese aspecto. Nuestra primera acción como jugador será despertarlo en medio de un costurero oscuro lleno de hilos. A partir de ese momento, tomamos el control y le ayudamos a avanzar resolviendo acertijos, mientras conectamos piezas de su memoria para descubrir su verdadero origen. Aunque este vídeo es una versión alfa, especialmente el sonido, espero que os ayude a tener una idea de cómo empezó el juego.   **El workflow del environment** Ahora que entiendes mejor de qué trata Mr. Thready, me gustaría mostrarte el trabajo que hay detrás de todo lo que has visto. Puede que no haya sido el mejor flujo de trabajo del mundo, pero funcionó para mí. Básicamente, se trata de lo siguiente.  Referencias generales: Esto consiste en una colección de imágenes, mayormente de sitios abandonados, fábricas, sastrerías, etc. La idea era capturar la atmósfera general del entorno y crear diferentes composiciones, colores e iluminaciones.  ![mrthready_09](https://blog.voxelschool.com/hs-fs/hubfs/mrthready_09.jpg?width=1000&height=619&name=mrthready_09.jpg) Referencias de antiguas fábricas textiles Bocetos y concepts: Aquí fue donde puse en práctica todo lo que había absorbido de esas referencias, usando todos los medios necesarios. Personalmente, para algo como esto intento priorizar la atmósfera y la iluminación por encima del color. Muchos de los concepts estaban en escala de grises o eran ridículos fotomontajes. El color ya llegaría al juego cuando funcionase la atmósfera.  ![mrthready_10](https://blog.voxelschool.com/hs-fs/hubfs/mrthready_10.jpg?width=1211&height=735&name=mrthready_10.jpg) Más referencias específicas: Cuando la composición estuvo establecida, fue cuando me centré en los objetivos individuales o en grupos de objetos, buscando referencias específicas para cada objeto para conseguir el mayor nivel de detalle posible.  ![mrthready_15](https://blog.voxelschool.com/hs-fs/hubfs/mrthready_15.jpg?width=918&height=697&name=mrthready_15.jpg) Referencia de lata de aceite para máquinas Renderizado de objetos: Normalmente yo empiezo con el dibujo lineal como base, luego agrego los colores planos, sombras, luces, texturas y detalles, en ese orden. Todo en capas separadas para mantener un mayor control sobre futuras modificaciones. Una vez completado, transfiero el objeto final al documento principal en su lugar correspondiente en la escena. Este proceso se repite una y otra vez hasta completar toda la escena.  ![mrthready_16](https://blog.voxelschool.com/hs-fs/hubfs/mrthready_16.jpg?width=1000&height=803&name=mrthready_16.jpg) Renderizado final: Una vez que todos los objetos están en su sitio, empiezo a trabajar en la escena en general, incluyendo aspectos como la atmósfera, la iluminación y los ajustes de color. Esto significa que todos los elementos pasan por una segunda fase de detalles más profundos para la integración del entorno.  Pinceles:  También me gustaría enseñaros alguno de los pinceles que usé para reforzar la sensación de realismo de los objetos. Lo usé principalmente en una capa reservada para texturas. Hay muchas capas que utilizo para dar efectos de óxido, manchas, polvo, rugosidades, etc. Mediante los diferentes tipos de fusión, ajuste de color, y siempre intentando que las formas preestablecidas no fueran obvias, pude encontrar el efectos deseado.  ![mrthready_17](https://blog.voxelschool.com/hs-fs/hubfs/mrthready_17.jpg?width=1000&height=376&name=mrthready_17.jpg) Para terminar de la manera más ilustrativa posible, os dejo un timelapse del renderizado de un prop.  Cabe destacar que también tuve que realizar varias piezas de diseño gráfico, como es el caso del cartón de leche. En ocasiones utilizando piezas de ilustraciones libres de derechos de autor, o completamente desde cero. Esto fue la clave para realizar la sensación vintage.  ![mrthready_18](https://blog.voxelschool.com/hs-fs/hubfs/mrthready_18.jpg?width=828&height=725&name=mrthready_18.jpg)   **¿Es tan laborioso como parece? ** Nooo, no es gran cosa. Pero en realidad, SÍ. Esto es algo que me pareció interesante mencionar. Al ser un estilo visual sobrecargado en cuanto a detalles y texturas, el manejo de capas y archivos Photoshop fue una tarea que tuve que aprender a las malas. Además de esto, usé varias capas como parallax, por lo que necesitaba muchos objetos separados. Mi PC no era muy potente y trabajar con archivos de más de 500 MB no era una opción si no quería que mi ordenador y mi cabeza explotaran. ![mrthready_19](https://blog.voxelschool.com/hs-fs/hubfs/mrthready_19.jpg?width=1000&height=508&name=mrthready_19.jpg)   **¿Qué pasa con los puzles? ** No puedo pasar por alto este tema, ya que es un juego de puzles.  No hay mucho misterio en cómo se nos ocurrieron los rompecabezas. Básicamente consistía en que mi compañero y yo nos sentáramos y trabajásemos para juntar ideas que solíamos escribir o dibujar en cualquier momento del día.  ![mrthready_20](https://blog.voxelschool.com/hs-fs/hubfs/mrthready_20.jpg?width=1213&height=489&name=mrthready_20.jpg)   En muchas ocasiones, estas ideas venían de documentación sobre costura. De hecho, uno de los puzzles estaba basado en una máquina de coser que mi amigo encontró en casa de su abuela. A partir de él pudimos hacer un puzzle sobre patrones de costura. ![mrthready_21](https://blog.voxelschool.com/hs-fs/hubfs/mrthready_21.jpg?width=1000&height=505&name=mrthready_21.jpg)   Para lograrlo, era necesario encontrar la mejor manera de simplificar el funcionamiento de una máquina, y así, adaptarla a nuestras necesidades de juego preservando el realismo.    Teaser Para terminar, me gustaría enseñaros un teaser donde podéis ver un pequeño adelanto del contenido que estábamos creando.  Disculpad por el “no sonido”, pero el montaje nunca estuvo terminado. Espero que hayáis disfrutado esta primera parte sobre el trabajo detrás de las escenas de Mr. Thready. En la segunda parte hablaré de la creación de personajes y de las primeras incursiones en la animación 2D.  ###### Escrito por Voxel School ###### Compartir en: [Anterior](https://blog.voxelschool.com/noticias/reportaje-inner-ashes-zoom-net) [Portada](https://blog.voxelschool.com/noticias/all) [Siguiente](https://blog.voxelschool.com/noticias/videojuego-espanol-mr-coo-gamescom) ### RELACIONADOS [![Concept Art vs Ilustración: Diferencias clave](https://blog.voxelschool.com/hs-fs/hubfs/horizontal_CONCEPT_blog_02_3000x1750Blog_01.png?width=90&height=55&name=horizontal_CONCEPT_blog_02_3000x1750Blog_01.png)](https://blog.voxelschool.com/noticias/concept-art-vs-ilustracion) ### Concept Art vs Ilustración: Diferencias clave [Concept Art vs Ilustración: Diferencias clave](https://blog.voxelschool.com/noticias/concept-art-vs-ilustracion) [![Así fue la Concept Art Week 2026: tres días para vivir el arte desde dentro](https://blog.voxelschool.com/hs-fs/hubfs/blog_Concept%20Art%20Week%20webp.webp?width=90&height=55&name=blog_Concept%20Art%20Week%20webp.webp)](https://blog.voxelschool.com/noticias/así-fue-la-concept-art-week-2026-tres-días-para-vivir-el-arte-desde-dentro) ### Así fue la Concept Art Week 2026: tres días para vivir el arte desde dentro [Así fue la Concept Art Week 2026: tres días para vivir el arte desde dentro](https://blog.voxelschool.com/noticias/así-fue-la-concept-art-week-2026-tres-días-para-vivir-el-arte-desde-dentro) [![Nuevo Playtesting proyectos de los estudiantes de los másteres de Videojuegos](https://blog.voxelschool.com/hs-fs/hubfs/20230419%20Voxel%20Trends-07051-1.webp?width=90&height=55&name=20230419%20Voxel%20Trends-07051-1.webp)](https://blog.voxelschool.com/noticias/nuevo-playtesting-de-los-proyectos-de-los-estudiantes-de-los-masteres-de-videojuegos) ### Nuevo Playtesting proyectos de los estudiantes de los másteres de Videojuegos [Nuevo Playtesting proyectos de los estudiantes de los másteres de Videojuegos](https://blog.voxelschool.com/noticias/nuevo-playtesting-de-los-proyectos-de-los-estudiantes-de-los-masteres-de-videojuegos) ### Categorías [Videojuegos](https://blog.voxelschool.com/noticias/tag/videojuegos) [Noticias](https://blog.voxelschool.com/noticias/tag/noticias) [Voxel School](https://blog.voxelschool.com/noticias/tag/voxel-school) [Eventos](https://blog.voxelschool.com/noticias/tag/eventos) [ArtesDigitales](https://blog.voxelschool.com/noticias/tag/artesdigitales) [Animación](https://blog.voxelschool.com/noticias/tag/animación) [Industria](https://blog.voxelschool.com/noticias/tag/industria) [Máster](https://blog.voxelschool.com/noticias/tag/máster) [Grado Universitario](https://blog.voxelschool.com/noticias/tag/grado-universitario) [VFX](https://blog.voxelschool.com/noticias/tag/vfx) Ilustración [Motion Graphics](https://blog.voxelschool.com/noticias/tag/motion-graphics) [Cómic](https://blog.voxelschool.com/noticias/tag/cómic) [The Rookies](https://blog.voxelschool.com/noticias/tag/the-rookies) ![Logo Voxel School 2023](https://26243733.fs1.hubspotusercontent-eu1.net/hub/26243733/hubfs/voxel-school-logo-2022-2.png?width=303&height=42&name=voxel-school-logo-2022-2.png) ![ANIMACIÓN DIGITAL](https://26243733.fs1.hubspotusercontent-eu1.net/hub/26243733/hubfs/ad_img_1.jpg?width=360&height=425&name=ad_img_1.jpg) #### Grado Universitario en ### Animación Digital [Quiero saber más](https://voxelschool.com/grados/grado-universitario-en-animacion-digital) ![Logo Voxel School 2023](https://26243733.fs1.hubspotusercontent-eu1.net/hub/26243733/hubfs/voxel-school-logo-2022-2.png?width=303&height=42&name=voxel-school-logo-2022-2.png) ![bg-banner-arte-videojuegos](https://blog.voxelschool.com/hs-fs/hubfs/bg-banner-arte-videojuegos.webp?width=360&height=425&name=bg-banner-arte-videojuegos.webp) #### Grado Universitario en ### Diseño y Arte Digital para Videojuegos [Quiero saber más](https://voxelschool.com/grados/grado-universitario-en-diseno-y-arte-digital-para-videojuegos) ![Logo Voxel School 2023](https://26243733.fs1.hubspotusercontent-eu1.net/hub/26243733/hubfs/voxel-school-logo-2022-2.png?width=303&height=42&name=voxel-school-logo-2022-2.png) ![bg-arte-design-motion](https://blog.voxelschool.com/hs-fs/hubfs/bg-arte-design-motion.webp?width=360&height=425&name=bg-arte-design-motion.webp) #### Grado Universitario en ### DISEÑO GRÁFICO Y MOTION GRAPHICS [Quiero saber más](https://voxelschool.com/grados/grado-universitario-en-diseno-grafico-y-motion-graphics) ![Logo Voxel School 2023](https://26243733.fs1.hubspotusercontent-eu1.net/hub/26243733/hubfs/voxel-school-logo-2022-2.png?width=303&height=42&name=voxel-school-logo-2022-2.png) ![bg-design-vfx](https://blog.voxelschool.com/hs-fs/hubfs/bg-design-vfx.webp?width=360&height=425&name=bg-design-vfx.webp) #### Grado Universitario en ### COMPOSICIÓN, POSTPRODUCCIÓN Y VFX [Quiero saber más](https://voxelschool.com/grados/grado-universitario-en-composicion-postproduccion-y-vfx) [![Voxel School Logo](https://d3des6gui7vs6w.cloudfront.net/web/_general/voxel-school-logo-2022.svg)](https://voxelschool.com) - [C. de los Vascos, 25, 28040 Madrid](https://goo.gl/maps/5uCbk8AB3VfT2GfN9) Horario: de lunes a viernes de 08:30h a 21:30h - [911 805 570](tel:+34911805570) - [911 668 882](tel:+34911668882) - [info@voxelschool.com](mailto:info@voxelschool.com) - - - - - - - [Sala de Prensa](https://voxelschool.com/sala-de-prensa) - [Gestión de Calidad](https://voxelschool.com/gestion-de-calidad) - [Orientación Escolar](https://voxelschool.com/campus/orientacion-academica) - [Tasas, becas y financiación para grados](https://voxelschool.com/admision/tasas-becas-y-financiacion) - [Tasas y Financiación para Postgrados](https://voxelschool.com/admision/tasas-becas-y-financiacion-postgrados) - [Grados Universitarios](https://voxelschool.com/grados-universitarios) - [Másteres](https://voxelschool.com/masters) - [Máster Oficial Universitario](https://voxelschool.com/masters#oficial) - [Másteres Avanzados](https://voxelschool.com/masters#avanzados) - [Professional Mentorship Programs](https://voxelschool.com/mentorship-programs) - [Noticias](https://blog.voxelschool.com/noticias) - [Eventos](https://blog.voxelschool.com/eventos) - [Open Day](https://voxelschool.com/open-day) - [Contacto](https://voxelschool.com/contacto) - [Buzón de sugerencias](https://docs.google.com/forms/d/e/1FAIpQLSfYGabuzRAb3QmK94VjNKOXjVY2_kJxsJqQKx2WaFidR_hz8w/viewform) CENTRO ADSCRITO A [![logo-deusto](https://d3des6gui7vs6w.cloudfront.net/web/footer/logo-deusto.png)](https://www.deusto.es/cs/Satellite/deusto/es/universidad-deusto) FORMACIÓN PERMANENTE [![logo-ucm](https://d3des6gui7vs6w.cloudfront.net/web/footer/ucm_logo.png)](https://www.ucm.es/) CENTRO ASOCIADO [![logo_aevi](https://d3des6gui7vs6w.cloudfront.net/web/footer/logo_aevi_blanco.png)](http://www.aevi.org.es/) ÚNICO CENTRO UNIVERSITARIO OFICIAL [![logo-pstalent](https://d3des6gui7vs6w.cloudfront.net/web/footer/pstalent_logo.png)](https://www.playstationtalents.es/) EN COLABORACIÓN CON [![logo-pstalent](https://d3des6gui7vs6w.cloudfront.net/web/footer/santander_blanco-1.png)](https://www.santander.com/es/nuestro-compromiso/crecimiento-inclusivo-y-sostenible/compromiso-con-la-educacion-superior) - © Voxel School S.L. 2026. Todos los derechos reservados - [Aviso legal](https://voxelschool.com/aviso-legal) - [Política de privacidad](https://voxelschool.com/politica-de-privacidad) - [Configuración de Cookies](https://voxelschool.com/configuracion-de-cookies) - [![Inicio](https://d3des6gui7vs6w.cloudfront.net/web/_general/mobile-action-bar/home.svg) Inicio](https://voxelschool.com/) - [![Formación](https://d3des6gui7vs6w.cloudfront.net/web/_general/mobile-action-bar/formacion.svg) Formación](https://voxelschool.com/#formacion) - [![Contacto](https://d3des6gui7vs6w.cloudfront.net/web/_general/mobile-action-bar/contacto.svg) Contacto](https://voxelschool.com/contacto) - [![Eventos](https://d3des6gui7vs6w.cloudfront.net/web/_general/mobile-action-bar/eventos.svg) Eventos](https://blog.voxelschool.com/eventos#proximos) - [![Open Day](https://d3des6gui7vs6w.cloudfront.net/web/_general/mobile-action-bar/open-day.svg) Open Day](https://voxelschool.com/open-day) ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Voxel School", "url" : "https://blog.voxelschool.com/noticias/author/voxel-school" }, "dateModified" : "2023-08-24T09:50:31.776Z", "datePublished" : "2023-08-23T10:45:18.000Z", "headline" : "Mr. Thready: Un viaje dentro del desarrollo de videojuegos como artista y animador 2D", "image" : [ "https://blog.voxelschool.com/hubfs/m-quina-interior.webp" ], "mainEntityOfPage" : { "@id" : "https://blog.voxelschool.com/noticias/mr-thready-flavio-diaz-rookies", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://blog.voxelschool.com/hubfs/logo_voxel_school_1200x1200.jpg" }, "name" : "Voxel School" } } ``` ```json { "@context" : "https://schema.org", "@type" : "VideoObject", "contentUrl" : "https://7518854.fs1.hubspotusercontent-na1.net/hubfs/7518854/We-are-Mr.-Thready-now--1.mp4", "dateModified" : "2023-08-23T10:29:16.159Z", "duration" : "PT32S", "height" : 1080, "name" : "We-are-Mr.-Thready-now--1", "thumbnailUrl" : "https://api-na1.hubapi.com/filemanager/api/v3/files/thumbnail-redirect/131333229634?portalId=7518854&size=medium", "uploadDate" : "2023-08-23T10:29:07.908Z", "width" : 1920 } ``` ```json { "@context" : "https://schema.org", "@type" : "VideoObject", "contentUrl" : "https://7518854.fs1.hubspotusercontent-na1.net/hubfs/7518854/wake-up.mp4", "dateModified" : "2023-08-23T10:28:54.856Z", "duration" : "PT1M8S", "height" : 1080, "name" : "wake-up", "thumbnailUrl" : "https://api-na1.hubapi.com/filemanager/api/v3/files/thumbnail-redirect/131333232384?portalId=7518854&size=medium", "uploadDate" : "2023-08-23T10:28:45.247Z", "width" : 1920 } ``` ```json { "@context" : "https://schema.org", "@type" : "VideoObject", "contentUrl" : "https://7518854.fs1.hubspotusercontent-na1.net/hubfs/7518854/stages.mp4", "dateModified" : "2023-08-23T10:28:45.969Z", "duration" : "PT24S", "height" : 590, "name" : "stages", "thumbnailUrl" : "https://api-na1.hubapi.com/filemanager/api/v3/files/thumbnail-redirect/131329044776?portalId=7518854&size=medium", "uploadDate" : "2023-08-23T10:28:40.579Z", "width" : 640 } ``` ```json { "@context" : "https://schema.org", "@type" : "VideoObject", "contentUrl" : "https://7518854.fs1.hubspotusercontent-na1.net/hubfs/7518854/c-milk-large-vers..mp4", "dateModified" : "2023-08-23T10:28:52.925Z", "duration" : "PT10M22S", "height" : 720, "name" : "c-milk-large-vers.", "thumbnailUrl" : "https://api-na1.hubapi.com/filemanager/api/v3/files/thumbnail-redirect/131333229609?portalId=7518854&size=medium", "uploadDate" : "2023-08-23T10:28:43.971Z", "width" : 1280 } ``` ```json { "@context" : "https://schema.org", "@type" : "VideoObject", "contentUrl" : "https://7518854.fs1.hubspotusercontent-na1.net/hubfs/7518854/machine-pieces-1.mp4", "dateModified" : "2023-08-23T10:36:19.258Z", "duration" : "PT7S", "height" : 498, "name" : "machine-pieces-1", "thumbnailUrl" : "https://api-na1.hubapi.com/filemanager/api/v3/files/thumbnail-redirect/131333092278?portalId=7518854&size=medium", "uploadDate" : "2023-08-23T10:36:12.794Z", "width" : 792 } ``` ```json { "@context" : "https://schema.org", "@type" : "VideoObject", "contentUrl" : "https://7518854.fs1.hubspotusercontent-na1.net/hubfs/7518854/gameplay-teaser.mp4", "dateModified" : "2023-08-23T10:28:52.043Z", "duration" : "PT1M31S", "height" : 1080, "name" : "gameplay-teaser", "thumbnailUrl" : "https://api-na1.hubapi.com/filemanager/api/v3/files/thumbnail-redirect/131333224448?portalId=7518854&size=medium", "uploadDate" : "2023-08-23T10:28:43.509Z", "width" : 1920 } ```