Pautas para cualquier ilustración de invierno

Hoy os mostraré cómo planificar cualquier ilustración invernal y cómo dibujar este paisaje urbano lluvioso paso a paso.

Antes de empezar a dibujar esta ilustración invernal, necesitamos algunas pautas para saber exactamente cómo planificar y dibujar cualquier paisaje urbano o paisaje invernal.

Para ello, necesitamos responder algunas preguntas mientras dibujamos algunos bocetos (solo pequeñas miniaturas) que nos guiarán a través de un mejor proceso y, por lo tanto, mejores resultados.

Explicaré mi proceso de pensamiento para hacer esta ilustración y qué preguntas debes responder para planificar la tuya.

Primera pregunta:

 

 

¿Cuál es la idea de la ilustración?

Esta pregunta podría tener muchas respuestas, pero para el tema de este tutorial, la respuesta es “una ilustración de invierno”. Piensa en cosas relacionadas con el invierno. A mí lo que me viene a la mente es: días cortos, puesta de sol temprana, colores oscuros y apagados y escenas acogedoras con algo de luz vibrante para contrastar con la atmósfera oscura.

¿Donde se desarrolla la escena?

¿La escena se desarrolla en una zona rural? ¿En el campo? ¿En las montañas? ¿En el bosque?

Si es así:

¿Hay muchos árboles? ¿Hay algún edificio? …. y así sucesivamente (piensa en las cosas que forman un paisaje).

Espera, ¿no te gusta dibujar la naturaleza?

Entonces: ¿Se desarrolla en una ciudad? ¿En un pueblo concurrido? ¿En un interior?

Si es así:

¿Hay alguna fuente de luz artificial? ¿Hay algún vehículo visible? …. y así sucesivamente (piensa en las cosas que forman un paisaje urbano).

Para esta ilustración del tutorial, la respuesta es:

La escena se desarrolla en una ciudad con muchos edificios de diferentes alturas.

Quiero ver la ciudad desde una perspectiva alta, por lo que tal vez una habitación en el piso 14 (mirando hacia adelante).

No quiero ningún mueble visible. De hecho, solo quiero la vista de la ciudad. ¿Tal vez desde un balcón?

Pero es invierno y hace frío.

Entonces, tal vez una ventana...

Que tiempo hace ?

Sabemos que el invierno trae consigo varios cambios de clima, desde lluvia hasta nieve, ventiscas o incluso tormentas. Por eso, debes saber qué quieres en tu escena antes de comenzar a dibujar, porque te ayudará a decidir dónde dibujar los detalles y dónde mantenerlo simple.

Para esta ilustración del tutorial, lloverá mucho y previamente había decidido que la escena se ve a través de una ventana, así que ahora sé que no colocaré demasiados detalles en el fondo porque la lluvia y la niebla en la ventana oscurecerán gran parte de ella.

Miniatura final

Es posible que haya otras cosas que considerar antes de llegar a este punto, pero eso depende de a qué te lleven tus respuestas anteriores.

Para esta ilustración del tutorial, estas preguntas fueron suficientes para llevarme a visualizar mi ilustración.

Entonces, en este punto, reúne toda la información de las respuestas anteriores, haz algunos ajustes aquí y allá y haz un pequeño boceto de tu ilustración como referencia, y elige tu paleta de colores de acuerdo a tus respuestas anteriores.

Paisaje urbano lluvioso

Csp abierto

Lo primero es lo primero:

Abre Clip Studio Paint ➪ selecciona “archivo” ➪ haz clic en “Nuevo” ➪ aparecerá una pestaña ➪ elige “ilustración” ➪ luego ajusta el nombre del lienzo, el ancho, el largo y la resolución…

Una vez que hayas terminado, haz clic en “Aceptar”.

Ahora que ya nos hemos ocupado de la parte de la “planificación”, déjame mostrarte cómo dibujar este “Paisaje urbano lluvioso”:

Fondo del cielo

Dibujé el cielo (fondo) usando la herramienta Degradado:

