Cómo elegir colores en CSP [guía completa]

35 785

proxarc

proxarc

En este tutorial, te enseñaré todas las formas de elegir colores para tus pinturas con las paletas de colores de Clip Studio y otras funciones. Primero, te enseñaré una teoría del color rápida para que empieces, especialmente si eres principiante, y luego pasaré directamente a enseñarte las diferentes maneras en que puedes elegir colores en CSP.

Un poco de teoría del color para empezar

Comencemos con algunos términos y conceptos de la teoría del color que encontraremos a lo largo del camino.

 

Sé que la teoría del color puede ser desalentadora al principio si eres principiante, así que intentaré que sea lo más simple y breve posible. Confía en mí, saber esto es tan importante como conocer el software porque servirá como base sobre la cual elegiremos nuestros colores después.

Tono se refiere a la familia dominante de colores que se pueden discernir como los colores del arco iris, mientras que Saturación se refiere a la intensidad del color y Valor se refiere al brillo u oscuridad de un color. Juntos, forman el espacio de color HSV.

Un espacio de color es un rango de colores en un espectro representado matemáticamente. En la pintura digital, se puede describir como el estilo en que tus colores serán representados en el software.

 

Otro ejemplo de espacio de color es el espacio de color HLS, donde el ‘valor’ es reemplazado por ‘luminancia’.

La principal diferencia entre los espacios de color HSV y HLS es que maximizar la luminosidad en HLS, independientemente de la saturación, produce blanco puro, mientras que maximizar el valor en HSV solo resultará en blanco puro cuando la saturación es 0.

Por lo tanto, cuando colocamos 2 colores de cada espacio de color lado a lado, les damos la misma saturación, valor y luminancia, y luego los configuramos en escala de grises, terminaremos con los mismos grises en HLS pero no en HSV.

 

Personalmente, uso el espacio de color HSV, pero también hay muchos grandes artistas que usan el espacio de color HLS. No te compliques demasiado, solo pruébalo y ve qué es lo mejor para ti.

 

Para poder aprovechar al máximo los espacios de color, también es importante conocer la teoría detrás de las relaciones de color y la armonía del color.

Armonía del color es el término para las combinaciones de colores estéticamente agradables utilizadas en el arte.

 

Los pares de colores opuestos entre sí en la rueda se llaman complementarios.

 

El complementario dividido es como el complementario, excepto que dos colores adyacentes al complemento del color se usan con el color principal en su lugar, formando así un triángulo isósceles.

 

Si forma un triángulo equilátero, entonces será triádico.

 

Si un rectángulo, entonces tetrádico

 

Tres tonos uno al lado del otro son análogos.

 

Mientras que usar un solo tono es monocromático.

 

La ejecución de estas armonías de color adecuadas es lo que separa a los principiantes de los pintores profesionales.

 

También es una de las mejores explicaciones de por qué usar una gran cantidad de colores dispersos aleatoriamente en la rueda resulta peor que usar una paleta de colores LIMITADA.

Pero si realmente necesitas muchos colores aleatorios, puedes compensar la coherencia visual bajando la saturación o ajustando los valores HSV de tal manera que parezcan consistentes.

 

Hay una forma muy fácil de elegir colores consistentes automáticamente en CSP, pero hablaré de esto al final del tutorial.

Ya que estamos en esto, también quiero introducir el concepto de colores cálidos y fríos. Idealmente, la rueda de colores se divide con rojo, naranja y amarillo como colores cálidos, y con verde, azul y magenta como colores fríos. Si los colores cálidos nos recuerdan el calor y la luz del sol, los colores fríos tienden a recordarnos el cielo y otros lugares fríos. Pero los colores más cálidos también tienden a ser más relajantes para la vista. Estos simbolismos te ayudarán a establecer el estado de ánimo de una pintura.

Para mejorar aún más el ambiente, también puedes usar mood boards, que son una colección de imágenes de referencia que puedes usar como inspiración para tu paleta de colores, diseño de personajes, poses, etc.

