ILUSTRACIONES FLAT PASO A PASO
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! :)
コメント