Esta herramienta te permite seleccionar una cantidad de colores variantes y colocarlos en el lienzo en una transición armoniosa, creando esencialmente un degradado de colores.

Puedes encontrar la herramienta Degradado en la barra de herramientas, junto con la rueda de colores (de la cual elegirás los colores).

¿Cómo funciona?:

Vaya a la barra de herramientas → seleccione la herramienta Degradado → Modo “De primer plano a transparente” → Elija su color primario en la rueda de colores (se seleccionará automáticamente como el color del primer plano).

Luego, selecciona el color secundario y colócalo manualmente en la barra de degradado. Puedes agregar tantos colores secundarios como quieras para crear un degradado.

Luego, vaya al lienzo y arrastre la línea de degradado verticalmente a través del lienzo.

y este es mi fondo de cielo

Para este próximo paso:

Puedes continuar con el pincel gouache predeterminado de Csp (o usar cualquier otro pincel con una textura similar):

Ve a la barra de herramientas Herramienta → busca la selección de pincel grueso → selecciona el pincel gouache.

Puedes ajustar el tamaño, la opacidad y la densidad de la pintura en la barra de propiedades de la herramienta, pero te aconsejo que la dejes en la opción predeterminada.

Al mismo tiempo, también usé la herramienta Cuentagotas para elegir los colores que ya están en mi lienzo.

Ve a la barra de herramientas Herramienta → busca la herramienta Cuentagotas → selecciona "seleccionar color mostrado".

o en la mayoría de los casos puedes hacer clic derecho con el mouse para aplicar un color con el cuentagotas.

Con el cuentagotas seleccioné los colores que están en el lienzo y dibujé algunas pinceladas suaves (en la misma capa que el degradado).

El cielo estará oscuro, por lo que no dibujé nubes “claras”, pero aún así quería que la ilustración diera la impresión de que el cielo está lleno de nubes, por eso estoy usando pinceladas en lugar de dejar el degradado suave.

Luego usé la herramienta de fusión (preferiblemente una de textura) para mezclar mis pinceladas, creando un poco de textura para el cielo (nubes).

En Csp: Vaya a la barra de herramientas Herramientas → busque la herramienta de fusión → seleccione “Fusionador texturizado” → Aumente el tamaño para que sea grande → regrese al lienzo y fusione.

Y con esto terminé mi cielo/fondo.

Edificios

Primero crea una nueva capa:

ve a la pestaña de capas → presiona el pequeño ícono que muestra un signo “más” → y ahí tendrás una nueva capa.

Ya sabía por el boceto dónde quería ubicar mis edificios, así que diseñé este paso en 8 líneas separadas de edificios que iban desde el primer plano hasta el fondo (el primer plano es el color más oscuro y luego gradualmente se vuelve más claro hacia el fondo).

 

 

Para este paso, utilicé la herramienta de selección para crear mis edificios, ya que es rápida y tiene bordes limpios.

Vaya a la barra de herramientas Herramientas → busque la herramienta “área de selección” → seleccione “rectángulo” (porque estoy dibujando un edificio, pero hay otras formas según sus preferencias) → asegúrese de que el modo de sección sea un “signo más” para que pueda agregar varias selecciones como lo hice yo.

Luego, rellené las formas con la herramienta de cubo (Rellenar).

Simplemente haga clic en el cubo en la parte superior y automáticamente rellenará las formas seleccionadas con el color elegido.

Luego, creé una nueva capa y la arrastré debajo de esta primera línea de edificios.

(Pd: para arrastrar una capa, haz clic en ella y sigue presionando mientras la mueves debajo o encima de otra capa, luego suéltala).

Ten en cuenta que comencé desde el primer plano, por lo que se supone que la siguiente línea de edificios debe estar detrás de esta primera línea de edificios y, por lo tanto, la nueva capa debe ir debajo.

Pd: puedes ver que mis capas tienen título. Para nombrarlas como quieras, haz doble clic en el título de la capa y podrás cambiarlo.

