如何开始制作像素画#1

关注
如何开始制作像素画#1www.shan-machinery.com

翻译自独立游戏《蔚蓝》(Celeste)游戏美术Pedro Medeiros专栏

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

这是一门面向像素画新手设计的,关于如何开始制作像素画的入门小教程。因此,在这个教程里只介绍如何创建文件,设置画布大小,以及使用颜色限制等基本知识,不涉及太多高级内容。

这门教程由Patreon赞助,如果您喜欢这门教程,可以考虑在Patreon上对其进行打赏。

本文是这个系列教程的第一部分,阅读整个系列教程请点击Pixel Grimoire。

0.开始教程之前

在开始学习如何制作像素画之前,请记住:像素画只是另一种艺术媒介,如挂图、油画、铅笔、雕塑或其近亲马赛克。要制作出好的像素画,您需要拥有一定的美术功底。这意味着你要研究解剖、透视、光影、色彩理论甚至艺术史,因为这些都是制作好的像素画的必要条件。

1.工具

您不需要任何花哨的工具便可以制作像素画,即使手头上只有一个功能正常的鼠标和免费软件,您也可以做出很好的像素画。我的像素画工具包括一个小的Wacom手写屏,一个鼠标和一个键盘。我最喜欢的像素画软件是Aseprite,您也可以使用任何喜欢的其他像素画制作软件。

以下是常见的像素画制作软件列表:

Aseprite:优秀的专业像素画制作软件,具有许多省时功能(付费)graphicsgale:经典的像素画制作软件,许多游戏使用。复杂,功能丰富(免费) Piskel:免费在线像素画编辑器,功能足够用,只要有网络就可以使用(免费)photoshop:功能强大的图像编辑器,比较复杂,不仅仅用于制作像素画(付费)

Aseprite

Aseprite是我最喜欢的像素画制作软件。它功能强大,使用简单。我选择Aseprite作为本教程的软件,但我很确定您可以将它与您使用的任何其他软件相适应。这是款收费软件,您也可以得到免费试用版,但请记住,免费版本无法使用高级保存功能,但只是拿来练习已经足够使用了。

2.新建文件

只需单击主屏幕最上一栏的 “File > New” 就会弹出新建文件对话框,点击OK,我们就可以创建一个新文件。默认的新文件图像大小为16x16像素,可能看起来有点小,但我认为这是一个好的起点。更大的分辨率将会分散初学者刚开始最应该关注的事情:理解相邻像素间的交互作用。

Aseprite新建文件对话框

Aseprite新建文件对话框

新建文件对话框包括大小、颜色模式、背景颜色和高级选项四个部分内容。默认的颜色模式为RGBA,这是目前最简单和最直观的颜色模式。一些像素艺术家喜欢使用索引调色板,它允许使用一些非常酷的颜色技巧,但也有一些缺点。背景有透明、白色和黑色三种可选,初学者只需确保高级选项未被选中即可。

3.开始创作

新建完文件后,你会看到这个软件有很多工具栏和菜单,但别担心,初学者现在只需要几个按钮。主要的工具是铅笔,单击按钮,或按快捷键B选中它,使其始终保持1像素的宽度,然后单击屏幕以放置所选颜色的像素。Aseprite工作界面

Aseprite工作界面

在左侧,您可以看到调色板,其中有一些默认颜色。让我们把它们换成另一个更简单的集合。点击调色板(Pressets)顶部的第三个图标,然后选择arq4(Endesga制作的一个非常好的调色板),这是您将用于第一个Aseprite的调色板。现在,只使用左上角的4种颜色,试着画一个杯子。您可以模仿上面的例子,也可以自由创作。如果您画错了,按Alt+在一个空白区域或在你的图形外面单击选择透明的颜色,然后,你可以用它来删除像素。或者,您可以单击橡皮擦工具或按E选择它,用来删除错误的像素。 

您可能会注意到,在如此低的像素下工作与常规绘图是非常不同的。每样东西都需要计算,您放置的每一个像素都是你需要做的一个大选择。这就是您需要习惯的事情。您还可以尝试使用工具栏中的其他按钮。值得注意的是,有些按钮在按下时会打开更多的选项。

39b9fa118ae1f41ab46ed277f26d1f66.jpg

接下来,让我们画更多的图形!试着画一个头骨,一把剑和一张人脸。这次没有我的像素画作参考。如果你觉得16x16的画布无法画这么复杂的图形,那是完全正常的,尝试将一些东西抽象为一个像素,然后再试一次。用这么低的像素工作是非常困难的,有时感觉像在解迷题。有兴趣的话,可以看看我写的另一篇关于使用低像素绘画的文章:[link]

如果您愿意,可以看看我画的这三个图形[skull, sword and human face],请确保在看它们(头骨、剑和人脸)之前完成你的版本。这对于初学者来说是一个很好的练习,如果你想继续练习,试着在这些限制条件下画更多的图画。

4.保存你的文件

要保存文件,请按Control+S(或转到“File>Save As…”),选择文件名和位置,然后单击“保存”。别忘了在试用版中,禁用了高级保存!

输出对话框

输出对话框

您将看到Aseprite可以以各种格式保存,就像在photoshop中一样,你会保存一个.psd文件,我始终建议您保留所生成的每个文件的.ase版本,以便之后进行修改。当为网络或游戏导出时,可以使用control+alt+shif+s或file>export。Aseprite在导出窗口中具有非常好的调整大小功能。按整数缩放您的图像时才能保证缩放完美。例如,如果你重新缩放你的sprite 107%,它会在任何地方破坏像素,但是如果按照200%缩放它,每个像素现在将是2像素宽和高,所以它会看起来漂亮和锐利。

为什么不应该非整数倍地缩放像素画

为什么不应该非整数倍地缩放像素画

5.一个更大的画布

现在您已经掌握了一些基础知识,比如创建一个新文件,在新文件上绘画创作并保存导出。让我们尝试在稍大的画布32 x 32像素上绘制,我们现在也将使用更大的调色板,试试AAP-Micro12。这一次我们要画一把铲子。与16x16的画布不同,这次我们还要上色、增加光影效果和调整边缘,以下是我的流程分解:

步骤1:线条

步骤1

步骤1

下图这种线条样式我们称之为像素完美线条,它只有1像素宽,并且与其他像素呈对角线连接。当画出这样的线时,我们会避免无意的边缘,如:

完美像素线条

完美像素线条

Aseprite在画笔设置上也有一个非常好的功能,可以几乎自动地做到这一点:选中画笔工具后,单击PixelPerfect复选框即可自动修正线条。

Aseprite像素完美线条算法

Aseprite像素完美线条算法

步骤2:基本颜色

步骤2

步骤2

提供的调色板只有较少的颜色可供选择,这样做的好处是你不会被太多的选择淹没。对于初学者来说,当有很多颜色可以选择时,选择颜色反而要困难得多,如果你的调色板中有一种颜色,就没有理由不使用它了。

步骤3:光影

步骤3

步骤3

用你的调色板以创造性的方式制造光和影。默认情况下,你使用的是一个非常有限的调色板,你不会有不同亮度的所有色调,所以你必须即兴发挥。在下图中,我使用的调色板与您使用的相同,即aap-mini12。当我画这个绿色的家伙时,我没有任何浅绿色,所以我用了最接近的色调,也就是黄色。同样的事情发生在阴影里,我选择蓝色是因为它是最接近黑暗的。但如果我选择其他颜色呢?

常见色调

常见色调

下图这是一个很酷的效果,但显然有问题。通常你会希望冷色是你的影子,暖色是你的关键光线,否则它们看起来会很奇怪。这不是一个绝对的准则,有许多例外,但当你不确定是否可以使用时,还是遵循常见的规则会更好一点。

相反色调

相反色调

步骤4:抗锯齿和光滑化

步骤4

步骤4

当您试图让您的作品看起来没有那么“粗糙”,就需要对其进行抗锯齿和光滑化处理。手动平滑边缘是一个复杂的主题,需要一整篇文章来讨论。但基本的原则为在粗糙像素上使用中间色调来模拟“半像素”并软化边缘。作为初学者,您不必太担心这个问题,目前的主要任务是集中精力让您绘制的图形尽可能地具有可读性。

除了增加中间色调外,另一个减少图形粗糙度的好办法是搜索并减少图像中的孤立的像素。孤立像素是指不属于同一颜色的较大像素组的像素,也不属于抗锯齿的像素,如下所示:

减少孤立像素

减少孤立像素

你看到左边的1像素小岛了吗?这些是孤立像素,你可以看到,当我们将这些像素与附近的一些相同颜色的像素合并后,行星看起来会更好。

那么上图中的星星是孤立像素吗?好吧,他们是要证明孤立像素并不总是坏的,这些客观存在的,增加了背景纹理,提高背景的立体感。我们的想法不是无意识地删除孤立像素,而是通过它们来问自己:这个像素真的需要单独存在吗?

6.之后应该做什么?

掌握了Aseprite和像素画的基本操作后,现在是时候尝试更多的颜色和更大的分辨率了!但是要记住,一定要慢慢来,比如先从48X48,16种颜色等开始。如果您想做进一步的研究,这里有一些我很喜欢的其他像素艺术家制作的像素画制作指南可供您参考:

Pixel art tutorial by CurePixel art tutorial by Derek YuPixel art tutorial by Arne

此外,也可以看看我发布的一些关于像素艺术和游戏设计的其他文章和教程,您可以在这里看到它们:

My Patreon pageA compiled list of all my tutorials

请继续阅读教程的第2部分!

感谢Amora B.

https://www.shan-machinery.com