Cómo hacer ilustraciones coloridas

1 102

AriaAsimov

AriaAsimov

Presentación

¡Hola!

Soy Aria Asimov, freelance en el campo de la ilustración y el diseño de personajes (diseño de personajes si lo prefieres). Publico principalmente mis creaciones en X (antes Twitter).

 

Si hiciste clic en este tutorial, es porque quieres que tus ilustraciones sean más coloridas y llamativas. En este caso, ¡déjame ayudarte a mejorar tus proyectos!

 

Para que este tutorial sea accesible para los principiantes, mostraré todos los pasos, desde el boceto (o borradores) hasta el acabado, incluido, por supuesto, el arte lineal y el coloreado. Es importante señalar que este es solo un método entre muchos, puedes cambiarlo para adaptarlo a tu forma de dibujar o tomar solo ciertas partes que te interesen!

 

¡Aquí hay un ejemplo de una ilustración que creé con este método o una variación de este método! (Se puede hacer en las versiones Pro y Ex de Clip Studio Paint)

Este artículo fue escrito en francés. Sin embargo, las capturas de pantalla estarán en inglés para que el tutorial sea más fácil de entender para quienes no hablan francés.


La preparación

Parte opcional para aquellos con un mínimo de experiencia.


Presta atención a tu espacio de trabajo

Para aquellos que son nuevos en el dibujo digital, esta parte es para que presten atención a su salud y se mantengan motivados.

 

Para practicar el dibujo digital es recomendable estar en un espacio de trabajo donde te sientas bien. Ordena tu escritorio y decóralo como desees. Te aconsejaría que siempre tengas tu teclado listo para usar rápidamente atajos como [Ctrl+Z] para deshacer tu última acción, \ [Alt+X] para usar el cuentagotas en una fuente externa a su software, o [Ctrl+U] para cambiar el tono, la saturación y el brillo de la capa actual o de una selección realizada.

 

Asegúrate de estar bien sentado en tu silla y, si tienes una tableta con pantalla o un iPad, coloca tu monitor de dibujo lo más verticalmente posible para tener una posición en la que mantengas la cabeza recta y no tener dolor de cuello.

 

Asegúrate de tener tiempo para dibujar para evitar todas las fuentes de estrés y tener algo para hidratarte a tu lado. También haz pausas para la vista y para caminar para no tener problemas de circulación sanguínea; Una sesión de dibujo demasiado larga puede provocar migrañas y molestias en las piernas. ¡Salud ante todo!


Encontrar inspiración/tomar referencias

Antes de empezar a dibujar, es recomendable elegir el tema y buscar referencias en cuanto a estilo gráfico.

 

Puedes optar por hacer fanart o una creación original. ¡Lo principal es amar lo que vas a dibujar!

 

Tomar referencias

Puedes tomar cualquier cosa que quieras visualmente para incluirla en tu ilustración. Las referencias también pueden ayudarte a saber con qué elección de color vas a empezar, para visualizar mejor cómo dibujar una parte complicada del cuerpo o una prenda de vestir.

 

Los profesionales reúnen todos sus referentes en un moodboard. Puedes hacer esto en Clip Studio Paint o en un software con apariencia PureRef. ¡Es tu elección!


El boceto (o borrador)

Una vez que hayas elegido lo que quieres dibujar y hayas tomado tus referencias, ¡una página en blanco se encuentra frente a ti! ¡Es la etapa del boceto!

 

Te aconsejaría que hicieras varios y luego escogieras los elementos que te gusten de cada uno de ellos para reunirlos en un solo boceto.

 

Si estás utilizando dibujo tradicional para este paso, te invito encarecidamente a tomar una foto o escanear el boceto que has elegido para ponerlo en tu software. Utilice las herramientas de selección y luego presione la tecla [Eliminar] en su teclado para eliminar partes no deseadas de su foto. Puedes ajustar los contrastes con una capa de corrección. Vas a la parte [Capa] y seleccionas [Nueva capa de corrección], mi consejo sería comenzar con una [Corrección de nivel] o \ capa. [Curva de tono] para obtener resultados de calibración más precisos.

Para aplicar la capa de corrección a la capa donde tiene su borrador, puede [Clic derecho] sobre ella y luego [Fusionar con la capa inferior] o [Ctrl+E \ ]. Luego irás a [Editar] → [Convertir brillo en opacidad]


Ya sea que haya realizado su boceto en CSP (Clip Studio Paint) o en el modo tradicional y luego lo haya importado a CSP. Deberías llegar a esta etapa, tu boceto transparente sobre un fondo blanco.

Para visualizar mejor el resultado final, ¡te sugiero colorear el boceto!

Colorea tu boceto

Si el personaje (es posible tener varios como en la ilustración de ejemplo) tiene colores predefinidos, es aconsejable mantener su color de referencia en los bocetos coloreados poniendo su color en una capa diferente al escenario.

 

En el ejemplo los personajes son muy coloridos, así que limito mi elección de color a 2 colores para el fondo. Si el personaje que has elegido tiene muy poco color, puedes añadir más colores al fondo.

 