Aquí hay un ejemplo de un trabajo que hice usando el esquema de color complementario con una combinación de colores cálidos y fríos. Y como usé una paleta vibrante, la pintura se ve más enérgica.

Y aquí hay un ejemplo donde usé un esquema de color complementario dividido con colores fríos más claros.

Para este tutorial, pintaré un cómic simple con colores análogos cálidos y un pequeño toque de colores complementarios. Lo dividiré en 3 pinturas para demostrar las paletas de colores de CSP y otras funciones de selección de color.

¿Pero qué son exactamente las paletas y las paletas de colores en CSP?

Contrario a la idea tradicional de lo que es una ‘paleta’, las diferentes herramientas encerradas en cajas en las esquinas de la pantalla se llaman paletas en CSP. Y como puedes adivinar, todas las paletas relacionadas con el color se llaman paletas de colores. Posteriormente, la disposición de estas paletas conforma la interfaz, más comúnmente conocida como espacio de trabajo.

No todas las paletas de Clip Studio se muestran por defecto, así que para acceder a las paletas ocultas, debes hacer clic en las pestañas en la parte superior de cada paleta. Alternativamente, también puedes ir a Ventana > y elegir la paleta que desees ver.

Rueda de colores

Ahora comencemos con la rueda de colores.

 

Como ya está aquí, no necesitamos añadirla desde la ventana. La moveré haciendo clic y arrastrando con el ratón.

Después de eso, intentaré elegir mi color inicial para las paredes.

Podemos ver nuestro color [1] principal y secundario actualmente seleccionados en los cuadros inferiores izquierdos. Podemos alternar entre los dos haciendo clic en ellos o presionando X en el teclado. Hacer doble clic nos llevará a su configuración, donde podemos editar el color más a fondo. [2] Debajo de eso está la opción de pintar píxeles transparentes, es decir, borrar. Esto se puede alternar presionando C.

[3] Mientras tanto, en la parte inferior derecha, tenemos los valores HSV de nuestro color, que son especialmente importantes al copiar nuestro color actual a otras aplicaciones; también puedes alternar esto para mostrar los valores RGB haciendo clic en él. [4] A la derecha, tenemos el selector para el espacio de color HSV y HSL. Otra forma de alternar es haciendo clic en el icono de tres líneas en la parte superior y eligiendo entre los dos.

Control deslizante de color

Es muy similar a la rueda de colores, excepto que tiene controles más finos para los valores individuales de HSV, RGB y CMYK.

Por ahora, aplicaré el color al lienzo. Luego, digamos que quiero un color más saturado y rojizo sin cambiar sus valores. Será difícil hacerlo con la rueda de colores, así que aquí es donde entra el control deslizante de color.

Al igual que antes, también podemos cambiar los espacios de color haciendo clic en el icono de tres líneas. Los espacios de color que usamos en cada paleta de colores están vinculados, por lo que también notarás que al cambiar el espacio de color aquí, también estamos cambiando el espacio de color en la rueda de colores.

Para obtener el color deseado, puedo arrastrar los controles deslizantes, pero una forma más simple y precisa sería simplemente escribirlo.

Color intermedio y aproximado

Ahora colocaré este color junto a nuestro primer color. Y me estoy quedando sin colores específicos para elegir, así que ¿por qué no usamos la paleta de colores intermedios y aproximados para ayudarnos?

 

La paleta intermedia te permite elegir cuatro colores y ver cómo se mezclan. Puedes ajustar el tamaño de los mosaicos haciendo clic en el icono del menú y eligiendo una de las opciones. Si no te gusta la cuadrícula, también hay una opción para ocultarla.

Probémoslo eligiendo un color y haciendo clic en los cuadros de las esquinas. Luego, con estos colores generados, elegiré los que me gusten.

Similar al color intermedio es el color aproximado, que se basa en un solo color. Esta herramienta tiene sus propios controles deslizantes individuales para controlar los parámetros con los que deseas modificar el color.

