怎么画像素

手把手教你画像素
本文是《手把手教你画像素》系列文章的第一篇，转自灯塔实验室的知乎专栏，原文
我想我应该写篇小教程来告诉你怎么画一个属于你的1616的精灵(sprite)。可以日后把它用作你的网站或者游戏的图标。已经有了很多种画像素画的方法，所以这也只是其中的一种。不过这篇教程并不能教你怎么想出一个好的构思，sorry。另外，我将不会讨论如何使用作图程序的细节问题，所以你应该对你要用的软件有个大致了解。
启动你心爱的画图程序（我用的是GraFX2，可能你会用PS，GIMP或者其他什么），然后创建一个1616的像素文档。好了吗？接下来就照着本教程一步步来画一只像素青蛙吧！
（译注：本文可以作为一起来画像素画吧！中提到概念的具体应用范例。）
第一步——轮廓
你要做啥：选择黑色，然后在边框里画。虽然1616只给了你非常小的空间，但是这能够给你上关于像素画的第一课：让每一个像素都发挥作用。
注意：你所画的图形在这一步一定要清楚、易于辨认。如果你一开始就画了一坨，后面就算是神仙也补救不了。
（译注：读者可以回忆一下抗锯齿，噪点的有关知识。）
第二步——基本的颜色
你要做啥：在轮廓内添加基本颜色，不要加任何阴影。
注意：确保基本颜色互相间不冲突，且够鲜艳够生动。这个阶段完成后，图像应该比上一个更加清楚、生动，而不应该有所退步。
（译注：试着把注意事项里的内容和调色盘相关知识联系起来。）
第三步——阴影
你要做啥：根据上一步里你用的基本颜色，为每一种都选取对应的但是稍微暗一点的颜色。然后把这些稍微暗的颜色根据需要添加到图画里。本教程里为了方便起见，想象我们的光源在正上方。
注意：要经常停笔来检查一下你刚刚画好的东西。如果加完阴影之后发现基本颜色太深了，你应该毫不犹豫地对基本颜色进行修改。
（译注：抖动，枕式阴影，以及颜色相关等等）
第四步——轮廓线的颜色
你要做啥：根据你的需要在基本的黑轮廓线上添加颜色。一般来说，轮廓线的颜色总要比里面的颜色深一些。
注意：有一个小技巧是，你可以把轮廓颜色用作阴影部分。仔细看一下青蛙的眼睛。上半部分的颜色比较鲜艳，但是下面的就很深。
（译注：残缺的轮廓线，色彩梯度等）
第五步——Enjoy！（或者去炫耀吧！）
希望你的像精灵看起来就像个小玩意。如果看起来不是很理想，你应该试着找找问题出在哪里。可能是因为你想一步到位，所以在这么个小空间里加了太多的细节。注意你应该总是想着怎么用最简单的图形来让整个作品看起来有立体感。也许你会觉得很沮丧，因为虽然你返工了很多次，但是效果却越来越不如人意。在这种时候你要做的就是休息一下，欣赏一下大神们画的像素图，直到你感觉可以重新开工。一旦你入门了，你就可以开始真正地欣赏别人作品里的优点。下面还有些用上述方

首先来一张成品图，就是这个样子的

好的，正式开始……

建完后点确定就是这样的

就以下面这张爱心图为例，这是我随手用电脑自带的画图工具制作的
对于这种对称图形，擦除和填充的时候要注意对称。

这样一副像素画就完成了，可以在格子纸上对照进行涂色。

下面是我涂的几张像素画，因为我没有水彩笔和马克笔，所以用了彩铅上色，其实用水彩或马克上色会更鲜艳更漂亮一点。

画的时候先用铅笔把需要涂色的格子标出来，再画出格子的轮廓，然后上色就可以了。

下面是几张ps过的像素图，有兴趣的可以在格子纸上画一下啦。
写在最后：

像素图应该是一代人的童年回忆了。

当然现在的清晰度都已经非常高了，但是再看到这样有斑驳棱角的是不是也别有风味呢。。。

像素其实是由很多个点组成。我们这里说的“像素画”并不是和矢量图对应的点阵式图像，而是指的一种图标风格的图像，此风格图像强调清晰的轮廓、明快的色彩，同时像素图的造型往往比较卡通，因此得到很多朋友的喜爱。
像素图的制作方法几乎不用混叠方法来绘制光滑的线条，所以常常采用gif格式，而且也经常以动态形式出现但由于其特殊的制作过程，如果随意改变的大小，风格就难以保证了。
像素画的应用范围相当广泛，从小时候玩的FC家用红白机的画面直到今天的GBA手掌机；从黑白的手机直到今天全彩的掌上电脑；即使我们日以面对的电脑中也无处不充斥着各类软件的像素图标。如今像素画更是成为了一门艺术，深深的震撼着你我。

---