Friday, April 9, 2010

SAI 101 – Color Pickers

Saltar al español

SAI comes with a lot of color pickers, although the truth is that you won't need any other than the one that comes by default, which is a square with a circle around it that represents the tones.

This square represents the HSV or HSB color mode, which stants for Hue, Saturation and Value or Brightness (which is the same thing). It's a color space based on the way the human being perceives color.


A lot of times a triangle is used instead of a square, this way each corner represents a variable of the model, in contrast, the corners of the square represent a mix of variables. This has it's advantages and disadvantages, maybe it's a bit harder to know the values that you're working with, if that becomes necessary, but having more space makes it easier to select the colors.

The advantages of using this representation over others are plenty, first of all it doesn't define primary and secondary colors, which is a useful clasification for learning, but it's just that, a clasification, there are no colors that are more important than others, contrary to what one may think when learning to paint or use color spaces.

On the other hand it's very difficult to use RGB sliders in order to select colors,

and while a CMYK space is easier, instead of mixing light or pigments, with this representation of the HSV model you can pick the exact color you want.

Finally the color wheel shows the complementary colors by placing them on the contrary side of the circle, this makes its identification easier.

The next image shows the different color mdels included in SAI, when selecting the colors in one space the sliders move on the others.


Edit: Thanks to DarlingMionette who pointed out I was wrong about the last color picker, it's a gradient mixer, that's what's nice about having people commenting.

Questions or suggestions?

Drop an email to contact@bananaorange.com
--------------------------
Spanish

Curso Básico de SAI – Seleccionadores de Color

SAI viene con muchos seleccionadores de color, aunque la verdad no se necesita mucho más que el dialogo por defecto, que es un cuadrado con un círculo alrededor que representa a los tonos.

Este cuadro representa el modelo de color HSV, o HSB que vendría a significar Hue (Tono), Saturation (Saturación) Value o Brightness (Valor o Brillo, dependiendo de la nomenclatura, pero es lo mismo). Es un espacio de color basado en la manera en la que el ser humano percibe el color.


Muchas veces se ocupa un triángulo en vez de un cuadrado, de esa manera cada esquina representa una de las variables del modelo, a diferencia del cuadrado, que al tener una esquina más estas representan una mezcla de valores. Esto tiene sus ventajas y desventajas, quizás sea más difícil saber exactamente los valores con los que se trabaja, si es que eso es necesario, pero al tener más espacio es más fácil seleccionar los colores.

Las ventajas de usar este modelo sobre otros son muchas, en primera instancia no define los colores en primarios y secundarios, que es una clasificación útil para aprender, pero es solo eso, una clasificación, no existen colores más importantes que otro, a diferencia de lo que se piense cuando se aprende a pintar u ocupar espacios de color.

Por otro lado es muy difícil para una persona ocupar sliders RGB para poder seleccionar colores, mientras que un espacio CMYK es más fácil, en vez de tener que mezclar colores luz o pigmentos, con esta representación del modelo HSV se puede seleccionar el color preciso que se quiere.

Por último, la rueda muestra los colores complementarios poniéndolos al lado contrario, esto facilita su identificación.

La siguiente imagen muestra los distintos modelos de color incluídos en SAI, al seleccionar los colores en uno se mueven los sliders en los demás.


Edición: Gracias a DarlingMionette que me hizo ver que me estaba equivocando con el último dialogo de color, es un mezclador de gradients, eso es lo bueno de tener gente que comente.

¿Preguntas o Sugerencias?

Envíen un email a contact@bananaorange.com

Bookmark and Share

4 comments:

Mashuki said...

como asi te tomas la molestia de traducir los dos.. los entiendo, pero aun asi es considerado xD

DarlingMionette said...

What you have marked as grayscale.. isn't actually a grayscale slider.. it's a color mixer.. you put one color in the box on one side, another in the other side, and it creates a gradient mix of the two.

Felipe Gaona said...

Ohhhhh, I wasn't aware of that, I'll update this immediately, thanks for the info!.

Felipe Gaona said...

Mashuki: Jajaja bueno si está en 2 idiomas es como obligatorio traducir no más.

Post a Comment