¡Hola a todos! El consejo de hoy trata sobre la ilustración de estilo plano. Este estilo es muy popular hoy en día, ampliamente utilizado en sitios web, libros, presentaciones y empaques de productos, básicamente en cualquier lugar imaginable. Sus bordes limpios, nítidos y/o uniformes son su característica principal, y se puede lograr fácilmente utilizando las herramientas relacionadas con vectores en Clip Studio Paint.

 

1. Desglose de la ilustración de estilo plano

Nota: Esto no es una regla, solo una simple observación. También enumero las herramientas utilizadas como referencia, puedes aprender más sobre ellas más adelante en este tutorial.

La mayor parte del dibujo en este estilo se divide en formas más pequeñas, fácilmente reconocibles porque cada forma tiene un color distinto.

En cada parte puede haber una textura o un elemento dibujado a mano, o un sombreado simple.

 

En lugar de formas de color, algunas partes pueden ser reemplazadas por lineart. En la mayoría de los casos, el grosor de la línea es constante.

Finalmente, puedes colocar una capa de filtro/ruido/textura similar al papel sobre todo el dibujo. En este ejemplo utilicé una capa de efecto de salpicadura de tinta.

 

2. Herramientas y características útiles

Nota: Leer la descripción de todas las herramientas a continuación puede ser abrumador, así que si quieres practicar primero para familiarizarte con las herramientas, ¡salta directamente a la parte 3 en adelante!

 

Las herramientas de dibujo tanto rasterizadas como vectoriales funcionan bien con el estilo. Las herramientas basadas en vectores conservan la nitidez del dibujo a cualquier escala (bueno para cuando necesitas tu imagen en varios tamaños para diferentes usos), mientras que las herramientas rasterizadas ofrecen más flexibilidad. Afortunadamente, puedes combinar ambas con Clip Studio Paint.

 

CAPAS VECTORIALES

Todo lo dibujado en una capa vectorial se puede escalar sin perder calidad, y como tal, es bastante adecuado para el estilo. Sin embargo, las capas vectoriales no funcionarán con algunas herramientas, por ejemplo, la herramienta de relleno, por lo que tendrás que usar una capa normal (capa rasterizada) o usar otras soluciones.

Haz clic en el botón Nueva capa vectorial en la pestaña Capa para crear una capa vectorial. Las capas vectoriales tienen un icono de cubo a la izquierda de sus nombres.

Todo lo dibujado en una capa vectorial tendrá puntos de control “invisibles” conectándose entre sí, formando una línea. Se harán visibles mientras los dibujas (con ciertas herramientas), o cuando haces clic en el elemento dibujado con la herramienta Objeto [O] o la herramienta Punto de control (de la Subherramienta Corregir línea [Y]). Estos puntos de control hacen que tu dibujo sea suave y nítido.

Aquí tienes algunos ejemplos de elementos dibujados en una capa vectorial, con diferentes herramientas. La fila inferior muestra los puntos de control.

 

CAPAS RASTERIZADAS

Son capas normales comunes en programas de dibujo. Son versátiles y se pueden editar de muchas maneras diferentes. Pero si las escalas, perderán calidad, especialmente si las escalas hacia arriba. Siempre puedes dibujar más grande para evitar perder calidad, pero esto depende del programa y de las capacidades de tu computadora. No obstante, a veces tendrás que recurrir a las buenas y viejas capas rasterizadas; no todo se puede lograr en capas vectoriales.

Para crear una capa rasterizada, haz clic en el botón Nueva capa rasterizada en la pestaña Capa o pulsa Ctrl + Mayús + N.

 

SUBHERRAMIENTA FIGURA [U] > DIBUJO DIRECTO

Las herramientas de figura, cuando se usan en capas vectoriales, crean formas vectoriales que son editables posteriormente. Por supuesto, también puedes usarlas en capas rasterizadas. Un beneficio de las herramientas de figura es que puedes dibujar con el ratón o el dedo en un teléfono/iPad en lugar de un lápiz óptico.

 

Para Línea recta, Curva, Rectángulo, Elipse y Polígono, la ejecución y las propiedades de la herramienta son similares. Haz clic, mantén presionado el botón del ratón/el lápiz óptico y luego arrastra el ratón para crear tu forma. Después, mueve un poco el ratón para rotar/definir la curva si es necesario.

 

