像素画高级教程：像素画调色板指南

作者：Slynyrd
教你画像素画编译出品
摘要：不同于随机的颜色选择，Slynyrd提供了一种建立独特调色板的方法，适合像素画创作以及商业游戏。

在像素艺术方面，一切都始于良好的调色板。创建自定义调色板是一种非常令人满意且功能强大的方式，以此建立自己独特的像素画风格。我将引导你如何建立一个调色板。首先让我们来看看一些基本的原则。

HSB颜色模式

我发现通过HSB理解和控制颜色最容易。
H色相 – 实际颜色（0 – 360）
S饱和度 – 颜色的强度或纯度（0 – 100％）
B亮度 – 混合颜色的黑色或白色的量（0 – 100％）

通过理解和调整这3个基本颜色属性可以精确控制和自定义颜色。

颜色渐变

颜色渐变是一种根据亮度排列特定的颜色范围，可以很好地协同工作。下面是一个颜色渐变的例子。

在该示例中，亮度从左向右稳定增加。随着颜色达到接近白色的水平，降低饱和度非常重要，否则最终会产生强烈刺激眼睛的颜色。此外，具有极低亮度的颜色可能变得过于丰富和沉重，并且具有高饱和度。在此示例中，饱和度在中间部分达到峰值。（中间红色的饱和度最高）

良好的色彩渐变也应该具有色相偏移，这是色调渐变中的色相过渡。在前面的示例中，随着亮度增加，色相从红色过渡到黄色。

许多初学者忽略了色相偏移，最终画出只是转换亮度和饱和度的“直线渐变”。没有法律规定你不能这样做，但是由此产生的颜色缺少质感并且很难与不同色调的渐变和谐搭配。

调色板

颜色渐变是一个调色板，但大多数调色板包含多个渐变。我喜欢创建带有大量渐变的大型调色板，然后我可以从每个绘画任务中拉出较小的调色板。

Mondo – 128种颜色

我为本教程制作了一个全新的调色板。我的目的是创造一个通用调色板，在鲜艳色彩和不饱和色彩之间取得平衡。那么，如何制作这么大的调色板呢？

首先，我决定每个渐变需要多少颜色以及多少度色相偏移。对于这个调色板，我希望每个渐变有9个颜色，每个色板之间有20度的正色相偏移。我喜欢很多色相偏移，因为它在渐变之间创造了和谐。

Photoshop中的颜色选择器面板。只需要关注和调整HSB的属性值。

我使用Photoshop，但几乎任何图形软件都应该有类似的颜色选择器面板。首先，我选择一种适合渐变的中间颜色。色相有些随意，但饱和度和亮度至关重要。我希望中间色是最有活力的，所以我将饱和度和色相设置为我喜欢的最大值。

在我选择了第一种颜色后，可以根据我想要的正20度偏移，设置其余颜色的色调。如果我想要的话，还可以改变色相偏移的方向，但正色相偏移通常会产生更自然的色彩，使颜色变得更亮更暖。

我仍然需要理清S和B的增量。与色相不同，仅仅均匀增量移动S和B不一定能产生令人满意的结果。但是我遵循一些倾向，亮度从左到右一直增加，通常永远不会从0开始，除非我想要黑色。中间周围的饱和度峰值从未完全达到100或0.目标是在每种颜色之间创建均匀的对比度。

在进行一些调整之后，这些是最终产生的颜色渐变。色调变化看起来非常强烈但是当我添加更多渐变时，颜色搭配在一起就会比较和谐。

此版本显示增量的差异。注意S和B，可以看到存在一些一致性。饱和度两端低中间高，亮度则按照明暗均匀变化。

随着第一个渐变的建立，我可以为我的调色板创建更多的渐变。我想要总共8个渐变，所以我将每个渐变的颜色移动45度，以完成围绕色轮的360度循环。我可以通过一次调整一个颜色的H值在颜色选择器中执行此操作，但在Photoshop中我可以通过复制渐变并更改整个选区的色调来节省大量时间（图像调整 – 色调/饱和度，或+ U）。

在调整了所有颜色渐变的色调之后，调色板就像这样。看起来很不错但它缺乏更中性的不饱和色。

要添加去饱和的颜色，可以复制调色板的整个中间部分，仅省略末端最暗和最亮的颜色，将其翻转并使用色相/饱和度面板去饱和。我省略了浅色和深色列，因为它们看起来与原件几乎相同。我翻转颜色因为它易于导航，看起来很酷。不饱和的颜色可以提供更自然的外观，并与灰色结合，使灰色调也能拥有鲜艳的色彩。

最后的任务实际上是将颜色添加到样本面板中。打开颜色选择器面板后，我用滴管对每种颜色进行采样，然后单击“添加到样本”按钮。我从左到右，从上到下添加它们，以便它们以正确的顺序出现在样本面板中。这是相当乏味的，但我知道只有这样才能按照我想要的特定顺序添加颜色。

将所有颜色添加到样本面板后，单击面板选项并确保保存调色板。然后，我可以随时轻松地将调色板作为.aco文件加载到样本面板中。此外，通过选择“Save Swatches for Exchange”，您可以创建一个.ase文件，该文件可以加载到其他几个Adobe程序中。将调色板的图像保存为.png文件，然后将其加载到Aseprite中。

调色板应用和范例