Por defecto está configurado en saturación y valor, pero podemos cambiarlo haciendo clic en los caracteres junto a la barra. Lo configuraré en R(rojo) y G(verde) para este ejemplo. Recomiendo encarecidamente que también experimentes con esto para entenderlo mejor.

Conjunto de colores e historial de colores

¡Y con eso, todos nuestros colores están listos! Pero usar el lienzo para almacenar estos colores mientras pintas no solo es tedioso, sino también ineficiente. Afortunadamente, CSP tiene paletas de conjuntos de colores e historial de colores. No creerías cuánto me ha salvado esto.

En pocas palabras, el historial de colores te muestra la lista de colores que has usado en el programa, mientras que el conjunto de colores es donde almacenas tus colores mientras pintas.

Puedes usar colores predeterminados, descargarlos de los activos de Clip Studio o incluso crear los tuyos propios. Puedes acceder a estos conjuntos haciendo clic en el icono desplegable.

En nuestro caso, crearemos el nuestro haciendo clic en el icono de la llave inglesa > crear nuevo conjunto > luego lo renombramos {Mi Conjunto} > y hacemos clic en OK.

Si quieres editarlo más tarde, por ejemplo, duplicarlo o reorganizarlo, puedes hacer clic de nuevo en el icono de la llave inglesa para hacerlo.

 

Ahora empezaré a añadir los colores de la siguiente manera:

1. usando la herramienta de cuentagotas con alt para seleccionar el color

2. seleccionando una casilla vacía.

3. y haciendo clic en el icono de la gota de lluvia.

Otra forma es a través del icono de tres líneas > añadir color. Pero la forma más sencilla sería mantener pulsado alt y hacer clic en la casilla vacía donde quieras registrar tu color activo.

Sin embargo, para hacerlo mucho más rápido, seleccionaré la opción de registrar automáticamente el color en el cuentagotas.

Aconsejo que desactives esto después de usarlo si no quieres añadir accidentalmente colores no deseados a tu conjunto de colores. Si lo añadiste por error, siempre puedes eliminarlo con el icono de la papelera, o reemplazarlo por otro color con el icono de la flecha.

 

También puedes reorganizar los colores arrastrándolos con ctrl. -Pero puedes cambiar este control haciendo clic en el menú > cambiar orden > arrastrar. También puedes cambiar el tamaño de los mosaicos yendo a > Ver(V) > el tamaño que desees.

Ahora que estoy satisfecho, vamos a guardarlo para usarlo más tarde. Ve al icono del menú > exportar conjunto de colores > y busca la carpeta donde quieras guardarlo. Guardar esto nos permite no solo importarlo a nuestro propio dispositivo, sino también compartirlo con otros creadores en los recursos de Clip Studio.

Y ahora que estamos listos, empezaré a rellenar la pintura.

‘Método del cuentagotas’

Anteriormente, elegimos nuestro color base y aplicamos los colores planos, así que ahora tenemos que añadir sombreado y demás. No incluiré todo el proceso de sombreado, pero quiero darte otro consejo para elegir colores con lo que llamo la técnica de 'cuentagotas y difuminado'.

 

Usando cualquier subherramienta que te permita superponer o mezclar colores, puedes tomar el color de la intersección donde los dos colores se mezclan. Puedes guardar el nuevo color en tu conjunto o también puedes colorear con él y repetir el proceso para suavizar el sombreado.

Ten cuidado de no exagerar, sin embargo. porque exagerar hará que los colores sean 'más opacos'.

Modo de mezcla (Color)

Y nuestra primera pintura está terminada. Solo una cosa, no me gusta mucho el ‘verdor’ de las hojas. Pero pintarlas manualmente llevaría demasiado tiempo, así que en su lugar:

 

Usaré el modo de mezcla Color. Añadamos otra capa y luego pulsemos normal > color. Con esto, podemos cambiar el tono y la saturación de las capas debajo sin afectar sus valores.

Tomar color de pantalla

Ahora pasemos a la segunda pintura y a otro conjunto de métodos.

 

