Tutorial: Cómo dibujar escaleras con realismo

Hola.

En esta ocasión me gustaría explicar sobre cómo dibujar escaleras, las cuales son un elemento muy arraigado en nuestra vida cotidiana.
Iré explicando paso por paso con detenimiento, así que espero que me acompañes y que pongas en práctica esta técnica. 

1. Establecer los puntos de fuga 

Primero vamos a elaborar el boceto (borrador). 

En el ejemplo que muestro abajo, he escogido una composición de escalera en la cual todas las gradas están orientadas en sentido horizontal con respecto al suelo.

Una vez que tengamos el boceto dibujado a grandes rasgos, activamos la herramienta “Ajustar” y seleccionamos la opción “Ajuste entrecruzado”.

Tal como se muestra en la imagen de abajo, trazamos una línea que indique la “altura de la vista” (la altura en la cual nuestra vista percibe las escaleras).  

Procura ubicar la línea de la “altura de la vista” un poco más arriba que la mitad del conjunto de escaleras.

A continuación, vamos a definir el punto de fuga ① que se ha de ubicar sobre la línea de la “altura de la vista”.
Para determinar un punto de fuga acorde a la “altura de la vista”, debemos hacer lo siguiente:
– Trazar una línea recta horizontal que indique la altura de la vista (lo cual se supone que acabamos de hacerlo).
– Trazar una línea de diferente ángulo con respecto a la línea de la “altura de la vista”.
(Mira las dos líneas marcadas con una porción azul en la imagen de abajo).

Sobre la herramienta “Ajustar” puedes leer más en la sección titulada “(7) Ajustar” del siguiente artículo:
「Cómo usar las herramientas de MediBang Paint Pro」

Una vez que tengamos el punto de fuga ①, será mejor que lo guardemos para poder utilizar lo luego (para guardar el punto de fuga, ve al menú de “Ajustar” y pulsa la opción que dice “Grabar instantáneo”).

Lo siguiente que haremos es trazar una línea vertical que pase encima del punto de fuga ① (una línea perpendicular con respecto a la línea de la “altura de la vista”, y que pase justo encima del punto de fuga ①).

Ahora, repetimos el procedimiento anterior pero esta vez tomando como referencia la línea vertical que acabamos de trazar, para determinar el punto de fuga ②.  
Una vez que tengas determinado el punto de fuga ② no olvides guardarlo.

Así, ya tenemos listos los puntos de fuga necesarios. 

El ① es el punto de fuga de la altura de cada una de las gradas, mientras que el ② es el punto de fuga de la altura de todo el conjunto de escaleras.

2. Altura de las gradas

Ahora vamos a dibujar la altura de cada una de las gradas.  

Antes de empezar, reduzcamos la opacidad de la capa del boceto (borrador) hasta más o menos un 30%. Para bajar la opacidad de una capa, simplemente debes arrastrar el cursor hacia la izquierda encima de la barra de “Opacidad” que está en la parte superior de la ventana de “Capa”. 

Ahora bien, fíjate que al lado izquierdo de donde está el nombre de la capa del boceto hay un círculo blanco.  Con tan solo pulsar este círculo blanco puedes ocultar la capa, para facilitar la visualización del conjunto del resto de las capas, y así corroborar cómo está quedando el dibujo definitivo.
Por otro lado, para volver a mostrar una capa oculta, simplemente debes pulsar de nuevo encima de donde estaba el círculo blanco.

Una vez hecho lo anterior, abramos una nueva capa para dibujar las líneas que nos servirán de referencia para definir la estructura de las escaleras, guiándonos con las líneas del boceto.
Utilizando el “Ajuste entrecruzado” y el “Punto de fuga ①”, tracemos un rectángulo tridimensional, tal como lo muestro en la imagen de abajo:

 

 

Lo siguiente que vamos a hacer es determinar la altura de cada una de las gradas.
Para ello, debemos dividir la altura del rectángulo entre el número total de gradas.
Para el ejemplo que estamos haciendo aquí, te recomiendo que optes por una cantidad de entre 13 a 15 gradas.

Vamos marcando con un punto rojo la altura de cada grada, acorde a la división equitativa de la altura total entre la cantidad total de escalones. 

Una vez que tengamos hecho lo anterior, reduzcamos la opacidad de la capa donde acabamos de dibujar la estructura básica de las escaleras.

En cuanto a la capa del boceto (borrador), ya la podemos dejar oculta por completo. 

Ahora, abrimos una nueva capa encima para dibujar las líneas de la primera grada que está en la parte más baja.
Aquí lo que tenemos que hacer es trazar las líneas de un rectángulo cuya altura llega hasta el primer punto rojo que está en el extremo inferior.

Así, ya tenemos determinada la altura de la primera grada.

Ahora, a partir de cada una de las esquinas superiores de la primera grada, tracemos una línea que se extienda hacia el punto de fuga ②.  

Al agrandar la imagen, se verá tal como se muestra abajo:
Desde cada una de las esquinas superiores del rectángulo, se extiende una línea recta (en este ejemplo indicada en color verde) que se dirige hacia el punto de fuga ②. 