Y luego hice mi segunda línea nuevamente con la herramienta de selección y rellené el color con el cubo. El color tiene que ser un poco más claro (o cualquier otro color que desees) para que se distinga y dé una sensación de perspectiva atmosférica: es decir, cuanto más lejos esté el edificio, más claro será el color.

Luego repetí el mismo proceso con el resto de los edificios haciendo 8 capas separadas:

1-Crear una nueva capa

2-Arrastrarla debajo de todas las capas anteriores de edificios

3-Hacer la selección

4-Rellenar

Habitaciones (Luces)

Luego agregué cuadrados de luz, cada pequeño cuadrado representa una habitación del edificio, por lo que algunas estarán encendidas y otras apagadas, pero como el día en invierno es corto y la mayoría de las personas todavía estarían despiertas alrededor del atardecer, la mayoría de las habitaciones estarían iluminadas.

 

 

Dibujé las habitaciones con la herramienta de selección en una nueva capa.

Hice una línea (un piso) de habitaciones y la rellené con la herramienta de cubo (Relleno).

Luego hice clic derecho con el mouse en esa capa, seleccioné la capa duplicada y moví esa nueva capa hacia abajo, creando un nuevo piso, luego repetí el mismo proceso hasta llenar todo el edificio.

Después de eso, creé una nueva capa y la recorté a esta capa de “luces/habitaciones”.

Recortar una capa a la capa que está debajo de ella significa que el dibujo en esa primera capa se limitará a lo que se dibuje en la capa que está debajo de ella.

Para usar la máscara de recorte, haz clic en el ícono pequeño en la barra de capas.

 

 

Luego seleccioné la capa “habitaciones/luces”, hice una selección de algunas habitaciones iluminadas con la herramienta de selección y presioné “copiar y pegar”.

Esto creará una nueva capa con esa selección.

1-En esa misma (nueva) capa, seleccioné el modo de capas “agregar (brillo)”

2-Elegí el filtro: Desenfocar: Desenfoque gaussiano

De esta manera, las luces resaltarán más y agregarán más emoción a la escena.

 

 

Repetí exactamente el mismo proceso con todos los demás edificios.

Luces de la ciudad

Después de eso, procedo a agregar más luces para darle más vida a la ciudad.

Esta vez no las hice cuadradas sino circulares.

Usé el lápiz “fill in” o “real G” predeterminado de Csp.

Si lo presionas directamente en un punto, creará un círculo (grande o pequeño según el tamaño del pincel y la presión aplicada).

Hice clic en “filtro”, elegí “desenfocar” y seleccioné “desenfoque gaussiano”, lo que hizo que estos círculos se volvieran borrosos hasta el punto de desvanecerse.

Luego, al igual que con las luces de las habitaciones, dupliqué la capa y seleccioné el modo de capa “agregar (resplandor)”.

Y con eso, el fondo está terminado. Así que fusioné todas las capas en una.

Para hacer eso, selecciona todas las capas, luego haz clic derecho en una de ellas y selecciona “fusionar todas las capas”.

Luego dupliqué esta misma capa porque la necesitaré más adelante.

Para hacer eso: selecciona la capa, haz clic derecho y selecciona “duplicar capa”.

Luego seleccioné la capa superior y elegí el filtro “Desenfoque gaussiano”.

La razón por la que la desenfoqué es porque habrá algo de niebla en la ventana desde la que miramos, lo que hará que la escena se vea un poco borrosa.

También mantuve la capa debajo porque la necesitaré más adelante.

Ventana

Ahora pasemos a la ventana.

Para dibujar el vidrio y la niebla, creé una nueva capa, la rellené con un color azul grisáceo y ajusté la opacidad a 39.

Luego, para crear una escena en la que se elimine parte de la humedad/vaho de la ventana (como si alguien pasara la mano sobre el vidrio para limpiarlo) para ver la escena del exterior, utilicé el borrador predeterminado de CSP, “borrador instantáneo”, y borré un poco de pintura con un movimiento de barrido de la mano.

