第二课：像素画形状

1、形状与造型基础

所有画画都是造型艺术，造型就意味着画家需要在平面上骗过大脑，营造出立体感。

像素画也一样。

你首先需要画准确形状。

1.1、什么是像素画形状

相同颜色的像素组合在一起就是形状。

如果你玩过俄罗斯方块，就会比较好理解像素形状，相同颜色的 俄罗斯方块组合在一起，变成各种形状。

小知识：

绘画语言中的点、线、面，是可以互相转化的。

1个像素，缩小看是【点】；放大看是正方形【面】；很多个1像素连接起来是【线】。

1个人，离你很远看是【点】；走到你眼前是【面】；离你很远有很多人排队是【线】。

形状重要的原因，是因为人类通过形状来识别。

你看到的任何东西都是物体在视网膜上的2D投影，画画就是画出这个2D投影。

像素画则是进一步简化和概括这个2D投影，使用最少的像素和最少的颜色。

1.2、从简单的形状开始练习

越复杂的像素画，形状就越多。

为了降低学习难度，持续获得正反馈，你可以从简单的形状开始练习。

最基础的形式正方形和圆形，其他所有形状都从正方形和圆形派生。

最简单的几何形体则是正方体和球体，所以传统绘画最开始练立方体，然后练球体。

像素画也遵循这个规律。

从最早的 8bit 游戏（尺寸和颜色严重受限）超级马里奥，到后期几乎不受性能限制的 GBA 马里奥。

去掉 GBA 马里奥的明暗，减少颜色，你可以发现它和 8bit 马里奥的共通之处吗？

GBA马里奥的形状更加细腻圆滑，暗示出更多的细节，能看到大拇指。腿和鞋子的细节也更多了（通过增加明暗和颜色来实现）。同时头部变大，卡通和Q版的感觉更加强烈。

形状是像素画的根基，也是普通爱好者判断你是否抄袭的根据。

形状是有独创性和"版权"的，而明暗和颜色没有。举个例子，eboy多年深耕ios像素画这个风格，几乎画遍了所有东西，当你要创作iso像素画的时候就需要注意形状不能和eboy相似，否则即使你从来没有看过eboy的作品，其他人也会怀疑你抄袭了eboy。

作者：eboy

这就是第一个画出像素画形状的占位优势。

绘画的基本 3 要素就是 ：

1、形状；

2、明暗；

3、颜色。（明暗和颜色可以互相转化）

2、像素画自我设限原则

像素画诞生于早期计算机性能有限的时代。当时的设计师和游戏美术，使用像素画和各种技巧，为计算机用户和游戏玩家提供尽可能优美的马赛克画面。

像素画的这种自我设限的原则延续至今。

2.1、原则一：使用尽可能少的像素

怎么简单的理解"使用尽可能少的像素"？

像素画由方块组成，方块越少，一张像素画占用的面积就越少，对计算机性能的要求就越低。因此同样画一根线，用的方块越少，在视觉效果相似的前提下，这张像素画就越好。

具体例子见下图 👇

❌：使用的像素方块很多，同时有在视觉上很明显的边边角角。

➡️：红色像素点是要删除的像素方块（需要像素画家手工处理）。

✅：删除多余像素方块之后的线条。效果和❌相似，但是使用的像素方块更少，因此✅是理想且完美的像素画线条。

手工清理线条

因此和传统画画相比，画完像素画线稿之后还需要手工清理线条。

就是因为这个原因，我一般建议 0 基础的像素画新手不要画线稿，而是直接画形状。首先是因为画形状比画线简单的多，其次画像素画修改更方便。

使用绘画软件的铅笔工具，画出的像素画线条一般都会带有多余的像素。画完以后，就需要清理多余的像素（遵循像素画原则1：使用尽可能少的像素）。

然后你还需要根据实际情况，对线条组成的形状进行微调，这样就不如一开始就画形状来的省事和节省时间啊。

Aseprite：完美线条

像素画专业画图软件 Aseprite 提供了完美像素（pixel-perfect）功能，选中铅笔工具以后，勾选完美像素就可以启用，这样每次用铅笔画出来的线条就变成了完美像素。

勾选完美像素之后，画出来的线条直接就是完美的。

当像素画有多余的像素时（多余的意思是，去掉这个像素不影响画面效果），就会更加明显的感觉到别扭。

虽然像素画都是方块，但是人的眼睛就是喜欢曲线。所以完美线条也是在尽可能的使像素画线条看起来不那么直和带棱角。

2.2、原则二：使用尽可能少的颜色

怎么简单的理解"使用尽可能少的颜色"？

现在的智能手机和平板电脑，性能都比以前的计算机还要好。画像素画完全可以不考虑颜色的限制，画家想要多少颜色就用多少颜色。

这当然是可以的，因为创作自由。

经典像素画自我设限原则，在有限制的条件下创作像素画更加经典和优秀。

尺寸小的像素画更精致和耐看，你可以看清楚每一个细节的像素方块。

3、减少颜色的方法

减少颜色有 2 种方法，分别是自动减少颜色和手工减少颜色。

这两种方法分别对应 2 种像素画创作思路。本质上，只要最终遵循像素画自我设限原则，不管用什么方法都是可以的。

3.1、自动减少颜色

需要使用Adobe Photoshop，使用转存为web格式来减少图片的颜色，可以实时预览颜色减少后图片的效果。

image2Pixel 使用image2pixel减少颜色，可以实时看到颜色减少后的图片效果。还可以替换不同的像素画颜色板。

3.2、手工减少颜色

像素画家会用几个颜色开始起稿，精确控制每一张像素画使用的颜色数量。

4、像素画形状练习

4.1、icon 练习

icon 是非常好的像素画单个形状练习主题。

主要检查点：

1. 是否以最少的像素点，还原了 icon 的形状？
2. 所有的 icon 尺寸是否统一？
3. 圆是不是足够圆？
4. 想表现的细节是否都画出来了？

作者：小雨咚咚腰(优秀学员)

4.2、logo 练习

logo 是有颜色的单个形状或复杂形状。像素画新手可以先从简单的 logo 开始练习，慢慢过渡到复杂的 logo。

作者：像素熊老师

星巴克咖啡 logo 属于复杂形状。

作者：像素熊老师

4.3、卡通角色练习

卡通角色比 logo 更加复杂，涉及的形状和颜色会更多。

你应该尽量选择线条和色块清楚的卡通角色作为像素画练习主题。

作者：伊文(优秀学员)

4.4、原画或照片练习

原画或照片是比卡通难度更大的主题。原画和照片有大量的细节，在转画成像素画后，需要进行简化和取舍。

作者：MIR(优秀学员)

4.5、缩小练习

把喜欢的像素画作品缩小。

缩小后的像素画会因为崩溃打乱失去秩序，你可以恢复像素的秩序（遵循像素画规则 1）形成新的作品。

缩小大佬的作品，导致秩序崩溃，需要重新调整。

当然也可以不缩小，直接重新画成极简像素画，把原图作为参考素材。

极限缩小

5、作业

完成像素画形状练习，根据自己目前的水平选择其中一个练习。

完成以后将作品发到社群中，老师会点评或批改。