如何在Illustrator中绘制色轮?


Answers:


15

一种方法是在笔划上应用线性渐变。创建一个圆,并使用渐变图案对其进行描边。确保渐变具有如下表和图片所示的光圈。渐变在过渡过程中可能看起来不那么平滑,但这就是我想到的全部。

+------------+---------------+----------+
| 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% |
+---------------------------------------+

圆抚摸着渐变

渐变选项和色标

最后结果


尼斯解决方案拉菲!您还可以通过转到“色板”>“控制”图标>“打开色板库”>“渐变”>“光谱”,然后从要加载的集合中选择““光谱””来跳过输入这些表值。
saskiel

-1

我没有Illustrator,但这是我可以在GIMP中执行的常规技术。相同的技术应适用于Illustrator:

  1. 从黑色背景开始
  2. 在渐变编辑器中,创建一个包含三个相等大小的线段的自定义渐变。前三分之一是纯色前景色,后三分之一是从前景色到背景色的线性渐变,后三分之一是纯色背景色(请参见下面的附录以了解外观)。
  3. 选择渐变工具
  4. 选择锥形(对称)渐变
  5. 选择添加混合模式
  6. 在三个方向(0度,120度,240度)上用三个不同的前景色(例如,#ff0000,#00ff00,#0000ff)绘制三个渐变为黑色背景色。

结果

在此处输入图片说明

另外,当您反转所有颜色和渐变,然后使用“乘以”混合模式时,您将获得与“加法”完全相同的结果:

  1. 从白色背景开始
  2. 像在“添加”模式中一样创建渐变,但是交换前景色和背景色。创建一个由三个相等大小的线段组成的自定义渐变。前三分之一是纯背景颜色,后三分之一是从背景到前景色的线性渐变,后三分之一是纯背景颜色(有关外观,请参见下面的附录2)。
  3. 选择渐变工具
  4. 选择锥形(对称)渐变
  5. 选择乘法混合模式
  6. 在三个方向(0度,120度,240度)上用三个不同的前景色(例如,#00ffff,#ff00ff,#ffff00)绘制三个渐变为白色背景色。

结果

在此处输入图片说明

为什么这样做?

如果在色轮周围使用颜色选择器,您会注意到的一件事是,在色轮中移动选择器时RGB颜色如何变化。首先,您从纯红色开始(#ff0000),然后旋转,您会注意到绿色线性增加直到变成黄色(#ffff00),然后进一步旋转,红色线性减少直到变成纯绿色(#00ff00) 。从这里开始,绿色和蓝色发生相同的情况,蓝色线性增加直到青色(#00ffff),然后绿色线性减少直到剩下纯蓝色(#0000ff)。然后再次使用蓝色和红色,红色线性增加直到洋红色(#ff00ff),然后蓝色线性减少直到我们回到纯红色(#ff0000)。

本质上,我们使用圆锥形渐变创建的内容是原色(红色,绿色,蓝色)添加到黑色(#000000)背景上:

在此处输入图片说明

“添加”混合模式在数学上将颜色添加到其下面的图层(或在使用渐变工具的情况下,将颜色添加到现有图像)。这意味着,如果其下面的图层的颜色为#112233,而您要“添加”的颜色为#010203,则新颜色将为#112233 +#010203 =#122436。

将三个圆锥形渐变相加到黑色背景中,我们得到了我们期望的色轮。

尽管“加法”技术通过在黑色(#000000)画布上添加颜色来工作,就像制作粘土雕像一样。乘法技术的工作原理是像雕刻家一样从白色(#ffffff)中剔除不需要的颜色(反色)。它们都通过非常不同的方式产生完全相同的结果。

附录

这是“渐变”编辑器在“加法”技术中的外观:

在此处输入图片说明

附录二

这是逆和乘技术中渐变编辑器的外观:

在此处输入图片说明


(a)问题是关于Illustrator,它是与GIMP完全不同的程序。还有(b)…什么?为什么不突出选择预定义的“全饱和光谱”梯度并在其中使用圆锥形梯度?
wchargin '16

1
@wchargin:因为我想解释色轮的工作原理。是的,我可以使用完整的饱和度光谱来完成GIMP中的常规色轮,但是如果您要使用非标准的基色来复制效果,那么使用预定义的“完整饱和度光谱”将无济于事那。无论如何,我都不知道Illustrator中是否有等效于“全色谱”的预定义渐变。我描述的技术几乎可以在所有非基本图像编辑程序上使用。
Lie Ryan

2
但这是您的问题-Illustrator不是图像编辑程序。
wchargin '16

1
@wchargin:Illustrator具有渐变,图层和图层混合模式。这些足以在此处应用一般思想。
Lie Ryan
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.