撰写了文章发布于 2019-06-16 22:57:34

如何开始制作像素画#1

翻译自独立游戏《蔚蓝》（Celeste）游戏美术Pedro Medeiros专栏

原文地址：https://medium.com/pixel-grimoire/how-to-start-making-pixel-art-2d1e31a5ceab

这是一门面向像素画新手设计的，关于如何开始制作像素画的入门小教程。因此，在这个教程里只介绍如何创建文件，设置画布大小，以及使用颜色限制等基本知识，不涉及太多高级内容。

这门教程由Patreon赞助，如果您喜欢这门教程，可以考虑在Patreon上对其进行打赏。

本文是这个系列教程的第一部分，阅读整个系列教程请点击Pixel Grimoire。

0.开始教程之前

在开始学习如何制作像素画之前，请记住：像素画只是另一种艺术媒介，如挂图、油画、铅笔、雕塑或其近亲马赛克。要制作出好的像素画，您需要拥有一定的美术功底。这意味着你要研究解剖、透视、光影、色彩理论甚至艺术史，因为这些都是制作好的像素画的必要条件。

1.工具

您不需要任何花哨的工具便可以制作像素画，即使手头上只有一个功能正常的鼠标和免费软件，您也可以做出很好的像素画。我的像素画工具包括一个小的Wacom手写屏，一个鼠标和一个键盘。我最喜欢的像素画软件是Aseprite，您也可以使用任何喜欢的其他像素画制作软件。

以下是常见的像素画制作软件列表：

Aseprite：优秀的专业像素画制作软件，具有许多省时功能（付费）
graphicsgale：经典的像素画制作软件，许多游戏使用。复杂，功能丰富（免费）
Piskel：免费在线像素画编辑器，功能足够用，只要有网络就可以使用（免费）
photoshop：功能强大的图像编辑器，比较复杂，不仅仅用于制作像素画（付费）

Aseprite

Aseprite是我最喜欢的像素画制作软件。它功能强大，使用简单。我选择Aseprite作为本教程的软件，但我很确定您可以将它与您使用的任何其他软件相适应。这是款收费软件，您也可以得到免费试用版，但请记住，免费版本无法使用高级保存功能，但只是拿来练习已经足够使用了。

2.新建文件

只需单击主屏幕最上一栏的 “File > New” 就会弹出新建文件对话框，点击OK，我们就可以创建一个新文件。默认的新文件图像大小为16x16像素，可能看起来有点小，但我认为这是一个好的起点。更大的分辨率将会分散初学者刚开始最应该关注的事情：理解相邻像素间的交互作用。

Aseprite新建文件对话框

新建文件对话框包括大小、颜色模式、背景颜色和高级选项四个部分内容。默认的颜色模式为RGBA，这是目前最简单和最直观的颜色模式。一些像素艺术家喜欢使用索引调色板，它允许使用一些非常酷的颜色技巧，但也有一些缺点。背景有透明、白色和黑色三种可选，初学者只需确保高级选项未被选中即可。

3.开始创作

新建完文件后，你会看到这个软件有很多工具栏和菜单，但别担心，初学者现在只需要几个按钮。主要的工具是铅笔，单击按钮，或按快捷键B选中它，使其始终保持1像素的宽度，然后单击屏幕以放置所选颜色的像素。

Aseprite工作界面

在左侧，您可以看到调色板，其中有一些默认颜色。让我们把它们换成另一个更简单的集合。点击调色板（Pressets）顶部的第三个图标，然后选择arq4（Endesga制作的一个非常好的调色板），这是您将用于第一个Aseprite的调色板。现在，只使用左上角的4种颜色，试着画一个杯子。您可以模仿上面的例子，也可以自由创作。如果您画错了，按Alt+在一个空白区域或在你的图形外面单击选择透明的颜色，然后，你可以用它来删除像素。或者，您可以单击橡皮擦工具或按E选择它，用来删除错误的像素。

您可能会注意到，在如此低的像素下工作与常规绘图是非常不同的。每样东西都需要计算，您放置的每一个像素都是你需要做的一个大选择。这就是您需要习惯的事情。您还可以尝试使用工具栏中的其他按钮。值得注意的是，有些按钮在按下时会打开更多的选项。

接下来，让我们画更多的图形！试着画一个头骨，一把剑和一张人脸。这次没有我的像素画作参考。如果你觉得16x16的画布无法画这么复杂的图形，那是完全正常的，尝试将一些东西抽象为一个像素，然后再试一次。用这么低的像素工作是非常困难的，有时感觉像在解迷题。有兴趣的话，可以看看我写的另一篇关于使用低像素绘画的文章：[link]

如果您愿意，可以看看我画的这三个图形[skull, sword and human face]，请确保在看它们（头骨、剑和人脸）之前完成你的版本。这对于初学者来说是一个很好的练习，如果你想继续练习，试着在这些限制条件下画更多的图画。

4.保存你的文件

要保存文件，请按Control+S（或转到“File>Save As…”），选择文件名和位置，然后单击“保存”。别忘了在试用版中，禁用了高级保存！

输出对话框

您将看到Aseprite可以以各种格式保存，就像在photoshop中一样，你会保存一个.psd文件，我始终建议您保留所生成的每个文件的.ase版本，以便之后进行修改。当为网络或游戏导出时，可以使用control+alt+shif+s或file>export。Aseprite在导出窗口中具有非常好的调整大小功能。按整数缩放您的图像时才能保证缩放完美。例如，如果你重新缩放你的sprite 107%，它会在任何地方破坏像素，但是如果按照200%缩放它，每个像素现在将是2像素宽和高，所以它会看起来漂亮和锐利。

为什么不应该非整数倍地缩放像素画

5.一个更大的画布

现在您已经掌握了一些基础知识，比如创建一个新文件，在新文件上绘画创作并保存导出。让我们尝试在稍大的画布32 x 32像素上绘制，我们现在也将使用更大的调色板，试试AAP-Micro12。这一次我们要画一把铲子。与16x16的画布不同，这次我们还要上色、增加光影效果和调整边缘，以下是我的流程分解：

步骤1：线条

步骤1

下图这种线条样式我们称之为像素完美线条，它只有1像素宽，并且与其他像素呈对角线连接。当画出这样的线时，我们会避免无意的边缘，如：

完美像素线条

Aseprite在画笔设置上也有一个非常好的功能，可以几乎自动地做到这一点：选中画笔工具后，单击PixelPerfect复选框即可自动修正线条。

Aseprite像素完美线条算法

步骤2：基本颜色

步骤2

提供的调色板只有较少的颜色可供选择，这样做的好处是你不会被太多的选择淹没。对于初学者来说，当有很多颜色可以选择时，选择颜色反而要困难得多，如果你的调色板中有一种颜色，就没有理由不使用它了。

步骤3：光影

步骤3

用你的调色板以创造性的方式制造光和影。默认情况下，你使用的是一个非常有限的调色板，你不会有不同亮度的所有色调，所以你必须即兴发挥。在下图中，我使用的调色板与您使用的相同，即aap-mini12。当我画这个绿色的家伙时，我没有任何浅绿色，所以我用了最接近的色调，也就是黄色。同样的事情发生在阴影里，我选择蓝色是因为它是最接近黑暗的。但如果我选择其他颜色呢？

常见色调