Lo siguiente que vamos a hacer es:
A partir de todos los puntos rojos, extender una línea recta que se dirige hacia el punto de fuga ① y que llega hasta la línea verde más cercana, tal como se muestra en la imagen de abajo.

Seguidamente, vamos a trazar en cada grada una línea vertical corta que se dirige hacia abajo, a partir del punto donde la línea verde y la negra se entrecruzan. 

En la imagen de abajo explico más detalladamente lo que debemos hacer.
Primero debemos ubicarnos donde una línea negra que se extiende a partir de un punto rojo se entrecruza con la línea verde. Una vez que estemos ubicados en dicho punto, trazamos una línea recta vertical hacia abajo.

Una vez hecho lo anterior, activamos la herramienta “Ajustar” y seleccionamos la opción “Ajuste entrecruzado”, para trazar las líneas paralelas horizontales de cada escalón. 

 

Lo que debemos hacer aquí, es ubicarnos en las partes correspondientes a los puntos rosados indicados en la imagen de arriba, y trazar un par de líneas horizontales paralelas. 

Al terminar de trazar todas las líneas horizontales, la imagen queda tal como se muestra abajo. Mira que bien que nos están quedando las escaleras. 

Ahora, utilizando la herramienta “borrador” eliminemos las líneas auxiliares que ya no necesitamos.

A continuación, vamos a dibujar los bordes laterales de la escalera. 
Para trazar las líneas, esta vez vamos a usar como referencia el punto de fuga ②.

Una vez que hayamos hecho lo anterior, ocultemos las capas donde están las líneas auxiliares y el rectángulo que nos sirvió como referencia.

Con esto hemos terminado de elaborar el arte lineal de las escaleras,
así que prosigamos a colorear. 

3. Coloración

Antes de empezar a colorear, coloquemos todas las capas del arte lineal dentro de una carpeta.
Para ello, vayámonos a la barra inferior de la ventana de “Capa”, y pulsemos el ícono que tiene un dibujito de una carpeta. 

Una vez hecho lo anterior, nos vamos a la barra de menú que está en la parte superior de la pantalla, pulsamos donde dice “Capa” y seleccionamos la opción “Combinar carpeta”, para fusionar todas las capas que están dentro de la carpeta. 

Ahora sí, vamos a empezar a colorear.
En este ejemplo utilizaremos el pincel tipo “Acuarela (suave)”.

Primero pintemos el color del cielo a grandes rasgos.

Seguidamente, pintemos el color base del césped que está a los lados de la escalera, así como del suelo terroso.

A continuación, vamos a rellenar las escaleras con el color base.
Para ello, activemos la herramienta “Relleno”.

La superficie horizontal de los bordes de las escaleras deben tener un color claro, ya que les pega directamente la luz solar, mientras que las superficies verticales deben tener un tono oscuro ya que están sombreadas.

En cuanto al color de las gradas en sí, podemos usar un tono intermedio.

Seguidamente, abramos una nueva capa encima de la capa donde acabamos de rellenar las escaleras con el color base. Una vez que tengamos abierta la nueva capa, marquemos la casilla de “Recorte” para que dicha función quede activada. 
Al activar la función “Recorte”, se nos hace posible colorear deliberadamente, sin preocuparnos de salirnos de los bordes.

Estando ubicados en la nueva capa con la función de “Recorte” activada, ahora vamos a añadir algunos detalles a la coloración de las escaleras.
Ya que en este ejemplo las escaleras están al aire libre, vamos a añadir algo de “suciedad” para que las escaleras se vean naturales.

Aquí, no es necesario que te esmeres en pintar de manera perfecta o detallada. Más bien haz movimientos rápidos con el pincel, para producir intencionalmente irregularidades en la coloración de la “suciedad”.  

Seguidamente,vamos a pintar el cielo siguiendo los pasos indicados en la imagen de abajo:

Una vez que hayamos terminado de pintar el cielo, proseguiremos con el césped.

Primero, agreguemos un verde oscuro encima del color base que habíamos aplicado inicialmente.

Luego, seleccionamos el pincel tipo “Pluma” y vamos agregando las líneas de las hojas del césped. 

Vayamos agregando una por una las hojas del césped, de tal manera que se vea natural.

Una vez que hayas esparcido líneas en toda el área, agrega otras líneas con un tono verde más oscuro así como un tono verde más claro.

Pon especial atención en el césped que crece en el borde contiguo al suelo terroso, procurando que se vea un poco más denso que las demás partes.

A continuación, prosigamos con los detalles del suelo terroso.

Dibuja sobre el suelo terroso algunas piedrecillas, así como unos cuantos retoños de césped o mala hierba.

Ahora sí que hemos terminado de pintar las escaleras por completo.
Mira qué bien que se ve al agregar unos cuantos personajes:

¿No te parece que ha quedado bien bonito?  

La técnica de arte lineal que he mostrado aquí te puede servir también para dibujar escaleras de una escuela, casa, etc., así que espero que la apliques en tus ilustraciones. 

(Texto original e imágenes: 荒金ひろみ)