Versión en video:

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. Se pueden utilizar como arte conceptual para juegos, elementos visuales educativos o 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 colocación de objetos para crear una escena clara y atractiva.

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

🟪 Tipos de dioramas

🟧 Diorama interior

A menudo utilizados en el diseño de juegos, los dioramas de interiores se centran en crear espacios atractivos disponiendo cuidadosamente objetos, colores e iluminación para crear un entorno acogedor para el espectador.

🟧 Diorama exterior

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

🟧 Diorama combinado

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

 

Puedes expandir un diorama interior integrando elementos exteriores:

… O descubrir una parte de un diorama exterior para mostrar lo que sucede dentro, como acogedoras casas de criaturas o 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 del ambiente que busques, puedes probar diferentes ángulos, incluso desde abajo o una vista a nivel:

Solo ten cuidado con las vistas demasiado cercanas al suelo o a la pared, ya que algunos objetos pueden quedar 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 se sienten observacionales, mientras que una vista más baja crea una experiencia más inmersiva.

Más adelante en este tutorial exploraremos cómo hacer un prototipo rápido de tu escena con las primitivas 3D de Clip Studio Paint y probar 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…

… Lo que te permite combinar varias escenas y mover objetos libremente:

Ejemplo de la perspectiva isométrica clásica 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.

 

Una alta distorsión de 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 de ojo de pez son excelentes para escenas de terror.

🟪 Consejos de composición

🟧 Cuenta una historia

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

🟧 Varía el tamaño de los objetos

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

Tener la mayoría de los objetos de tamaño similar puede resultar visualmente soso. Además, el objeto alto en la parte delantera obstruye la vista.

Sin embargo, los objetos grandes en primer plano también pueden crear espacios ocultos, mejorando la narrativa 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 habitado

Rellena la escena para que parezca rica y viva:

Los objetos superpuestos mejoran la ilusión 3D:

Evita 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.

 

Las plantas colgantes, faroles o letreros son una excelente manera de hacer que los bordes de las paredes sean interesantes.

 

No tengas miedo de jugar con elementos exteriores que sobresalen dentro de la habitación, como plantas trepadoras, escaleras o césped.

🟪 Consejos de coloración

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

 

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

Añadir un suave efecto de niebla entre los planos los separa aún más:

Más consejos de pintura de paisajes:

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

 

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

---

💡Consejo rápido: Plano de planta para interiores

Si te resulta difícil visualizar la habitación con muebles, intenta empezar con un plano de planta para posicionar los objetos de manera eficiente. 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 más variedad, como este sillón, pero ten en cuenta que necesitarás una regla de perspectiva separada con diferentes puntos de fuga para él.

---

🟪 Herramientas de Clip Studio Paint para la eficiencia

🟧 Transformación de malla

La transformación de malla facilita mucho elevar un suelo o ajustar la forma general y la perspectiva en la fase de boceto:

🟧 Color de capa

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

🟧 Primitivas 3D

El cubo, prisma, esfera y otras formas 3D predeterminadas son bastante los comodines entre las ayudas al dibujo una vez que conoces los trucos para usarlos.

 

⚠️ Ten en cuenta que para cualquier ajuste a las capas 3D, cambia a la herramienta Operación de objeto.

En caso de que seas nuevo trabajando con objetos 3D, recomiendo este tutorial:

🟨 Reglas de perspectiva configuradas en un instante

¿Son difíciles de configurar las reglas de perspectiva? Simplemente arrastra y suelta la primitiva de cubo desde la paleta Material > 3D > Primitivas sobre el lienzo y ajusta el ángulo de visión a tu gusto:

La capa 3D viene con reglas de perspectiva; ¡simplemente haz Shift-clic en el icono más pequeño tachado en la capa para hacer visible la regla!

Para ocultar el cubo, establece la opacidad de la capa 3D en 0 y dibuja en otras capas.

 

Si activas 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 de cámara isométrica de objetos 3D no crea reglas isométricas (pido disculpas por la confusión, tenía la impresión de que al menos las versiones anteriores podían hacerlo).

 

Puesto que ajustar una regla de perspectiva a isométrica no es fácil, he creado 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 fortaleza de las primitivas reside en su personalización.

 

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

 

¡Convierte el prisma hexagonal en triangular para hacer el techo de una casa o una pirámide en un árbol con forma de cono!

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 fase de borrador, así como a crear guías precisas para el dibujo final basándote en tu boceto.

 

Las primitivas se ajustan entre sí, lo que facilita una colocación precisa.

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

… Al presionar directamente Ctrl+V de nuevo, se añaden nuevas copias a la matriz:

Usa estos botones en la paleta Detalle de subherramienta, Cámara para alternar entre proyección en perspectiva e isométrica:

---

💡Consejo rápido: Múltiples cámaras

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

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

---

🟧 Herramientas que se ajustan a las reglas

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

¡Pero eso es solo el principio! Las herramientas de dibujo directo también pueden ajustarse a las reglas, tanto en capas vectoriales como rasterizadas, lo que facilita añadir elementos como mesas, estanterías o macetas.

Arrastra la herramienta a lo largo de la diagonal más larga de la forma deseada. Cuando sueltas y mueves el cursor, la aplicación te permite elegir entre dos posibles ángulos que confirmas haciendo clic:

Mientras mantienes presionado shift obtienes un círculo, cuadrado o polígono perfecto en perspectiva:

Las herramientas de selección funcionan de la misma manera que las herramientas de dibujo directo.

 

¡También puedes pintar con ajuste! Usar un pincel plano con una regla de perspectiva hace que pintar paredes de ladrillos, piedras o tablas sea súper fácil:

🟧 Transformar en perspectiva

Dibuja los patrones por separado y transfórmalos en perspectiva. Durante la transformación, mantén Ctrl, arrastra cada uno de los puntos 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 azulejos, usa una máscara de capa o máscara de recorte para definir el área visible.

🖌️ Puedes obtener esta y texturas similares aquí:

¡Puedes usar este truco para dibujar fácilmente objetos más complicados, como un armario con una estantería!

 

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

Mueve ligeramente 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 posicionados en un ángulo diferente al resto sin añadir 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 orgánicas

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

🟧 Materiales de activos y objetos 3D

¡Echa un vistazo a los Activos para pinceles y otros materiales para añadir detalles interesantes a tu ilustración!

🖌️ Como se solicitó, aquí están los pinceles de libros para descargar :)

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

… Y incorporarlo en tu dibujo, ya sea como lineart mediante extracción rápida de líneas…

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

🟧 Mejorar 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 > Desenfoque > Desenfoque gaussiano o Desenfoque de lente en el primer plano y el fondo puede realzar el efecto de miniatura del diorama y dirigir el enfoque hacia 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 ha gustado este consejo, me alegrará que le des un me gusta para saber que estoy haciendo las cosas bien, y si dejas un comentario sobre lo que te gustó o no y dónde podría mejorar :) ✨⭐🌟