Spanish (Español) translation by Esteban (you can also view the original English article)
En este tutorial, descubrirás qué son las paletas de colores, las herramientas para elegir los colores que van juntos y ¡el secreto para elegir una combinación de colores perfecta para nuestros juegos!
Una introducción a las paletas de colores
El término "paleta de colores" se utiliza ampliamente en muchas industrias de diseño. Su definición e interpretación exacta varía ligeramente entre las industrias, pero a efectos de diseño de juegos podemos simplemente referirnos a ella como un conjunto predefinido de colores basado en reglas específicas.
Las paletas de colores tradicionales generalmente consisten en cinco colores dentro de un esquema específico, pero esto es más una pauta que una regla. En el diseño de juegos, las paletas de colores pueden consistir en cualquier número de colores siempre y cuando todos sigan tu conjunto de reglas predefinidas.
Antes de profundizar, considera si quieres crear tu propia paleta de colores o encontrar un esquema listo en línea. ¡De cualquier manera, hay muchas herramientas que pueden ayudarte!
Elegir paletas con herramientas
Las paletas de colores pueden crearse en prácticamente todos los programas con un selector de colores, pero ¿por qué usar MS Paint cuando hay tantos sitios web estupendos que pueden hacer mejor el trabajo?
Kuler
Adobe Kuler es una de mis herramientas favoritas para hacer una paleta de colores, simplemente porque actúa como una herramienta "todo en uno".
Además de ser capaz de crear tu propia paleta de colores y elegir colores de una imagen que te parezca inspiradora, también puedes compartir tus paletas y encontrar las creadas por otros. Esto significa que hay un suministro interminable de paletas ya preparadas entre las que puedes elegir.
Recomiendo el uso de esta herramienta si buscas una experiencia en profundidad o si quieres encontrar paletas de usuario creadas por otros.
Color Scheme Designer 3
Otra gran herramienta para hacer paletas de colores es el Color Scheme Designer 3. ¡Tiene todas las características estándar que esperarías de una herramienta de paleta de colores, y realmente brilla con su diseño de interfaz!
Me pareció muy fácil saltar y hacer una paleta de colores sin esfuerzo. Te recomendaría el uso de esta herramienta si estás buscando una experiencia sencilla.
Color Blender
La última herramienta que voy a sugerirte es Color Blender. De las tres herramientas que tendría que considerar esta herramienta la más interesante.
En lugar de proporcionarte una rueda de color y un montón de valores para modificarla, simplemente te da tres deslizadores (RGB/HSB) con los que podrás jugar. Al igual que Kulur, tiene una sección donde puedes navegar por las paletas creadas por otros.
Te recomendaría el uso de esta herramienta si estás buscando una herramienta que realmente te ayude a crear paletas de color.
Tipos comunes de combinaciones de colores
Hay muchos tipos diferentes de combinaciones de colores que puedes elegir al hacer un juego, así que me limitaré a cubrir las combinaciones que es más probable que elijas. Todas se basan en las relaciones de los diferentes colores entre sí dentro de la rueda de colores:
Las paletas de colores análogos consisten en colores que son adyacentes entre sí en el círculo cromático (rueda del color).
Un ejemplo de una paleta de colores análogos sería una paleta de colores que va del rojo al verde:
o una paleta de colores que va del azul al púrpura:
Como puedes ver, los colores de cada una de estas paletas son adyacentes entre sí en la rueda de colores.
Las paletas de colores complementarias están compuestas por colores opuestos entre sí en la rueda de colores.
Como puedes ver en este ejemplo, el color central actúa como base y los colores de la izquierda son complementarios a la derecha:
Las paletas de colores monocromáticos son diferentes tonos o matices de un solo color.
Por ejemplo, tomemos esta paleta de color verde monocromático:
Y esta paleta de colores monocromáticos de azul:
Los colores de cada paleta de colores permanecen iguales mientras que el brillo disminuye.
Las paletas de colores personalizadas son, con mucho, mi mejor opción para el arte del juego. Pueden consistir en cualquier color, pero están restringidas a tonos o matices específicos: es decir, ocupan el mismo anillo en la rueda de colores.
A primera vista, la paleta de colores de abajo parece consistir en colores completamente aleatorios:
De hecho, los colores no tienen un vínculo particular entre sí, pero nota que el brillo y la saturación de cada uno son los mismos: todos son del anillo medio de la rueda de color.
Esquemas de color basados en temas
Es obvio que no todas las combinaciones de colores se verán visualmente atractivas con cada tema del juego. Una combinación de colores debe ser usada para fortalecer el estado de ánimo que estás tratando de transmitir.
Imagina una película de terror: las escenas más aterradoras tienen lugar en un ambiente oscuro o de noche. Eso es porque los colores oscuros transmiten un sentimiento de inquietud. Así que si hicieras un juego de terror, probablemente no elegirías el rosa vivo como el color dominante del juego; lo más probable es que eligieras una paleta de colores monocromática o personalizada compuesta por colores oscuros.
LIMBO es un juego que hace un uso increíble de una paleta totalmente gris. Echa un vistazo a cómo esto le da al juego una sensación espeluznante:
Antes de empezar a crear tu paleta de colores, echa un vistazo a algún tipo de medio basado en el tema del juego. A menudo podrás detectar algunas combinaciones de colores que funcionan bien y otras que no, lo que te dará el lujo de elegir los colores que se adapten a tus necesidades específicas.
El secreto para crear paletas de colores perfectas
¿Y si te dijera que hay una forma de crear colores perfectamente iguales cada vez que haces una paleta de colores, me creerías? Bueno, espero que lo hicieras, porque no quiero que la siguiente parte te parezca brujería.
Todos los colores en una computadora pueden ser definidos por tres números: tono, saturación y brillo. Esto es importante, ya que nos permite ver los patrones y las relaciones entre los conjuntos de colores. Vamos a entender lo que significa cada valor.
El tono define el tono del color real. Por ejemplo, el color rojo tiene un valor de tono de 0, independientemente de los valores de saturación y brillo. Si cambias ese valor de tono a 120 habrás cambiado el color a verde y si lo cambias a 240 el color se convertirá en azul.
Ahora, ¿qué pasa si tomamos uno de esos colores y le damos un valor de saturación de 50? Parece como si estuvieras escogiendo un color diferente, pero en realidad solo estás afectando la intensidad del color, es decir, cuán vívido es el color. Reducir la saturación hace que el color parezca desteñido.
El brillo, entonces, explica cuán claro u oscuro es el color. Si redujéramos el brillo de un color, lo veríamos como una sombra más oscura del mismo color.
Para crear una gran paleta de colores solo tienes que seguir esta regla:
1 |
|
2 |
IF hues do not equal each other |
3 |
THEN set saturations to match each other |
4 |
AND set brightnesses to match each other |
1 |
|
2 |
ELSE IF saturations do not equal each other |
3 |
THEN set hues to match each other |
4 |
AND set brightnesses to match each other |
1 |
|
2 |
ELSE IF brightnesses do not equal each other |
3 |
THEN set hues to equal each other |
4 |
AND set saturations to equal each other |
¡Pero los juegos tienen muchos matices!
Si sigues estrictamente la regla anterior, crearás una paleta de colores increíble, pero si intentas usar la paleta, lo más probable es que acabes con un juego de aspecto plano.
Eso es porque solo tienes un tono para cada color, pero no te preocupes, ¡podemos añadir fácilmente más filas a nuestra paleta! Todo lo que tienes que hacer es cambiar la saturación o el brillo por un intervalo específico.
En esta enorme paleta de colores, los colores aumentan en el valor del tono en 40 cada columna, y disminuyen en el valor del brillo en 10 cada fila:
Conclusión
Gracias por tomarte el tiempo de leer este artículo sobre las paletas de colores. Si quieres aprender más sobre las relaciones entre los colores, prueba a comparar los valores HSB (Tono-Saturación-Brillo) entre las distintas combinaciones de colores, o busca otras combinaciones de colores (triádica, tétrada, cálida/fría). ¡Por favor, siéntete libre de dejar un comentario o cualquier pregunta!
By
