¿Cómo dibujar una rueda de color en Illustrator?

¿Cómo dibujar una rueda de color en Illustrator? Estoy pensando en crear muchos arcos pequeños con degradado y todos los colores de matiz. ¿Algunas ideas?

— dcRay
fuente

Una forma sería aplicar un gradiente lineal en el trazo. Crea un círculo y hazlo con un patrón de degradado. Asegúrese de que el gradiente tenga las paradas como en la tabla y la imagen a continuación. El gradiente puede no verse tan suave en las transiciones, pero eso es todo lo que viene a la mente.

+------------+---------------+----------+
| Color Stop |      RGB      | Location |
|------------+---------------+----------|
|      1     | (255, 0, 255) |    0.00% |
|      2     | (0, 0, 255)   |   16.67% |
|      3     | (0, 255, 255) |   33.33% |
|      4     | (0, 255, 0)   |   50.00% |
|      5     | (255, 255, 0) |   66.65% |
|      6     | (255, 0, 0)   |   83.33% |
|      7     | (255, 0, 255) |  100.00% |
+---------------------------------------+

— Raffi
fuente

Buena solución Raffi! También puede omitir el ingreso de esos valores de la tabla yendo a Muestras> icono de control> Abrir biblioteca de muestras> Gradientes> Espectros> y eligiendo 'Espectro' del conjunto que se carga.

— saskiel

-1

No tengo Illustrator, pero esta es la técnica general que puedo hacer en GIMP. La misma técnica debería ser aplicable a Illustrator:

Comience con fondo negro
En el editor de degradado, cree un degradado personalizado que consta de tres segmentos de igual tamaño. El primer tercio es un color de primer plano sólido, el segundo tercio es un degradado lineal desde el primer plano al color de fondo, y el último tercio es un color de fondo sólido (consulte el Apéndice a continuación para ver cómo debería ser).
Seleccionar herramienta de degradado
Seleccionar gradiente cónico (simétrico)
Seleccione el modo de fusión de adición
Dibuje tres degradados, en tres direcciones (0deg, 120deg, 240deg), con tres colores de primer plano diferentes (por ejemplo, # ff0000, # 00ff00, # 0000ff) con el color de fondo negro.

Resultado

Alternativamente, cuando invierte todos los colores y degradados, y luego usa el modo de fusión Multiplicar, obtendrá exactamente el mismo resultado que con Addition:

Comience con fondo blanco
Cree un degradado como en el modo Adición, pero cambie el color de primer plano y de fondo. Cree un gradiente personalizado que consta de tres segmentos de igual tamaño. El primer tercio es el color de fondo sólido, el segundo tercio es el degradado lineal del fondo al color de primer plano, y el último tercio es el color de fondo sólido (consulte el Apéndice 2 a continuación para ver cómo debería verse).
Seleccionar herramienta de degradado
Seleccionar gradiente cónico (simétrico)
Seleccione el modo de fusión Multiplicar
Dibuje tres degradados, en tres direcciones (0deg, 120deg, 240deg), con tres colores de primer plano inversos diferentes (por ejemplo, # 00ffff, # ff00ff, # ffff00) con el color de fondo blanco.

Resultado

¿Por qué funciona esto?

Si usa el selector de color alrededor de la rueda de color, una cosa que notará es cómo cambia el color RGB a medida que mueve el selector alrededor de la rueda de color. Primero comienza con rojo puro (# ff0000), luego a medida que gira, notará cómo el verde aumenta linealmente hasta que se vuelve amarillo (# ffff00), luego gira más y el rojo disminuye linealmente hasta obtener un verde puro (# 00ff00) . A partir de aquí, sucede lo mismo con el verde y el azul, el azul aumenta linealmente hasta el cian (# 00ffff), seguido del verde disminuyendo linealmente hasta que quede azul puro (# 0000ff). Y luego, nuevamente con azul y rojo, el rojo aumenta linealmente hasta el magenta (# ff00ff), seguido por el azul que disminuye linealmente hasta que volvemos al rojo puro (# ff0000).

Esencialmente, lo que estamos creando con nuestro gradiente cónico es agregar los colores primarios (rojo, verde, azul) sobre un fondo negro (# 000000):

El modo de fusión "adición" agrega matemáticamente los colores a la capa debajo de ella (o en el caso de la herramienta de degradado, a la imagen existente). Esto significa que si la capa debajo tiene el color # 112233 y el color que desea "Agregar" es # 010203, el nuevo color sería # 112233 + # 010203 = # 122436.

Al sumar los tres gradientes cónicos en un fondo negro, obtenemos la rueda de colores que esperábamos.

Si bien la técnica de adición funciona agregando colores al lienzo negro (# 000000), como hacer una estatua de arcilla. La técnica de multiplicación funciona esencialmente esculpiendo colores no deseados (los colores inversos) del blanco (#ffffff), como un escultor. Ambos producen exactamente el mismo resultado a través de formas muy diferentes.

Apéndice

Así es como debería verse el editor de gradiente en la técnica de adición:

Apéndice 2

Así es como debería verse el editor de gradiente en la técnica Inversa y Multiplicar:

— Lie Ryan
fuente

(a) La pregunta es sobre Illustrator, que es un programa muy diferente de GIMP. Y (b) ... ¿qué? ¿Por qué no seleccionarías el gradiente predefinido de "espectro de saturación total" y usarías un gradiente cónico allí?

— wchargin

@wchargin: porque quiero explicar cómo funcionan las ruedas de color. Sí, podría haberlo hecho usando el espectro de saturación completo para obtener la rueda de color normal en GIMP, pero si desea replicar el efecto usando colores base no estándar, usar el "espectro de saturación completo" predefinido no lo ayudaría a hacerlo ese. En cualquier caso, no sé si existe o no un gradiente predefinido equivalente a "espectro de color completo" en Illustrator. La técnica que describí podría funcionar en casi cualquier programa de edición de imágenes no básico.

— Lie Ryan

Pero ahí está su problema: Illustrator no es un programa de edición de imágenes.

— wchargin

@wchargin: Illustrator tiene gradientes, capas y modos de fusión de capas. Esos son suficientes para aplicar la idea general aquí.

— Lie Ryan