Será aconsejable tener siempre un color dominante para resaltar los colores minoritarios.

 

¡Puedes intentarlo varias veces para ver cuál luce mejor!

Para esta ilustración elegí la versión 3 del colorido sketch porque destacaba mejor el último personaje del trío además de acercarse a una atmósfera veraniega y diurna que transcribe mejor el contexto de una salida con amigos.


Línea y color sólido.

Todos tenemos una forma diferente de trazar la línea. Mi manera es tener una línea bastante delgada para elementos finos o sin importancia y más gruesa para elementos más sustanciales e importantes.

 

Tiendo a cerrar mi lineart para hacer mis colores planos con una lata de pintura, pero si prefieres una línea con agujeros, puedes hacer tus colores planos con la herramienta Lazo.


Separa bien las capas y haz carpetas.

Aquí está la organización de las capas recomendadas si desea orientarse en su archivo. Cada color del dibujo está en una capa diferente para poder retocarlo fácilmente.

 

Quizás hayas notado que agregué plantas a la decoración a pesar de que había elegido tener solo 2 colores de fondo en mi boceto. El verde es una mezcla de amarillo y azul por lo que el color se mantiene en las tonalidades elegidas además de aportar aún más color.


Arte lineal negro versus arte lineal colorido

No importa si tienes una línea completamente cerrada o con espacio entre líneas, te sugiero que veas la diferencia entre el arte lineal negro y el arte lineal de color haciendo una lista de las ventajas de cada tipo de arte lineal.

Arte lineal negro

Las ventajas de Line Art Noir son:

- Más fácil de hacer

- Hace que sea más fácil ver las variaciones en el grosor de la línea.

- El color sale más fácilmente

- El personaje se destaca claramente en la ilustración.

Arte lineal colorido

Las ventajas de Colorful Line Art son:

- Integrar el objeto/personaje en la ilustración.

- Permite comprender mejor la textura de ciertos elementos finos (como el cabello)

- Más discreto y limpio

¡Espero que las ventajas mencionadas te ayuden a elegir si quieres colorear o no tu Line Art!


Sombra y luz

En esta parte tendremos dos formas de agregar sombras y luces.

 

El primero será uno apto para principiantes porque es muy sencillo pero muy efectivo: Cell Shading.

 

El segundo será para los más valientes que quieran un resultado más realista y quieran divertirse con la luz. Una técnica que utiliza valores de grises que luego colorearemos.

 

¡Te invito a leer ambas técnicas y probarlas para seleccionar la que más te convenga!


Recordatorio de los conceptos básicos de luces y sombras.

(Esta es una parte opcional)

 

En esta parte repasaremos ciertas nociones fundamentales para entender y lograr efectos de luces y sombras sin importar la técnica que elijas en el futuro.

 

Se utilizan sombras y luces para leer mejor los volúmenes de tu dibujo. Por tanto, sería necesario ver los elementos que se desean resaltar en volumen simple como cubos, esferas, cilindros y pirámides.

Traducción al francés:

  • Sombreado de celdas

— Fácil visibilidad

— Lado duro

  • Sombreado más realista

— Las luces y las sombras pueden ser más suaves.

— Las sombras no son uniformes porque la luz rebota en la superficie, creando un ligero gradiente en las sombras.

Un ejemplo vale más que mil palabras. Si tienes formas más complejas que los sólidos básicos, puedes cuadrícularlas como hice con las "Patatas" en una capa separada de los colores sólidos.

Los invito a observar la organización de las capas para reproducirlo.


Sombreado de celdas

¿Qué es el “sombreado celular”?

Cell Shading es una técnica de sombreado heredada de los dibujos animados. Es reconocible por esas sombras y luces bastante duras (no degradadas y no borrosas) impuestas por una exigencia técnica de la época en que teníamos que hacer animación en celuloide (que se abrevia como “Cell”) donde cada imagen tenía que ser pintado con aguada.

 

Aunque ya no existen las limitaciones técnicas del soporte original, los estudios de animación han mantenido en su mayor parte este aspecto de sombras y luces intensas porque es más fácil y rápido de producir.

 

Los ilustradores han adoptado esta técnica porque les permite estilizar los efectos de luces y sombras además de recordar producciones animadas.

¿Cómo hacer sombreado celular?

A modo de ilustración, ¡nada es más sencillo que crear Cell Shading! Simplemente use una capa [Multiplicar] para las sombras y una capa [Agregar] para la luz y use herramientas como el lazo o el G-Pen para colocar el color y lograr esto. técnica.

 

Sin embargo, juntos veremos una manera de hacer que Cell Shading sea más "popular" usando Tonos de pantalla dentro de las sombras.

Esto es lo que sucede en el GIF, paso a paso.

 

①- Mi capa [Multiplicar] usaba gris. Así que bloqueé la opacidad para usar otros colores para mis sombras sin desbordar.

