作者：Derek

编译 | 三二 （转载请注明出处）

关注公众号：教你画像素画

微信号：pixelfish

微博：教你画像素画2014

这个教程最早写于2007年，通过学习这个教程，你将学会如何设计并画出一个游戏角色。画像素画是我学到的一项技能，因为游戏需要图形。经过大量的练习，我画的越来越顺手。现在，像素画在游戏开发和演示中非常流行。

 

1、工具

像素画的一个好处是不需要花哨的工具——电脑内置的画图可能就已经足够好了！也有专门为像素画设计的程序，比如Pro Motion，或者为Mac用户设计的Pixen。在本教程中，我使用photoshop，它的许多功能对像素画非常有用。

 

使用photoshop画像素画，主要使用铅笔工具（快捷方式“b”），它是画笔工具的替代品。铅笔可以为单个像素着色。

另外还有两个工具可以使用，分别是选区工具（快捷方式“m”）和魔棒（快捷方式“w”），用于选择、拖动、复制和粘贴。记住，在进行选择时按住“shift”或“alt”，可以从当前选择中添加或减去选区。在选择不规则形状的时候，这很有用。

 

还可以使用吸管（快捷方式“i”）获取颜色。

 

最后，确保你学习了快捷键，它们可以节省很多时间。比如“X”，它可以切换前景色和背景色。

2、线条

像素本质上是一小块颜色。你需要学习的第一件事是如何有效地使用这些方块来创建你想要的任何形状。我们将讨论直线和曲线这两种最基本的类型。

 

直线

 

我知道你在想什么——这似乎太容易了，不值得费心！但是对于像素，即使是直线也会有问题。我们要避免的是“锯齿状”——小裂缝会使线条看起来不均匀。当线条的一部分大于或小于周围的部分时，锯齿Jaggy就会出现。

曲线

对于曲率，确保整个过程中的下降或倾斜都是一致的。在下一个示例中，干净的曲线变为6>3>2>1，而带有锯齿Jaggy的曲线变为3>1<3。任何人都可以轻松的看出不舒服的那条线。

结论

能够自由的画出任何像素线条对像素画至关重要。

3、概念和想法

在画像素画之前，你首先需要的是一个好主意！试着形象化你想要的创作的主题，无论是在脑海中还是在纸上。

 

需要考虑的事情

 

1、像素画作品的用途是什么？这是一个网站，还是一个游戏？以后要制作动画吗？如果这个角色稍后需要做动画，你可能会想让它更小更详细。相反，你可以将尽可能多的细节打包到一个静态角色中。好好想想作品有什么用，怎样处理才是最好的。

 

2、作品受到哪些限制？其中一个原因是，调色板可能会受到硬件（现在不太可能）或一致性的限制。或者如果你正在模仿一个特定的风格（C64，NES等），也要考虑角色的尺寸以及它如何适应周围的环境。

 

想清楚之后，画出草图👇

 

4、轮廓线

草图完成以后，需要转画为像素画。如果角色尺寸较小，可以直接画像素画版本；如果角色尺寸较大，则需要先画出粗略的轮廓线，然后再清理。

 

 

第一步：粗略轮廓

用你的压感笔或鼠标，画一个粗略的轮廓。不过，要确保它不太粗糙——它或多或少应该接近你想要的最终产品。

第二步：清理轮廓线

首先，将缩放比例调到600%或800%左右，这样我们就能清楚地看到每个像素。然后清理像素！需要去掉杂乱的像素（轮廓线在整个过程中应该都是一像素线条），消除任何锯齿。

即使是超大型角色也不会超过200X200像素，现在只需要关注大的肌肉结构，细节会在后面添加。

5、颜色

轮廓线画好后，填色就简单了。然而，挑选颜色可能有点困难，颜色理论是一个超出本教程范围的主题。这里有一些基本概念还是值得了解。

 

HSB颜色模型

HSB代表hue色调，saturation饱和度和brightness亮度。它是计算机颜色模型之一。其他的例子是RGB和CMYK，你可能听说过。大多数绘画软件都使用HSB进行颜色选择，因此我们将其分解：

 

色调：你所理解的“颜色”是什么。比如“红”、“橙”、“蓝”等等。

饱和度：颜色的强度。100%饱和度是最亮的颜色，随着饱和度的降低，颜色将变为灰色。

亮度：颜色的亮度。黑色的亮度为0。

 

选择颜色

 

选择什么颜色最终取决于你自己，有几点需要记住：

1、不饱和和较暗的颜色往往看起来很“土”，缺乏卡通感。

