Versión en vídeo:

Versión de texto:

Las ilustraciones estilo diorama son una excelente manera de representar un mundo y su funcionamiento interno en un formato compacto e inmersivo. Pueden usarse como arte conceptual para juegos, materiales visuales educativos o como obras de arte independientes.

En la primera parte de este tutorial, exploraremos cómo trabajar con ideas, ángulos de cámara, perspectiva, composición y ubicación de objetos para crear una escena clara y atractiva.

La segunda parte se centra en utilizar las herramientas, funciones y trucos ocultos de Clip Studio Paint para dar vida a tus ideas de manera eficiente.

🟪 Tipos de dioramas

🟧 Diorama interior

Los dioramas de interiores, que suelen utilizarse en el diseño de juegos, se centran en crear espacios atractivos organizando cuidadosamente los objetos, los colores y la iluminación para crear un entorno atractivo para el espectador.

🟧 Diorama exterior

Por otro lado, los dioramas exteriores presentan paisajes pequeños y autónomos, como islas flotantes, paisajes urbanos o castillos.

🟧 Diorama combinado

Combinar ambos tipos añade aún más profundidad e historia.

 

Puedes ampliar un diorama interior integrando elementos exteriores:

… O descubrir una parte de un diorama exterior para mostrar lo que sucede en el interior, como los acogedores hogares de las criaturas o los talleres de fantasía:

Las posibilidades son infinitas: ¡incluso un armario, una cueva o una geoda de cristal pueden convertirse en un mundo en miniatura!

🟪 Ángulos de cámara

Elegir el ángulo de cámara adecuado para tu diorama es importante para la legibilidad y la narrativa.

 

El ángulo más común, una vista diagonal de 45°, generalmente proporciona la visibilidad más clara de los objetos en un espacio 3D.

Sin embargo, dependiendo de la estructura de tu escena y el estado de ánimo que buscas, puedes probar diferentes ángulos, incluso desde abajo o desde una vista nivelada:

Sólo tenga cuidado con las vistas demasiado cercanas al suelo o la pared, ya que algunos objetos pueden estar ocultos detrás de otros o incluso ser difíciles de identificar:

El ángulo elegido también influye en la percepción del espectador; los ángulos más altos dan la sensación de observación, mientras que la vista más baja crea una experiencia más inmersiva.

Más adelante en este tutorial, exploraremos cómo hacer una maqueta rápida de su escena con los primitivos 3D de Clip Studio Paint y probaremos diferentes puntos de vista.

🟪 Perspectiva

Proyección isométrica

Común en el pixel art y los juegos, la proyección isométrica mantiene todas las líneas paralelas…

… Permitiéndote combinar varias escenas y mover objetos libremente:

Ejemplo de la clásica perspectiva isométrica de 30°: la silueta del cubo forma un hexágono:

🟧 Proyección en perspectiva

La proyección en perspectiva crea una profundidad más natural.

 

La alta distorsión de la perspectiva realza los paisajes exteriores…

… Mientras que los interiores se ven más claros y más acogedores con una distorsión mínima.

Una distorsión muy fuerte o incluso una vista ojo de pez son excelentes para escenas de terror.

🟪 Consejos de composición

🟧 Cuenta una historia

Los personajes dan vida, añaden escala y crean movimiento. Usan sus poses, su línea de visión y la ubicación de los objetos para guiar la mirada del espectador de forma natural a través de la ilustración.

🟧 Varía los tamaños de los objetos

Coloque objetos grandes y altos en el fondo y objetos más pequeños en el primer plano y sobre objetos más grandes de modo que todo lo importante sea claramente visible.

Tener la mayoría de los objetos de tamaño similar puede resultar visualmente simple. Además, el objeto alto al frente obstruye la vista.

Sin embargo, los grandes objetos en primer plano también pueden crear espacios ocultos, mejorando la narración de la escena, como el taller del reloj de cuco del abuelo escondido detrás de las escaleras donde está inmerso en su trabajo preciso, sin prestar atención a los ruidosos nietos afuera:

🟧 Crea un espacio vivido

Llena la escena para que se vea rica y animada:

Los objetos superpuestos mejoran la ilusión 3D:

Evite las tangentes, que son puntos donde dos objetos se tocan sin superponerse, ya que aplanan la imagen:

Rompe las líneas rectas y las superficies desnudas con detalles como vigas irregulares, ladrillos o tablones.

 

