En este tutorial aprenderemos como hacer ilustraciones usando colores planos, para obtener un resultado gráfico sin el uso de degradados suaves. Con esta técnica podrás lograr diferentes resultados dependiendo de tu estilo personal, las siguientes ilustraciones son algunos ejemplos de los efectos que puedes conseguir, luego de aprender lo básico usaremos la técnica para realizar una ilustración con más detalles

Trabajo de líneas o lineart

Con nuestro boceto preparado, realizaremos dos tipos de lineart, uno con apariencia de mano alzada y otro con aspecto más gráfico.

Lista la capa de boceto con opacidad baja vamos a realizar el lineart en una capa superior al boceto. Empezamos con el estilo más orgánico escogemos la subherramienta/pincel fino y comenzamos a trazar las líneas de nuestra ilustración

Para el segundo estilo creamos una nueva capa de vector, comenzamos a trazar nuestras líneas con la subherramienta/marcador y borramos los excedentes con la subherramienta/borrador con la casilla borrar hasta intersección seleccionada, solo borras una pequeña parte de la línea excedente y esta se eliminará dejando un acabado limpio

Aplicación del color

Ahora que tenemos nuestro lineart preparado empezaremos a colorear, primero haremos una selección con la silueta de nuestro objeto o sujeto, usamos la subherramienta/selección automática hacemos clic en el fondo y si nuestro lineart no tiene aberturas debería seleccionarse todo el fondo menos nuestro sujeto principal, en caso de haber una abertura en este caso en medio de los tallos de la cereza con la subherramienta/selección automática presionamos shift+clic izquierdo para añadir ese espacio a la selección

ahora nos vamos a la pestaña seleccionar – ampliar área seleccionada – y añadimos entre 2 a 4 pixeles dependerá de que tan grande sea tu lienzo damos aceptar ( esto para que al colorear la silueta no quede un borde vacío dentro del lineart)

volvemos a la pestaña seleccionar – invertir área seleccionada, y ahora ya tendríamos la silueta de nuestro dibujo lista para colorear

En una capa inferior a la de las líneas colocaremos un color base

En capas superiores a la del color base tomamos la subherramienta selección/lazo y empezamos a seleccionar de manera libre las distintas áreas a colorear aplicamos el color deseado con la subherramienta/relleno y luego en el panel de capas seleccionamos ajustar a capa inferior para mantener el color dentro de la silueta que creamos, y hacemos lo mismo para los demás colores en capas distintas

Para dar profundidad a nuestra ilustración con la subherramienta/seleccionar lazo seleccionamos las áreas para añadir variaciones de color, un concejo a tener en cuenta es darles un tono más claro a los objetos que estén más cerca del espectador y un tono más oscuro a las partes más alejadas de esa manera creamos distintos tonos de color y valores en diferentes capas, cada una por encima del tono que le corresponda

Luces, sombras y textura

Siguiendo el mismo método con la subherramienta/seleccionar lazo daremos luces y sombras de la misma manera que antes, encima de la capa base sobre el color correspondiente, añadiremos diversas variaciones de color y cuantos detalles queramos

Para añadir textura usaremos la subherramienta/aerógrafo rascar tono, que nos dará un efecto degradado pero con textura sin quitar el efecto de colores planos

Coloreado del lineart

Este paso es opcional y dependerá del estilo de tu ilustración, vamos a colorear la capa del lineart, creamos una nueva capa con la opción ajustar capa inferior activada sobre la capa del lineart y a mano alzada coloreamos las líneas con los colores que elijas. Y con este mismo método añadiremos color a el dibujo de la banana, aquí puedes observar los distintos efectos según el coloreado de las líneas

Utilizamos estos pasos para elaborar una ilustración más compleja

Siguiendo todos estos pasos ahora crearemos una ilustración con más detalles, el método a usar será el mismo, empezaremos con el boceto y en este caso haré el lineart con la subherramienta/marcador en una capa de vectores

Con el lineart listo seleccionaremos todas las partes de nuestra ilustración para colocar los colores base. En caso de tener demasiados detalles o imágenes superpuestas puedes separar en una carpeta de capas distintas partes de tu ilustración

Para dar las variaciones de color y algunas sombras usaremos la subherramienta/selección lazo e iremos coloreando las zonas a las que queramos añadir colores más claros u oscuros.

Con nuestras sombras aplicadas es momento de añadir textura para eso utilizaremos la técnica anterior de el aerógrafo/rascar tono, también haremos texturas de líneas usando la herramienta pincel delgado y el marcador, en esta etapa tú decides la cantidad de detalles sólo recuerda mantener un aspecto plano y evita hacer difuminados suaves muy notorios

La imagen podría ser tu ilustración terminada pero en este caso voy a colorear las líneas con diferentes tonos de color e igual te mostraré los distintos acabados que puedes lograr

Espero que este tutorial les sea útil para crear sus ilustraciones flat, gracias por su tiempo, ¡hasta pronto! :)