进阶的像素艺术教程 : 直线曲线以及抖动

原标题为 Sprite Art Pixel Art Tutorials 中文版，该教程的作者为 st0ven，译者为 pixel32

教程的原始地址为 https://jobyu.gitbooks.io/sprite-art-pixel-art-tutorials-chinese/content/

Sprite Art 系列教程是一套很不错的像素画教程。内容从基础的线条到角色设计，由浅入深，非常适合像素画爱好者阅读提高。

版权声明：自由转载-非商用-非衍生-保持署名

（创意共享3.0许可证）

像素画直线和曲线

不管你是否有美术基础，如果是第一次画像素画这种独特的艺术形式，那么请保持谦卑的态度。并不是所有的绘画技巧都适用于像素画，因为像素画需要有意图的画出每一个像素点。

像素化艺术背后的核心概念之一就是精确。假如你画出的线条中有突兀的弯曲边缘，那么就意味着作品还不够精确。

直线

常用的直线有0度，90度，180度，270度，然后是斜线45度，135度，225度和315度。像素画有角度的直线好像楼梯一样，垂直方向的变化记为y，水平方向的变化记为x，那么所有的直线就可以用分子式y/x来表示。

比如45度线是1个像素接1个像素，表示为1/1；如果是2个像素接2个像素的斜线，就是1/2；垂直方向3个像素接3个像素，就是3/1。

曲线

曲线的规律在于依次递减（下图左1：4，2，1，1，1，2，3），假如没有规律就会变成下图右边的情况。

使用Photoshop椭圆形选区工具可以很方便的画出圆形或曲线。但是最好也学习一下徒手画曲线。


正确的曲有点类似波浪，始终遵循依次递减的规律。

我希望大家用肉眼就能看出下图正确曲线和错误曲线之间的区别。

圆形

圆形是比较特殊的曲线。当你画完一段曲线，复制4份就可以拼出完整的圆。

下图分别是半径1-7像素的圆。

抖动基础

回到16色，4色甚至2种颜色，颜色受限制的时代，艺术家不得不使用混合两个颜色的方法，以“伪造”不同的颜色。因为在一个像素点（x，y）位置不能存在两种颜色，所以使用交替颜色的图案来产生这种效果。由于像素点非常小，人的眼睛将融合彼此相邻的两个像素点颜色。使用交替颜色产生额外颜色的技巧称为“ 抖动 ”。让我们来看一些抖动的最基本和常用的模式，并尝试创建一个完整的渐变。

让我们选择在亮度值上有很大差异的两种颜色。为了这个演示，我们将把这个32x32像素的区域分成两半。下面的图片中左右分别为不同的颜色。接下来要做的事情就是不增加颜色数量，使这两种颜色可以平滑过渡。


沿着中分线，依次画出类似国际象棋棋盘的网格图案。这种交叉的像素图案就是最基础的抖动技术。通过它，原本格格不入的两种颜色，现在已经通过中间的灰调子融合到了一起。而且没有增加哪怕1个颜色。

抖动图案多样性

那么是否画出更多的图案就可以获得更多的灰调子？答案使肯定的。改变图案，就可以获得不同的灰调子。

用新的像素排列方式继续向左右两边扩散，就得到了2种新的灰调子。

author님이 먼저 게시:

需要注意的是：抖动图案务必保持规律性，不然会变成破坏画面效果的杂点。

练习

观察下面这张有交叉横线的图，思考如何添加抖动？


抖动实际上就是一种双色网格图案。所以大多数时候可以通过添加网格的方式来实现抖动。添加蓝色的垂直线切割水平的交叉线。


就可以方便的获得抖动图案了！

[耐摔王圣地亚哥]

好厉害

[Shizzy]

[Ватник]

Молодец

[大爱仙尊]

好人一生平安