Colgar plantas, faroles o letreros es una excelente manera de darle un toque interesante a los bordes de las paredes.**

 

No dudes en jugar con elementos exteriores que destaquen en la habitación, como plantas trepadoras, escaleras o césped.

🟪 Consejos para colorear

Al igual que con cualquier otra pintura de paisaje, ¡aprovecha al máximo la perspectiva atmosférica!

 

Divide la escena en primer plano, segundo plano y segundo plano. Cada plano adquiere más color de la atmósfera cuanto más lejos esté del espectador.

Agregar un efecto de niebla suave entre los aviones los separa aún más:

Más consejos para pintar paisajes:

En escenas de fantasía, puedes experimentar con la profundidad basada en el tono.

 

En esta ilustración de geoda, separé los planos según los colores del arcoíris. Del plano más lejano al más adelantado, van del amarillo al naranja, del rojo al morado, del azul al verde.

---

💡 Consejo rápido: Plano de planta para interiores

Si te resulta difícil visualizar la habitación con muebles, prueba a empezar con un plano para ubicar los objetos eficientemente. Te sugiero mantener los elementos alineados con las paredes, ya que compartirán la regla de perspectiva con la habitación.

Puedes rotar un objeto para obtener más variedad, como este sillón, pero ten en cuenta que necesitarás tener una regla de perspectiva separada con diferentes puntos de fuga para él.

---

🟪 Herramientas de Clip Studio Paint para mayor eficiencia

🟧 Transformación de malla

La transformación de malla permite levantar un piso o modificar la forma general y la perspectiva con gran facilidad en la fase de boceto:

🟧 Color de la capa

Si le preocupa perderse entre todas las líneas al dibujar y entintar, utilice la función Cambiar color de capa para separar los objetos visualmente.

🟧 Primitivas 3D

El cubo, el prisma, la esfera y otras formas 3D predeterminadas son herramientas de dibujo bastante desconocidas una vez que conoces sus trucos.

 

⚠ ️ Recuerda que para cualquier ajuste en las capas 3D, cambia a la herramienta Operación Objeto.

Si eres nuevo en el trabajo con objetos 3D, te recomiendo este tutorial:

🟨 Las reglas de perspectiva se configuran en un instante

¿Es difícil configurar las reglas de perspectiva? Simplemente arrastre y suelte la primitiva de cubo desde la paleta Material > 3D > Primitivas al lienzo y ajuste el ángulo de visión a su gusto.

La capa 3D viene con reglas de perspectiva, ¡simplemente mantenga presionada la tecla Shift y haga clic en el ícono tachado más pequeño de la capa para hacer visible la regla**!

Para ocultar el cubo, establezca la opacidad de la capa 3D en 0 y dibuje en las demás capas.

 

Si activa el ajuste, las herramientas de dibujo seguirán las reglas de perspectiva:

---

‼️ACTUALIZACIÓN: Regla isométrica

Un amable lector me advirtió que la vista isométrica de objetos 3D con cámara no crea reglas isométricas (Disculpen la confusión, creía que al menos las versiones anteriores sí podían).

 

Como ajustar una regla de perspectiva a isométrica no es fácil, creé un material que puedes descargar y arrastrar a tu lienzo. Contiene una regla isométrica clásica de 30° a la que se ajustan todas las herramientas de dibujo, y una cuadrícula isométrica escalable que puedes ocultar:

---

🟨 Construyendo con primitivas 3D

La principal ventaja de las primitivas reside en su personalización.

 

No solo puedes escalarlas y rotarlas, sino que, en la paleta Detalles de la subherramienta, la pestaña Primitiva te permite cambiar el número de divisiones.

 

¡Convierte el prisma hexagonal en triangular para convertir el techo de una casa o una pirámide en un árbol cónico!

Construir la escena a partir de primitivas es divertido y puede ayudarte a decidir el ángulo, la perspectiva y la ubicación de los objetos en la etapa de borrador, así como a crear guías precisas para el dibujo final basándote en tu boceto.

 

Las primitivas se acoplan entre sí, facilitando una colocación precisa.

Para crear rápidamente una matriz de objetos, como escaleras, seleccione el objeto, presione Ctrl+C y Ctrl+V y mueva la copia a la posición deseada…

… Al presionar Ctrl+V directamente nuevamente, se agregan nuevas copias en la matriz:

Utilice estos botones en la paleta de detalles de la subherramienta Cámara para cambiar entre perspectiva y proyección isométrica:

---

💡 Consejo rápido: Varias cámaras

Guarde el ángulo de cámara elegido duplicando la cámara y bloqueando la original. Mientras la cámara duplicada esté activa, puede rotar la vista según lo necesite para construir su escena y volver fácilmente al ángulo de cámara original.

La versión EX tiene la Vista de todos los lados que se abre desde la Ventana y donde puedes construir tu escena mientras la ves desde cuatro ángulos diferentes.

---

🟧 Herramientas que se ajustan a las reglas

Probablemente ya sepas que las herramientas de pincel pueden ajustarse a la regla de perspectiva y que cuando dibujas en capas vectoriales, puedes fácilmente limpiar el arte lineal con el borrador vectorial y usar las diversas herramientas de línea correcta para ajustar las líneas.

¡Pero esto es solo el principio! Las herramientas de dibujo directo también se ajustan a las reglas, tanto en capas vectoriales como ráster, lo que facilita la adición de elementos como mesas, estanterías o macetas.

Arrastre la herramienta a lo largo de la diagonal más larga de la forma deseada. Al soltar el cursor, la aplicación le permite elegir entre dos ángulos posibles, que puede confirmar haciendo clic en:

Mientras mantienes presionada la tecla Shift obtendrás un círculo, cuadrado o polígono perfecto en perspectiva:

Las herramientas de selección funcionan igual que las herramientas de dibujo directo.

 

¡También puedes pintar mientras ajustas! Usar un pincel plano con una regla de perspectiva facilita enormemente pintar paredes de ladrillo, piedra o tablas.

🟧 Transformar en perspectiva

Dibuja patrones por separado y transfórmalos en perspectiva. Durante la transformación, mantén presionada la tecla Ctrl y arrastra cada punto** a las posiciones correspondientes según el boceto.

 

En la versión 4, los puntos se ajustan a la regla de perspectiva.

Para patrones de mosaico utilice una máscara de capa o máscara de recorte para definir el área visible.

🖌️ Puedes conseguir esta y otras texturas similares aquí:

Puedes usar este truco para dibujar fácilmente objetos más complejos, como un armario con estantería.

 

Mantén todos los objetos en capas separadas: el marco, las estanterías, los libros, etc. Transforma todas estas capas a la vez según la perspectiva:

Empuja cada una de las capas aproximadamente a lo largo de la perspectiva para crear profundidad:

Rellena los huecos usando pinceles o herramientas de dibujo directo:

Este truco es una gran solución para objetos simples que están ubicados en un ángulo diferente del resto sin agregar reglas adicionales, como el reloj o la escalera en este ejemplo:

El efecto de grosor se logró moviendo duplicados de las capas a lo largo de la perspectiva y dibujando las partes finales:

🟧 Licuar formas rectas en formas orgánicas

La herramienta Licuar es muy útil para ajustar las formas perfectas dibujadas al ajustar a la regla de perspectiva, para que se sientan más dinámicas y orgánicas, como las tablas y vigas de madera.

Materiales de activos y objetos 3D

¡Consulta los Recursos para encontrar pinceles y otros materiales para agregar detalles interesantes a tu ilustración!

🖌️ Como lo pidieron, aquí están los pinceles de libros para descargar :)

Para objetos complicados como los engranajes, puedes utilizar un modelo 3D…

… E incorporarlo a tu dibujo ya sea como lineart por extracción rápida de línea…

… O como un objeto coloreado configurando las luces del modelo para que se ajusten a tu escena:

🟧 Mejora con filtros

Para unificar elementos 3D con la pintura, aplico el filtro Editar > Suavizado inteligente para obtener una base pictórica antes de refinarlos manualmente.

Por último, aplicar Filtro > Desenfocar > Desenfoque gaussiano o Desenfoque de lente en el primer plano y el fondo puede mejorar el efecto miniatura del diorama y dirigir la atención a los detalles más importantes de la escena.

🟪 Conclusión

Con la ayuda de las funciones de Clip Studio Paint, dibujar un diorama inmersivo que cuente una historia ¡nunca ha sido tan fácil!

 

🌟 ⭐ ✨ Si te gustó este consejo, me alegraría que le dieras a "me gusta" para saber que lo estoy haciendo bien. Finalmente, deja un comentario sobre lo que te gustó, lo que no y cómo puedo mejorar. :) ✨ ⭐ 🌟