Ahora mismo, tengo una imagen de referencia como inspiración para los colores abierta en otra ventana, pero no podré acceder a ella con el cuentagotas normal. En su lugar, necesito ir a editar > tomar color de pantalla.

Ahora espero usar el color que tomé con el cuentagotas para mi ilustración—no—Usar los colores de las imágenes no es ideal porque los colores ya están mezclados. Lo que queremos en su lugar son los colores iniciales que mezclaremos después.

 

Sí, aún podrías usar esto, pero si realmente quieres entrenar tu ojo, lo que puedes hacer en su lugar es usar los colores como referencia o inspiración para estimar los colores iniciales que necesitas.

Filtro Mosaico

Para facilitar mucho las cosas, puedes simplificar los colores de las imágenes importando la imagen al programa y yendo a filtro —> efecto —> mosaico. Puedes usar el control deslizante que aparece para ajustar los mosaicos.

PERO ¿sabías que hay una forma aún más fácil de obtener colores de las imágenes?

 

Para este consejo, necesitamos ir al modo compañero.

[Configuración del modo compañero]

Si es tu primera vez con el modo compañero, primero necesitas tener CSP instalado en tu teléfono. (Funcionará independientemente de si tienes una licencia o no, así que no te preocupes si usas la versión gratuita.) A continuación, debes hacer clic en el icono de conectar al teléfono en tu ordenador. Esto generará un código QR que puedes escanear haciendo clic en el mismo icono en tu teléfono.

Eso es todo. Has activado con éxito el modo compañero. Ahora puedes usar tu teléfono como controlador para tu ordenador. Al principio, pensé que usar el teléfono para el modo compañero sería lento y con retraso, pero sorprendentemente, funciona muy fluido. Hay muchas funciones en el modo compañero, pero hoy solo me centraré en la subvista y la paleta de mezcla de colores.

Subvista [Modo compañero]

Volviendo al consejo, ¡en realidad puedes usar la subvista en tu teléfono para generar automáticamente un esquema de color a partir de una imagen! Probemos haciendo clic en la carpeta y eligiendo una imagen. Inmediatamente, puedes ver la nueva paleta de colores en la parte inferior de la imagen. Lamentablemente, esta función no funciona en la versión de PC.

Paleta de mezcla de colores [Modo compañero]

Con esta nueva paleta en modo compañero, intentemos experimentar con los colores en la paleta de mezcla de colores recién añadida.

 

La paleta de mezcla de colores imita la forma tradicional de usar paletas.

 

Haciendo clic en los colores generados en la subvista, podemos ir a la pestaña de la paleta de mezcla de colores y pintar con el pincel seleccionado.

También tengo la opción de guardar estos colores en el conjunto de colores de la pestaña deslizando hacia la izquierda y haciendo clic en el icono de más. A la inversa, también puedo eliminar manteniendo pulsada la casilla.

 

Ahora seleccionaré el difuminado y mezclaré los colores para ver si encuentro algo que me guste.

Pero ahora mismo, no podemos ver muy bien los colores más claros, así que vayamos al menú y cambiemos el color de fondo a uno más oscuro.

Mejor. Luego, haciendo clic en la herramienta de cuentagotas o manteniendo presionado, puedo seleccionar colores específicos. Este color aparecerá automáticamente en el PC, que luego puedo guardar en la paleta de conjuntos de colores.

Paleta de mezcla de colores en PC

Hay otra función en la paleta de colores que te garantizo que te resultará útil. Es la opción de usar tu subherramienta actual como pincel de paleta de mezcla.

 

Desafortunadamente, esto no funciona en el teléfono en el momento de crear este tutorial, así que cerraré el modo compañero por ahora haciendo clic nuevamente en el icono de conectar al teléfono en la PC.

Ahora haz clic en este nuevo icono que no aparece en el teléfono. Esto nos permitirá usar la misma subherramienta que estamos usando en el lienzo. En este caso, es el pincel de mezcla redondo.

