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

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

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

HSB颜色模式

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

通过理解和调整这3个基本颜色属性可以精确控制和自定义颜色。如果你想深入了解HSB颜色模式，可以阅读Steven Bradley的这篇文章

http://vanseodesign.com/web-design/hue-saturation-and-lightness/

颜色渐变

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

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

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

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

调色板

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

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中。

调色板应用和范例

这个例子非常简单，主要依靠相邻颜色的水平渐变。在这里可以看到温暖的去饱和颜色如何与鲜艳的红黄颜色很好地搭配。我在调色板中添加了白色以增加对比度。

此示例显示了渐变如何水平和对角移动。由于色相偏移，每种颜色都可以和其他颜色和谐搭配。

随意挑选和发挥，颜色可以很和谐的搭配在一起！

此示例使用互补色和中性色。结果捕获了一种不祥的，但充满希望的感觉，完全符合我想要的心情。 为您的艺术作品挑选颜色总是需要一些良好的感觉，但这样的多功能调色板与交叉渐变使选择颜色变得更容易。

使用此方法创建调色板也非常适合游戏艺术，并确保游戏中的所有内容都具有一致的颜色。我使用这种方法为Thyrian Defenders创建了160个调色板。我们已经能够描绘出一系列令人难以置信的环境和角色，同时保持整体外观颜色和谐。其他美学选择也会发挥作用，但颜色是将所有事物联系在一起的基本要素。

完

本账号系网易新闻-网易号“各有态度”签约账号