Para Polilínea, no necesitas arrastrar, solo haz clic para crear líneas continuas; haz clic en el primer punto para cerrar la ruta.

 

Nota: si tu panel de Propiedades de la herramienta no muestra algunas de las opciones anteriores, haz clic en el botón Mostrar [paleta de detalles de subherramienta] para elegir qué valor/estado mostrar.

Usa la curva continua/curva de Bézier para dibujar formas de estilo libre.

 

Cuando uso la herramienta de figura para dibujar una curva continua, utilizo la curva de Bézier (cúbica). Es lo más parecido a un software de dibujo vectorial dedicado, y es bastante precisa y versátil.

 

Haz clic con el ratón/lápiz óptico para crear una línea lineal. Haz clic y luego arrastra para una curva. Pulsa la tecla [Intro] para finalizar o haz clic en el punto de inicio para cerrar la curva. En el iPad, haz clic fuera del lienzo (preferiblemente la herramienta Curva de Bézier u otra herramienta para dibujar otra curva o realizar otra acción).

 

Para deshacer mientras dibujas la curva de Bézier, pulsa la tecla [Supr] o [Retroceso]. Los usuarios de iPad pueden deshacer normalmente tocando con dos dedos.

 

Mantén pulsada la tecla [Mayús] mientras arrastras el punto de dirección para forzarlo a 0/45/90/135/180/etc grados.

 

Mientras dibujas un punto nuevo, puedes pulsar la tecla [Ctrl] para modificar puntos antiguos.

 

La tecla [Alt] ayuda a cambiar la dirección.

Nota para usuarios de iPad: usa el teclado de borde para operaciones con teclas modificadoras. Desliza el borde izquierdo o derecho para sacarlo (cambié la configuración a un botón en lugar de deslizar).

 

O simplemente puedes colocar los puntos de anclaje de forma aproximada y luego cambiar a la herramienta Corregir línea para ajustar con precisión más tarde.

 

Curva de Bézier cuadrática:

Este es el antiguo método para crear una curva vectorial en CSP. No los uso, pero se utilizan en algunos materiales prefabricados (más sobre eso más adelante). Solo sé que para modificarlos, arrastro el punto :D

 

Recuerda dibujar en una capa vectorial si quieres ajustar los puntos de anclaje y los puntos de dirección después.

OPERACIÓN [O] > Objeto

Al elegir una línea/curva vectorial con esta herramienta, se mostrarán sus puntos de anclaje y puntos de dirección ocultos. Puedes mover los puntos, así como toda la curva, redimensionarla/rotarla con el cuadro delimitador. Las operaciones de los puntos son las mismas que cuando usas la herramienta Curva de Bézier.

 

Cambia el color, el tamaño y la forma del pincel, etc., en la pestaña Propiedad de herramienta [Objeto].

 

También puedes duplicar la curva con [Ctrl + C] y luego [Ctrl + V], y eliminar esa curva al pulsar la tecla [Supr].

 

CORREGIR LÍNEA [Y]

Usa estas herramientas para modificar los puntos de anclaje vectoriales.

 

Punto de control

Los usuarios de escritorio lo tienen más fácil, ya que solo necesitan hacer clic derecho en el punto para acceder a estas opciones. Para usar en iPad, cambia a la herramienta Corregir línea después de usar otras herramientas para dibujar.

[imagen] + breve explicación de la imagen

 

GLOBO [T]

¿Las capas vectoriales no pueden contener áreas de color, solo líneas? ¡Piénsalo de nuevo! ¡Puedes hacerlo con la(s) herramienta(s) de globo! No es su uso previsto, pero cumplen con la tarea, así que ¿por qué no?

 

Ten en cuenta que los globos tienen sus propias capas de globo. Son como un subtipo de capa vectorial que permite el relleno (área de color). Sin embargo, estas dos no se mezclan. Además, cuando colocas dos globos en la misma capa uno al lado del otro, se fusionarán.

Globo de elipse/Globo redondeado

A pesar de su nombre, ambos actúan de forma similar a las herramientas de figura Rectángulo, Elipse y Polígono, con una diferencia importante: pueden usar el conmutador Línea/Relleno (las herramientas de figura solo permiten líneas/curvas en capas vectoriales). El globo redondeado añade un parámetro de Redondez de esquina.

 