Además, también puedo registrarlo como pincel en la paleta de mezcla de colores yendo al menú > registrar subherramienta actual > reemplazar pincel 1.

 

Si quieres revertirlo a los valores predeterminados más tarde, puedes volver al menú > registrar subherramienta actual > y restablecer a los valores predeterminados.

Supongo que ya he terminado de preparar el esquema de color inicial, así que empezaré a pintar.

Modo de mezcla para encontrar colores adicionales

*Un consejo rápido, al igual que usamos el modo de mezcla de color antes, podemos usar otros modos de mezcla para ayudarnos a elegir colores. Por ejemplo, puedo añadir una nueva capa, cambiar normal > a multiplicar, elegir un color más claro y añadir sombras como pan comido.

No intentaré explicar los otros modos de mezcla, pero ya te haces una idea. Solo ten cuidado de no seleccionar accidentalmente los colores incorrectos, porque los colores en las capas de modo de mezcla no aparecerán igual que los colores iniciales que elegiste. Del mismo modo, los colores afectados de las capas debajo aparecerán diferentes de su forma original cuando se superpongan.

Edición de colores con capas de corrección

La pintura está terminada. Al colocarla una al lado de la otra con nuestra primera pintura, los colores son un tanto inconsistentes. Todavía podemos usar el modo de mezcla de color, pero eso sería demasiado tedioso. En su lugar, podemos usar las correcciones tonales.

 

Se puede acceder a ellas en editar -> correcciones tonales > tono y saturación, pero una forma aún mejor y NO DESTRUCTIVA es haciendo clic derecho en la capa y yendo a nueva capa de corrección > tono saturación. Al añadir esto, podemos editar los colores de toda la pintura o de ciertas partes, mientras que aún nos permite cambiarlo más tarde.

Hay muchos tipos de capas de corrección. Solo anímate a experimentar con ellas para ver cuáles te ayudan.

Tecnología de coloreado

Por último, para los artistas que trabajan bajo presión y con prisas, les presentaré la función Colorear (vista previa tecnológica).

 

Esto te permitirá que el software decida los colores y coloree la pintura por ti.

 

Para usarla, primero configura tu capa de lineart como capa de referencia haciendo clic en el icono del faro, luego ve a editar > colorear (vista previa tecnológica) > colorear todo. Los datos se enviarán a CSP, pero no se incluye información personal, así que no te preocupes.

Cuando termine, podrás ver toda tu pintura coloreada automáticamente en cuestión de segundos.

 

Y si ya tienes un esquema de color, puedes indicarle al programa que lo use para colorear. Esta vez, añade colores debajo de la capa de lineart, luego ve a editar > colorear (vista previa tecnológica) > Usar imagen de pista y colorear.

El resultado no parecerá una pintura final, pero definitivamente es un gran punto de partida.

Solo lo refinaré con sombreado manual.

¡Hemos terminado con las pinturas!

Color secundario

Pero antes de terminar, te dije antes que te mostraría la forma fácil de elegir colores consistentes automáticamente en CSP sin importar tu esquema de color. Para eso, necesitamos ir a la configuración del pincel haciendo clic en el icono de la llave inglesa, ir a vibración de color, marcar 'cambiar color de la punta del pincel' y aumentar la mezcla con el color secundario a 30. También haré clic en el icono del ojo para mostrarlo en la barra de propiedades de la herramienta.

Con esto, puedo seleccionar un color determinado para la subherramienta, y todos los colores siguientes que elija como color principal tendrán una porción establecida del color de la subherramienta mezclada en ellos. Esto, a su vez, siempre hará que los colores combinen entre sí.

Conclusión

Lamento si este fue un tutorial largo porque he incluido todas las formas de elegir colores en Clip Studio Paint que utilizo. Los métodos que te mostré se pueden usar individualmente o entre sí. Algunos son más simples y otros son más personalizables. Pero al final, lo que importa por encima de todo es cuál de ellos te conviene.

Comentario

Nuevo

Últimas publicaciones en Oficial