②- Dupliqué mi capa [Multiplicar] haciendo [Ctrl+C] y [Ctrl+V]. También puedes arrastrar la capa que deseas duplicar al ícono “Crear nueva capa” o puedes hacer [Clic derecho]→ [Duplicar capa].

③- escondo el duplicado en la primera capa de sombra presionando este icono y luego cambié su modo de fusión a [Superposición]. Si desea tener un efecto de Screentones diferente, puede elegir otros modos de fusión.

④- Convertí el color de la capa a Screentone presionando este botón. Asegúrate de estar en [Densidad]→[Usar brillo de imagen] como en la imagen de abajo. Puede elegir diferentes tipos de [Configuración de puntos] según sus preferencias. Aquí elegí “Círculo”.

(El parámetro Frecuencia variará el tamaño de tu efecto Screentone. Puedes cambiarlo a tu gusto.)

- Una vez que tengas el resultado que deseas, puedes [Calificar] la capa donde se encuentra tu efecto Screentone.

- Puedes colorear tu efecto bloqueando la opacidad de la capa*.

 

*Revise el pasopara ver el ícono para bloquear la opacidad.

¿Y por la luz?

Repite los pasos anteriores, excepto que el modo de capa será [Agregar] y no [Multiplicar].


Sombra y luz + complejos.

Traducción al francés:

— Paso 1: El borrador

— Paso 2: la línea

— Paso 3: color plano

— Paso 4: Haz un gris sólido. Después de agregar una capa **[Multiplicar]**y hacer las sombras

— Paso 5: Continúe usando el gris sólido. Agrega una capa [Add] y luego crea las luces.

— Paso 6: Retire el gris sólido. Colorea las sombras y las luces.

Para aquellos que quieran tener sombreados más complejos. Te invito a seguir el tutorial de la imagen justo arriba. Esta técnica se puede utilizar en todos los programas de dibujo profesionales. Para colorear la capa de sombra y luz, te aconsejo que coloques una capa arriba y ocultarla** en tus capas de sombra o luz. Le recomendaré que utilice el modo de fusión [Linear Light] para esta tarea.

**Consulta el pasodel tutorial para Sombreado de celdas.


Acabados

¿Has logrado llegar hasta aquí? ¡Espero que te gusten los resultados de los pasos anteriores! Ahora pasaremos al último paso para que tu ilustración sea colorida y brillante. ¡Acabados!

No encuentro mi imagen lo suficientemente colorida, ¿qué debo hacer?

Es posible que hayas elegido colores demasiado apagados. ¡No te preocupes, no necesitas rehacer completamente tu coloración siguiendo la técnica a continuación!

Estos son los pasos que se muestran en el GIF de arriba, uno por uno:

 

- Para evitar tomar todas mis capas, hago [Clic derecho] en la capa más alta de la jerarquía y selecciono [Fusionar visible en nueva capa].

- Una vez creada esta nueva capa, la duplicarás. La copia debe colocarse en modo de combinación [Luz suave].

- Aún en la copia, aplicarás un desenfoque gaussiano. Encontrarás este efecto en [Filter]→[Blur]→[Gaussian Blur].

- Presione [Ctrl+U] para abrir la ventana [Tono/Saturación/Luminosidad]. Si encuentra que a su dibujo le faltan colores vibrantes, aumente la saturación.

El ejemplo carecía de colores brillantes pero también de contraste, así que también bajé el brillo.

Ahora, diviértete con las capas [Overlay], [Add] o [Multiply] hasta que tengas un resultado que te guste.


Pequeños consejos al por mayor

Resaltado colorido y pegatina

Los junté porque es la misma técnica. Dibujas la forma que quieras en el color que hayas elegido y pulsas el botón para elegir el grosor del contorno así como su color.

Formas geométricas coloridas y estilizadas.

Para formas geométricas estilizadas, debes dibujar una forma que convertirás en un tono de pantalla como en el paso ④ de la parte relacionada con Cell Shading. Si no quieres retroceder tanto, lo haremos juntos y específicamente para esta parte.

Como puedes ver, ¡una capa es suficiente para lograr estos efectos simples pero efectivos! El grosor del tono de pantalla varía dependiendo del valor de gris, cuanto más claro sea el gris, más delgado será el tono de pantalla.

 

Por eso aligeré ciertas geometrías para tener un efecto interesante.

 

Luego hice [Clic derecho]→[Calificar] en la capa y luego bloqueé la opacidad para colorearlas.


Gracias

¡Gracias por leer hasta el final! Espero que mi tutorial te sea útil para tus próximas ilustraciones y si utilizas alguna de sus técnicas no dudes en mencionarme en Twitter donde te invito a seguirme si aprecias mi trabajo.

También quiero agradecer a mis amigos y clientes por permitirme usar algunos proyectos hechos para ellos en este tutorial.

 

Si te resultó útil, ¡compártelo y dale me gusta!

 

Este fue mi primer artículo escrito. ¡Intentaré este ejercicio nuevamente si creo que puedo ayudar en mi propia escala!

Comentario

Nuevo

Últimas publicaciones en Oficial