Globo de curva

Al elegir Bézier cúbica, esta se comporta exactamente como la herramienta Curva de Bézier, permitiendo el relleno en una capa de globo. Consulta la sección anterior de Curva de Bézier para obtener más detalles.

 

MATERIAL

Si te sientes extremadamente perezoso, la pestaña Material viene equipada con una gran cantidad de globos prefabricados. Simplemente arrástralos y suéltalos en el lienzo, cambia el color de su línea y relleno como quieras. Usa la herramienta Objeto para modificar sus puntos de anclaje y dirección.

 

REGLA [U]

El método para crear reglas es similar al de las herramientas de figura. Las reglas se pueden usar como una alternativa a las herramientas de figura cuando quieres crear líneas/curvas suaves y continuas tanto en capas rasterizadas como vectoriales, y se pueden reutilizar más tarde. Pero como dibujar usando reglas crea demasiados puntos de control, es más difícil modificar la línea.

 

PLUMA/PINCEL/AERÓGRAFO/DECORACIÓN [P] [B] (con Estabilización) + RELLENO [G]

 

A veces es más rápido dibujar directamente con un pincel en lugar de líneas vectoriales con puntos de anclaje. Si aumentas la estabilización a un número muy alto, tus líneas serán muy suaves. También se utilizan para sombreado/textura dibujado a mano.

Para evitar espacios al usar la herramienta Relleno, aumenta el número de Escala de área a ⅓ - ¼ de tu Tamaño de pincel (solo utilizable con capas rasterizadas).

3. Ilustración simple usando figuras predefinidas

Este es un ejemplo simple para mostrarte cómo funcionan las herramientas juntas.

Abre la pestaña Material [Globo]. Arrastra y suelta el globo Vibración_01 (material predeterminado de CSP) en tu lienzo o en la pestaña Capa (la herramienta cambia automáticamente a la herramienta Objeto para que puedas elegir y modificar objetos vectoriales fácilmente).

 

En la pestaña Propiedad de herramienta [Objeto], elige Crear relleno. Cambia el color de relleno a verde. Elegí Medio para el Antialiasing ya que el predeterminado (Ninguno) se ve un poco áspero. También lo escalo un poco usando los nodos del cuadro delimitador.

 

Cambia a la herramienta Globo de curva. En la pestaña Propiedad de herramienta [Globo de curva], elige Crear relleno, Añadir a la capa seleccionada (para que el nuevo globo creado esté en la misma capa de globo; si no hay ninguna capa seleccionada, se creará una nueva capa de globo para el primer globo), Bézier cúbica, Antialiasing medio. Elige un color marrón.

 

Hice clic tres veces para crear un triángulo para el tronco del árbol, luego hice clic en el punto de inicio para cerrar la forma.

 

Repite los pasos tres veces más para dibujar tres ramas. Como los globos se superponen en una capa, se fusionan.

 

Ahora tienes un árbol vectorial. Sin embargo, se ve un poco soso, así que le agregaremos algo de “textura”.

 

Crea una nueva capa vectorial encima de la capa de globo del “tronco de árbol”.

 

Cambia a la herramienta Figura > Línea recta. Arrastra para hacer una línea vertical.

Puedo usar esta línea simple para decorar el tronco del árbol, pero quiero usar algo más elegante. Selecciona la línea con la herramienta Objeto, ve al menú desplegable Forma del pincel y elige un pincel que te guste.

 

Si el pincel que quieres no aparece aquí, por ejemplo, quiero un pincel de la herramienta Decoración, ve a la pestaña de propiedades de esa herramienta de pincel:

 

Haz clic en el botón Mostrar [paleta de detalles de subherramienta] en la esquina inferior derecha. En el panel emergente, ve a Forma del pincel y haz clic en el botón Registrar en preajuste. Tu pincel ahora aparecerá en la lista desplegable Forma del pincel.

 

Elijo el pincel de bordes rugosos, aumento el tamaño del pincel y cambio el color.

 

Todavía usando la herramienta Objeto para elegir la línea, la duplico en múltiples instancias usando Ctrl + C y luego Ctrl + V. Uso la herramienta Objeto para moverlas y crear una especie de patrón.

 

