撰写了文章发布于 2019-06-17 21:59:13

如何开始制作像素画#2——像素块素描法

翻译自《蔚蓝》游戏美术Pedro Medeiros专栏

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

本教程使用Aseprite软件进行讲解，可至官网下载试用版（不支持保存）学习。

本文是《如何开始制作像素画》系列教程的第二课。在本节课中，我将教授一种类似于传统绘画方法的像素画制作技巧。因为该技巧是通过先画出相同颜色的大像素块来堆积出图案的基本造型，然后对他们进行细化处理，直到满意为止，所以我通常称这种技巧为像素块素描法（Cluster Sketching）。

1.什么是像素块（Cluster）

一些高亮显示的像素块

像素块（Cluster），是一组颜色完全相同的连续像素。对角线连接的像素算不算是像素块还存在一定的争议，我认为算，我将其称为弱连接。在制作像素画时，我的关注点是尽可能地使所用的像素块尽可能地少，并且尽可能避免使用只有一个像素的像素块。这些单个像素的像素块也被称为孤立像素，它们通常会导致图像看起来嘈杂和混乱。

识别并将孤立像素更改为小像素块

有时候你需要移除孤立的像素，有时候你需要孤立的像素来保留细节。对于需要移除孤立像素的图像，我喜欢用一些固定的形状来代替，如上图中饼干一开始有许多孤立像素，将它们改成下面的绿色形状后，看起来就顺眼多了。但在需要保留细节的情况下我们可以使用孤立像素，如纹理、抗锯齿（以后介绍）以及强细节（下图中头骨的红眼）等。

孤立像素不一定只会带来坏结果

2.开始画画

我们画点东西吧！我用DB32调色板在100X64像素的大画布上制作了一个小场景。对于这个练习，强烈推荐使用手写板进行，因为自然的笔触更加适合像素块素描法这个技巧。

如果你觉得这个场景对你来说太复杂了，你可以随意地去掉一些东西，比如建筑物或者人，来缓和一下。尝试新技术时，一定要画一些舒服的东西。如果你觉得画布太小或太大，你也可以稍微改变尺寸，但现在不应该小于64像素或大于128像素。以下是分解过程：

第一步：大像素块

在上节课的实例中，我们先画出草图的线条，然后用颜色填充线条内部。这次我们将直接使用颜色绘制出自己想要的图像的大致图形，不要添加细节。

这项技巧的原则是先选择颜色绘制出大色块来堆积出基本的图像形状，然后慢慢补充细节。如何绘制大色块呢？主要有两种方法，第一种是使用大像素的画笔直接绘制大色块，这是少数可以使用2甚至3像素大小的画笔工具的情况之一（要增加和减小画笔大小，请使用“+”和“-”键）。另一种方法是画出你想要的大色块的轮廓，然后用油漆桶工具填充它（G键是快捷键）。

第二步：完善

在上面的例子里，你可以看到，我从远处的天空和山脉开始绘制，然后添加建筑，最后绘制细节轮廓。这是一种常见的绘画技术，它也适用于像素画。这个技巧的思路是先把你的大致基础轮廓搭好，然后在上面布置其他的物件，这样就能更容易选择其他物体的颜色和比例。

这个技巧和图层画法十分契合，比如我们将天空，山脉建立在最底下的图层，在上面的图层画建筑物，在最上面的图层绘制人物，这样可以方便对给每一个事物进行修改。在Aseprite中要创建一个图层，可以右键单击屏幕底部时间线中的“Layer1”，然后选择“New Layer”，如上图所示。你可以有任意多的图层，但我总是尽量少用图层，否则事情会变得太复杂。

第三步：修复锯齿

什么是锯齿？锯齿是出现在像素画中的不必要的拐角，通常是在进行自然的手绘时，由于缺乏抗锯齿产生的。假设您试图修复的边界或线条是一个楼梯（如下图左侧台阶），您需要对每个台阶中的像素数心中有数。我们需要手动计算每个台阶的像素数量，并确保每个台阶中的像素数随着曲线接近水平角度而增加，随着曲线接近垂直角度而减少（如下图右侧台阶）。

识别并修复锯齿

每一个线条或像素块边界的像素数量都应该遵循某种规律。在上图的三条曲线中，您可以看到，第一条和第三条完美曲线上的像素量都会遵循某种规律上升，然后规律下降，这就是曲线的行为方式，它们通常遵循一些几何规律，以指数形式增加或减少。锯齿就是不遵循规律后出现的错误点，如曲线上的像素数突然减少或突然增加。当然，只要曲线规律合理，像素数量可以很快变多或变少，这不是问题。要解决锯齿问题，您可以修改像素，使其遵循合理的规律，正确地增加或减少。