2、想想色轮——两种颜色之间的距离越远，它们之间的对比就越强（越难搭配）。相反，像红色和橙色这样彼此靠近的颜色搭配起来会很好看（邻近色搭配最简单）。

3、颜色越多，角色看起来就越容易分散注意力。要让角色与众不同，只需使用2-3种主要颜色。（想想马里奥的配色！）

 

填色

 

在photoshop中，用魔棒选择需要填充的区域（快捷方式“w”），然后按“alt-f”（主颜色）或“ctrl-f”（辅助颜色）进行填充。

6、明暗

明暗对于塑造角色非常重要。

 

第1步：设置光源

在大多数情况下，设置一个遥远的光源（如太阳）是一个好主意。

 

我通常将光源设置在角色上方的某个地方，稍微靠前一点，这样角色会被很好地照亮。这种光源对于角色来说是最自然的。

第2步：明暗上色

设置好光源，就可以用较暗的颜色在暗部区域上色。

 

明暗可以暗示凹凸。把一张白纸揉成一个球，然后再展开放在桌子上——你如何知道它不再是平的？因为你能看到褶皱周围的细小阴影。使用阴影来暗示衣服的褶皱，并定义肌肉、头发、毛皮、裂缝等等。

第3步：过渡阴影

增加一个颜色来画出过渡，它应该比暗部的颜色亮，但比亮部的颜色深。

第4步：高光

被光源垂直照射的地方是高光。高光应该适度使用，因为它们会分散注意力。

 

画完暗部以后再画高光，如果没有暗部，高光区域会画的太大。

明暗上色一些原则：

1、不要使用渐变；

2、在了解结构的基础上画明暗；

3、不要使用太多暗部颜色；

4、不要使用太相似的颜色，会使角色变模糊。

 

7、抖动

一种不增加颜色就能获得更多色调的方法是使用称为“抖动”的技术。取两种颜色并将它们交错，以产生新色调。

 

下面是使用2种颜色通过抖动创建4种不同色调的简单示例：

 

高级示例

比较顶部图片（使用photoshop渐变工具制作）和底部图片（使用抖动只用了3种颜色）。注意用于创建中间色调的不同图案。尝试尝试使用不同的模式来创建新的纹理。

 

抖动可以给你的角色很好的复古感觉，因为很多旧的电子游戏非常依赖抖动来充分利用有限的调色板。我很少使用的东西，但为了学习，我画了下面的图。你可以随意使用抖动。老实说，这是一种我只见过少数人用得很好的技巧。

8、选择性勾边

选择性勾边，或称为“selout”。我们不需要一直使用黑色来画轮廓线，而是应用一种更接近角色本身的颜色。另外，我们让光源决定轮廓线的颜色。

 

到目前为止，我们一直保持黑色轮廓。这没什么不对的，真的，因为它看起来很好，而且它使角色和周围环境很好的分开。selout可以使角色看起来更真实，而黑色轮廓线卡通感更强。

与黑色轮廓线版本对比

9、AA手工抗锯齿

AA简单的说，就是在像素线连接处添加中间颜色以平滑它们。例如，如果在白色背景上有一条黑色的线，那么将在线的边缘添加灰色像素以使其平滑。

 

技术1：平滑曲线

 

AA可以使线条看起来更顺滑，代价是少许的模糊感。

 

还可以模拟线条变细效果

将AA应用到角色上

10、继续完善

最后一步是业余爱好者和专业人士的区别。退后一步，好好看看你的角色。花点时间去完善它，确保一切都是完美的。不管你有多累，这实际上是最有趣的部分。添加一些细节，使角色更有趣。你在像素画方面的技能和经验将在这里得到展示。

你可能一直在想，为什么角色的眼睛一直看不见，为什么他拿着的纸是空白的。嗯，因为这些都是小细节，我想保存到最后。还要注意我给他的臂章加上的装饰，给他的裤子加上的缝线，还有……我还把他的下半身变暗，这样左手就可以更突出。

 

终于完成了！现在可以喝啤酒放松一下。

最后的话

 

1、学习画画和手绘。所有画画的技能和知识也可以用于像素画。

2、从小尺寸的作品开始画像素画。最困难的是如何将大量细节塞进几个像素，而不是制作巨大的角色（这只需要时间）。

3、学习那些你钦佩的艺术家，不要害怕模仿。借鉴和模仿是最好的学习方法。找到自己的风格需要时间。

4、如果你没有手绘板，就买一个。我正在使用一个小型的Wacom手绘板——非常小而且便携性强。

5、分享作品并获得反馈。谁知道呢，你可能会遇到一些新朋友！

 

说的够多了-让我们画像素画吧！

完。

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