Luego selecciono la capa vectorial y hago clic en el botón “Ajustar a capa inferior”. El tronco del árbol ahora tiene un patrón en zig-zag.

 

Usaremos otro método para el follaje del árbol. Desde la pestaña Material, arrastro y suelto el patrón de escudo japonés en la pestaña Capa, lo coloco encima de la capa de globo del follaje. En la pestaña Propiedad de capa, elijo el efecto Color de capa y cambio el color del patrón a verde bebé. Luego ajusto la capa del patrón a la capa de globo.

 

El árbol está casi terminado. Vuelvo a la pestaña Material y arrastro y suelto la capa monocromática de ruido 40% 40/0 por encima de todas las demás capas y bajo su opacidad a alrededor del 30%.

 

Otro ejemplo: ¡estas casas y la carretera pavimentada se pueden hacer solo con herramientas de polígono y materiales de burbuja!

4. Dibujo de curvas y formas complejas con la curva de Bézier

Boceta tu dibujo en una capa rasterizada usando cualquier pincel con el que te sientas cómodo.

Bajo la opacidad del boceto. Estará encima de otras capas.

 

Uso la herramienta Globo de curva para dibujar los pétalos de la flor roja.

 

Haz clic para empezar, luego arrastra para crear curvas, haz clic para crear esquinas, etc. Consulta la parte 2 para más detalles sobre cómo usar la curva de Bézier.

El color de las hojas es diferente, por lo que quizás no quieras sus globos en la misma capa que la flor roja, para poder usar un sombreado/textura diferente en ellas más tarde. Para hacerlo, al elegir la herramienta Globo de curva, elige Crear nueva capa al dibujar la primera hoja, luego vuelve a Añadir a la capa seleccionada para colocar todas las hojas en la misma capa.

 

Crea una nueva capa vectorial para dibujar el tallo de la flor con la herramienta Figura > Curva de Bézier; otra capa vectorial para los estambres. En general, si las curvas/formas tienen diferente color y/o forma de pincel, debes separarlas en diferentes capas.

 

Ten cuidado con el orden de las capas si tienes demasiadas formas alrededor. Además, solo fusiona capas del mismo tipo (es decir, solo fusiona capas vectoriales entre sí, capas de globo y capas rasterizadas también; mezclar diferentes tipos convertirá la capa resultante en una capa rasterizada y no podrás editar las curvas vectoriales después).

 

Si planificas cuidadosamente, puedes dibujar imágenes muy complejas.

En el ejemplo anterior, incluso añado sombra usando formas de gris cálido configuradas en modo

5. Sombreado y texturas

¡Este paso es muy simple, pero puede y transformará tu dibujo al siguiente nivel! Elige uno o más pinceles texturizados/aerógrafos/pinceles de decoración/plumas/lápices/pasteles, lo que sea, un color diferente al de la forma base, y dibuja sobre ella. Hay dos formas de hacerlo:

 

1 - Crea una nueva capa rasterizada encima de la capa de la forma base y recorta la nueva capa sobre ella. Realiza el sombreado en esta capa. Este enfoque se puede realizar con los 3 tipos de capas (raster, vector y globo) y las formas vectoriales/de globo siguen siendo editables, pero puede crear muchas capas adicionales.

 

2 - Rasteriza la capa de las formas base si es necesario (haz clic derecho y luego elige Rasterizar), luego Bloquea los píxeles transparentes. Dibuja directamente en la capa rasterizada. Tu archivo no estará tan desordenado pero será más difícil de editar después.

 

Hice el sombreado en la flor con el pincel Gouache seco y el aerógrafo Spray paint y añadí un fondo con un material de globo con textura (la luz viene de arriba en esta imagen).

 

Clip Studio Paint ya ofrece una buena selección de pinceles texturizados, pero puedes ir a Clip Studio Asset para descargar aún más. El ejemplo de la flor puede parecer genérico, ¡pero unos buenos pinceles de textura más una sofisticada paleta de colores pueden transformar tus formas planas más allá de las expectativas! A continuación se muestran algunas de mis ilustraciones, ¡para que veas lo versátil que puede ser este estilo!

 

¡Espero que encuentres algo útil en mi tutorial! Si te gustan mis tutoriales, ¡visítame en mis páginas! ¡Hablemos!:D