Ahora, ¿recuerdas que te dije que necesitaremos esa capa duplicada? Aquí está.

Volví a la capa de fondo, seleccioné la que está arriba (la borrosa), tomé el “borrador suave” predeterminado y borré algunas partes de ella en el área donde se limpia el vidrio y, por lo tanto, la capa debajo de ella (la transparente) se verá en esas partes.

Luego, para agregar un poco de textura al vidrio de la ventana, descargué este recurso de la biblioteca Cs:

Para descargar recursos y materiales de la biblioteca de Clip Studio:

Ingresa el nombre del material en la barra de búsqueda (se puede filtrar por orden de popularidad, antiguo/nuevo y otros tipos de filtros como 3D, material dorado y clippy). Haz clic en él y te llevará a la página de descarga.

Haz clic en los enlaces que proporcioné para este material de textura.

Haga clic en descargar.

Luego, se abrirá Clip Studio y comenzará la descarga.

Nota: esta ventana de CS puede aparecer de forma diferente según la versión que tengas, pero las palabras clave son básicamente las mismas).

Una vez que haya terminado de descargarse, abre Clip Studio PAINT y ve a Materiales.

Puedes encontrar el último archivo que descargaste en la parte superior o puedes buscarlo escribiendo el nombre en la barra de búsqueda.

Luego, sácalo y suéltalo en el lienzo.

 

 

Luego hice una nueva capa encima y la fusioné con la capa de textura para convertirla en una capa normal (esto me permitirá borrar algunas partes de la capa de textura)

Lluvia

Te mostraré cómo dibujar dos tipos de lluvia:

1-Lluvia cayendo:

Como en esta escena llueve mucho, no veremos la lluvia con claridad, sino más bien una especie de líneas.

Y voy a usar un poco de viento, por lo que la lluvia caerá en un ángulo inclinado.

Para dibujarla:

Haz pequeñas líneas usando la herramienta “figura” en csp.

 

 

Luego ve a filtro, selecciona “combinar”: “desenfoque de movimiento” y ajústalo según el ángulo que buscas.

Y ahí tienes lluvia:

O puedes usar pinceles de “lluvia” de la biblioteca Cs.

Para dibujar la lluvia en mi ilustración, creé una nueva capa y la coloqué debajo de la capa de la ventana (vidrio + textura) porque se supone que la lluvia está afuera, así que tenlo en cuenta.

Y dibujé la lluvia usando el pincel de lluvia.

Usé un cepillo suave y pasé suavemente la lluvia que se supone que debe quedar oculta por el vidrio empañado de la ventana (no la borré por completo, sino que la hice menos clara, así que golpeé suavemente)

2- gotas de agua sobre una superficie

Lo mejor sería usar una referencia de la vida real para esto:

-Primero dibuja la silueta de la gota o de la gota que cae en un color claro

-Mezcla con el mezclador suave predeterminado de Csp

-Agrega sombras y mezcla

-Agrega reflejos y mezcla

 

 

La forma más sencilla de dibujar gotas y gotitas es utilizando un material de pincel de “gotas” de la biblioteca Cs.

ya sea que lo dibujes manualmente o uses un pincel, es importante tener diferentes formas y tamaños para darle un aspecto más realista.

Una cosa más a tener en cuenta aquí es que estas gotas están en el lado exterior del vidrio como la mayor parte de la niebla/humedad, así que seleccioné mi capa de textura + la capa de niebla y borré las partes donde hay gotas (ya que borran la niebla al deslizarse).

Por último, agregué un poco de niebla/humedad a los costados de la ventana.

Como esta escena es de un costado de la ventana, solo agregué humedad a un costado.

Para este paso, lo mejor sería usar un pincel de aire suave (como el pincel suave predeterminado de Csp) y aumentar el tamaño para que sea lo suficientemente grande como para cubrir el costado con un solo trazo, mantener el tamaño grande y reducir la opacidad de esta capa a alrededor del 20 %.

Y eso es todo.

Espero que hayas ganado algo nuevo.

Mi Instagram: