Introducción
¡Hola!
Soy Aria Asimov, una freelance en el campo de la ilustración y el diseño de personajes (character design si lo prefieres). Principalmente publico mis creaciones en X (anteriormente Twitter).
Si has hecho clic en este tutorial, es porque deseas que tus ilustraciones sean más coloridas o pop. ¡En ese caso, déjame ayudarte a mejorar tus proyectos!
Para hacer este tutorial accesible a principiantes, mostraré todos los pasos, desde el boceto (o borrador) hasta el acabado, pasando por supuesto por el line art y la colorización. Es importante señalar que esta es solo una de muchas métodos, ¡puedes adaptarla a tu estilo de dibujo o tomar solo las partes que te interesen!
Aquí tienes un ejemplo de ilustración que he realizado con este método o una variante del mismo. (Realizable en las versiones Pro y Ex de Clip Studio Paint)
Este artículo ha sido redactado en francés. Sin embargo, las capturas de pantalla estarán en inglés para facilitar la comprensión del tutorial a los no francófonos.
La preparación
Parte opcional para quienes tienen un mínimo de experiencia
Prestar atención a tu espacio de trabajo
Para aquellos que se inician en el dibujo digital, esta parte es para ustedes, para que cuiden su salud y se mantengan motivados.
Para la práctica del dibujo digital, es aconsejable estar en un espacio de trabajo donde se sientan cómodos. Ordenen su escritorio y decórenlo como deseen. Les aconsejo tener siempre su teclado cerca para hacer atajos rápidamente como [Ctrl+Z] para deshacer su ú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 la luminosidad de la capa actual o de una selección realizada.
Presten atención a estar bien sentados en su silla, y si tienen una tableta con pantalla o iPad, posicionen su monitor de dibujo lo más verticalmente posible para tener una postura que les permita mantener la cabeza recta y evitar dolores cervicales.
Verifiquen que tienen tiempo para dibujar para evitar cualquier fuente de estrés, y tengan algo para hidratarse a su lado. Tomen también descansos para sus ojos y para caminar y así evitar problemas de circulación sanguínea. Una sesión de dibujo demasiado larga puede causar migrañas y molestias en las piernas. ¡La salud ante todo!
Encontrar inspiración / Tomar referencias
Antes de empezar a dibujar, es aconsejable elegir el tema y buscar referencias en cuanto al estilo gráfico.
Puedes optar por hacer un fanart o una creación original. ¡Lo esencial es que te guste lo que vas a dibujar!
Tomar las referencias
Puedes tomar todo lo que te guste visualmente para incluirlo en tu ilustración. Las referencias también pueden ayudarte a decidir qué combinación de colores utilizar, para visualizar mejor cómo dibujar una parte complicada del cuerpo o de una prenda.
Los profesionales reúnen todas sus referencias en un moodboard. Puedes crearlo en Clip Studio Paint o en un software como PureRef. ¡Tú eliges!
El Boceto (o Borrador)
Una vez que hayas elegido qué dibujar y hayas tomado tus referencias, ¡una página en blanco se alza ante ti! ¡Es la etapa del boceto!
Te aconsejo que hagas varios para luego elegir los elementos que te gusten de cada uno y unirlos en un solo boceto.
Si estás dibujando de forma tradicional para esta etapa, te invito encarecidamente a tomar una foto o escanear el boceto que hayas elegido para llevarlo a tu software. Utiliza las herramientas de selección y luego presiona la tecla [ Suprimir ] de tu teclado para eliminar las partes no deseadas de tu foto. Puedes ajustar los contrastes con una capa de corrección. Ve a la sección [Capa] y selecciona [Nueva Capa de Corrección]. Mi consejo sería usar una capa [Corrección de Niveles] o [Curva de Tono] para obtener resultados de calibración más precisos.
Para aplicar la capa de corrección a la capa donde tienes tu borrador, puedes hacer [Clic Derecho] sobre ella y luego [Fusionar con capa inferior] o [Ctrl+E]. Luego, ve a [Editar] → [Convertir brillo a opacidad]
Ya sea que hayas hecho tu boceto en CSP (Clip Studio Paint) o de forma tradicional y luego lo hayas importado a CSP. Deberías llegar a este paso: tu boceto en transparente sobre un fondo blanco.
Para visualizar mejor el resultado final, ¡te propongo colorear el boceto!
Colorear 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, colocando su color en una capa diferente a la del fondo.
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 pocos colores, puedes añadir más colores al fondo.
Será prudente tener siempre un color dominante para que los colores minoritarios resalten.
¡Puedes hacer varias pruebas para ver qué funciona mejor!
Para esta ilustración, elegí la versión 3 del boceto coloreado porque el último personaje del trío resaltaba mejor, además de presentar un ambiente estival y diurno que refleja mejor el contexto de una salida entre amigos.
Line Art y Color Base
Todos tenemos una forma diferente de hacer el line art. Mi forma es tener un line art bastante delgado para elementos finos o poco importantes y más grueso para elementos más grandes e importantes.
Tiendo a cerrar mi line art para aplicar mis colores base con la herramienta de bote de pintura, pero si prefieres un line art con huecos, puedes aplicar tus colores base con la herramienta lazo.
Separar bien las capas y crear carpetas
Aquí tienes la organización de capas recomendada si deseas orientarte en tu archivo. Cada color del dibujo está en una capa diferente para poder retocarse fácilmente.
Quizás lo hayas notado, añadí plantas al fondo cuando había elegido solo 2 colores de fondo para mi boceto. El verde es una mezcla de amarillo y azul, por lo que el color se mantiene dentro de las tonalidades elegidas, además de aportar aún más color.
Line Art Negro Versus Line Art de Color
No importa si tienes un line art completamente cerrado o con espacios entre las líneas, te propongo ver la diferencia entre un line art negro y uno de color, enumerando las ventajas de cada tipo de line art.
Line Art Negro
Las ventajas del Line Art Negro son:
- Más simple de hacer
- Permite ver más fácilmente las variaciones de grosor de las líneas
- El color resalta más fácilmente
- El personaje se distingue bien de la ilustración
Line Art de color
Las ventajas del Line Art de Color son:
- Integra el objeto/personaje en la ilustración
- Permite comprender mejor la textura de ciertos elementos finos (como el cabello)
- Más discreto y da una apariencia más limpia
¡Espero que las ventajas mencionadas les ayuden a elegir si quieren colorear o no su Line Art!
Sombra e Iluminación
En esta parte, veremos dos maneras de añadir sombras y luces.
La primera estará adaptada para principiantes por ser muy sencilla pero muy eficaz: El Cell Shading.
La segunda será para los más valientes que quieran un resultado más realista y divertirse con la luz. Una técnica que utiliza valores de gris que luego colorearemos.
¡Te invito a leer ambas técnicas y a probarlas para seleccionar la que mejor se adapte a ti!
Recordatorio de las bases para sombras y luces
(Esta es una parte opcional)
En esta parte, repasaremos algunas nociones fundamentales para comprender y lograr con éxito los efectos de sombra y luz, independientemente de la técnica que elijas en el futuro.
Las sombras y las luces sirven para leer mejor los volúmenes de tu dibujo. Por lo tanto, sería necesario ver los elementos que deseas resaltar en volúmenes simples como cubos, esferas, cilindros y pirámides.
Traducción al español:
- Cell Shading
— Visibilidad fácil
— Aspecto duro
- Sombreado más realista
— Las sombras y luces pueden ser más suaves.
— Las sombras no son uniformes porque la luz rebota en la superficie, creando un ligero degradado en las sombras.
Un ejemplo vale más que mil palabras. Si tienes formas más complejas que los sólidos básicos, puedes cuadricularlas como hice yo para las "Patatas" en una capa separada de tus colores base.
Te invito a observar la organización de las capas para reproducirla.
Cell Shading
¿Qué es el "Cell Shading"?
El Cell Shading es una técnica de sombreado heredada de los dibujos animados. Se reconoce por sus sombras y luces bastante duras (no degradadas y no borrosas) impuestas por una limitación técnica de la época en la que se realizaba la animación sobre celuloide (abreviado como "Cell"), donde cada fotograma debía ser pintado con gouache.
Aunque la limitación técnica del soporte original ya no existe, la mayoría de los estudios de animación han mantenido este aspecto de sombras y luces duras porque es más fácil y rápido de producir.
Los ilustradores se han apropiado de esta técnica porque permite estilizar los efectos de sombra y luz, además de recordar las producciones animadas.
¿Cómo hacer Cell Shading?
¡En ilustración, no hay nada más sencillo que hacer Cell Shading! Basta con usar una capa [Multiplicar] para las sombras y una capa [Añadir] para la luz, y usar herramientas como el lazo o el G-Pen para colocar el color y realizar esta técnica.
Sin embargo, ¡veremos juntos una forma de hacer que el Cell Shading sea más “Pop” utilizando Screentones dentro de las sombras!
Esto es lo que sucede en el GIF, paso a paso:
①- Mi capa [Multiplicar] utilizaba gris. Así que bloqueé la opacidad para usar otros colores en mis sombras sin desbordar.
②- Dupliqué mi capa [Multiplicar] presionando [Ctrl+C] y [Ctrl+V]. También puedes arrastrar la capa que deseas duplicar sobre el icono "Crear nueva capa" o hacer [Clic Derecho]→ [Duplicar Capa].
③- Enmascaré la copia en la primera capa de sombra presionando este icono y luego cambié su modo de fusión a [Superponer]. Si deseas un efecto de Screentones diferente, puedes elegir otros modos de fusión.
④- Convertí el color de la capa a Tramado (Screentone) presionando este botón. Asegúrense de que están en [Densidad]→[Usar brillo de la imagen] como en la imagen de abajo. Pueden 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 de Tramado. Puedes modificarlo a tu gusto.)
- Una vez que tengas el resultado deseado, puedes [Rasterizar] tu capa donde se encuentra tu efecto de Tramado.
- Puedes colorear tu efecto bloqueando la opacidad de la capa*.
*Revisar el paso ① para ver el icono de bloqueo de opacidad.
¿Y para la luz?
Retoma los pasos anteriores, excepto que el modo de la capa será [Añadir] y no [Multiplicar].
Sombras y luces más complejas
Traducción al español:
— Paso 1: El borrador
— Paso 2: El Line Art
— Paso 3: Color base
— Paso 4: Hacer una base de gris. Después añadir una capa **[Multiplicar]**y hacer las sombras
— Paso 5: Continuar usando la base de gris. Añadir una capa [Añadir] y luego hacer las luces.
— Paso 6: Eliminar la base de gris. Colorear las sombras y luces.
Para aquellos que deseen un sombreado más complejo. Te invito a seguir el tutorial en la imagen de arriba. Esta técnica es realizable en todos los softwares de dibujo profesionales. Para colorear la capa de sombra y luz, te aconsejo que coloques una capa encima y la enmascares** sobre tus capas de sombras o de luz. Te recomendaría usar el modo de fusión [Luz Lineal] para esta tarea.
**Ver el paso ③ del tutorial para el Cell Shading.
Los Acabados
¿Has conseguido seguir hasta aquí? ¡Espero que te guste el resultado de los pasos anteriores! Ahora pasaremos al último paso para hacer tu ilustración colorida y vibrante. ¡Los acabados!
Mi imagen no es lo suficientemente colorida, ¿qué hago?
Es posible que hayas elegido colores demasiado apagados. ¡Tranquilo, no necesitas rehacer toda tu coloración siguiendo la técnica que se muestra a continuación!
Aquí están los pasos mostrados en el GIF de arriba, uno por uno:
- Para no tomar todas mis capas, hago [Clic Derecho] en la capa más alta de la jerarquía y selecciono [Combinar visibles en nueva capa].
- Una vez creada esta nueva capa, la duplicarás. La copia debe establecerse en modo de fusión [Luz Suave].
- Todavía en la copia, aplicarás un desenfoque gaussiano. Encontrarás este efecto en [Filtro]→[Desenfoque]→[Desenfoque Gaussiano].
- Presiona [Ctrl+U] para abrir la ventana [Tono/Saturación/Luminosidad]. Si encuentras que a tu dibujo le faltan colores vivos, aumenta la saturación.
El ejemplo carecía de colores vivos y también de contraste, así que también bajé la luminosidad.
¡Ahora, diviértete con las capas [Superponer], [Añadir] o [Multiplicar] hasta obtener un resultado que te guste!
Pequeños trucos varios
Destacado de color y Pegatina
Los reuní porque es la misma técnica. Dibujas la forma que quieras en el color elegido para luego presionar el botón y seleccionar el grosor del contorno, así como su color.
Formas geométricas coloridas y estilizadas
Para las formas geométricas estilizadas, hay que dibujar una forma que convertiremos en tramado (screentone) como en el paso ④ de la sección relacionada con el Cell Shading. Si no quieres volver a ese punto, lo haremos juntos y específicamente para esta parte.
Como pueden ver, ¡una sola capa es suficiente para lograr estos efectos tan simples pero eficaces! El grosor del tramado (screentone) varía según el valor de gris: cuanto más claro sea el gris, más fino será el tramado.
Por esta razón, aclaré algunas geometrías para obtener un efecto interesante.
Después hice [Clic Derecho]→[Rasterizar] en la capa y luego bloqueé la opacidad para colorearlas.
Agradecimientos
¡Gracias por leerme hasta el final! Espero que mi tutorial les sea útil para sus próximas ilustraciones y, si utilizan alguna de estas técnicas, no duden en mencionarme en Twitter, donde los invito a seguirme si aprecian mi trabajo.
También quiero agradecer a mis amigos y clientes por permitirme usar algunos proyectos realizados para ellos en este tutorial.
Si lo encontraron útil, ¡no duden en compartirlo y darle "me gusta"!
Este fue mi primer artículo escrito, ¡volveré a intentar este ejercicio si creo que puedo ayudar a mi nivel!
Usuarios a los que les gustó esta publicación
Comentario