如何开始制作像素艺术#1

绝对的初学者指南

这是一篇关于如何开始制作像素艺术的小文章,面向真正起步甚至从未打开像素艺术软件的用户。 现在,我仅介绍最基本的知识,如何创建文件,设置画布大小以及使用颜色限制。

本文由Patreon支持! 如果您喜欢我在这里所做的事情,请考虑在那里支持我me

另外,这是系列文章的第1部分,请在Pixel Grimoire中阅读整个系列。

在开始之前

在跳入像素艺术之前,请记住:像素艺术只是另一种艺术媒介,例如胶粉,油画,铅笔,雕塑或其近亲表亲马赛克。 为了制作出优质的像素图,您需要能够制作出良好的图纸。 通常,这意味着要研究解剖结构,透视图,光和阴影,色彩理论甚至艺术史,因为这些都是制作优质像素艺术必不可少的。

工具类

您不需要花哨的钱就可以制作出优质的像素艺术作品,即使只使用优质的鼠标和免费软件,您也可以做得很好。 我的设置包括一个小的Wacom数位板,一个好的鼠标,一个好的键盘,而我最喜欢的软件是Aseprite ,但是您应该使用最舒适的软件。

以下是像素艺术常用软件的列表:

  • Aseprite 具有许多省时功能的出色专业编辑器(收费)
  • GraphicsGale 一种经典游戏,用于许多游戏中。 有点复杂,但是功能强大(免费)
  • Piskel 免费的在线像素艺术编辑器(免费)
  • Photoshop 强大的图像编辑器,不打算制作像素图,但您可以将其设置为使用它(付费)

磷灰石

Aseprite现在是我最喜欢的像素艺术软件。 它功能强大,功能强大,而且易于使用。 我选择Aseprite作为本教程的软件,但是我敢肯定,您可以通过最少的改动将其改编为使用的任何其他软件。 您还可以获得Aseprite的免费试用版,但请记住,它不会保存文件,我想如果您只是练习就可以了。

制作新文件

只需单击主屏幕上的“ New File… ”链接,或转到File> New File ,我们就可以开始绘制了。

让我们创建一个新文件。 16 x 16似乎有点太小,但我认为这是一个很好的起点。 较大的分辨率可能使您无法专注于现在应该关注的事情:了解像素与相邻像素之间的相互作用。

您可以将颜色模式保留为RGBA ,这是目前最简单直观的方式。 一些像素艺术家喜欢使用索引调色板,该调色板允许一些很酷的色彩技巧,但也有一些缺点。

保持背景透明白色 ,暂时不会改变太多。 只需确保未选中“高级选项”即可(以后再尝试使用它们),一切顺利!

来画吧!

那里有很多工具栏和菜单,但是不用担心,我们现在只需要几个按钮。 主要工具是Pencil ,应始终保持1像素的宽度,这将是我们将像素放置在画布上的方式。 只需单击按钮,或按B ,然后在屏幕上单击以放置所选颜色的像素。

在左侧,您可以看到带有一些默认颜色的调色板。 让我们将其更改为另一个更简单的集合。 单击调色板顶部的第三个图标( Pressets ),然后选择ARQ4 (Endesga制造的非常好的调色板),这就是您将用于第一个精灵的那个。

现在,仅使用左上角的4种颜色,尝试绘制杯子。

随意使用我的灵感,但也要尝试使其独特。 如果输入有误, 按住Alt键的同时单击空白区域或在图形外部,可以“拾取”透明颜色,并可以使用它擦除像素。 或者,您可以单击橡皮擦或按E进行选择。

您可能会注意到,以如此低的分辨率进行工作与常规工程图有很大不同。 一切都需要计算,放置的每个像素都是您需要做出的重大选择。 这就是您需要习惯的事情。

您也可以尝试使用工具栏中的其他按钮。 值得注意的是,某些按钮在按下时会打开更多选项。 只需暂时避免使用模糊工具,因为它可以添加更多颜色,我们现在还不想要那样。

接下来,让我们制造更多的精灵! 尝试绘制头骨人脸 。 这次没有我的像素艺术参考。 如果您认为这些精灵根本无法放入画布中,那是绝对正常的,请尝试将某些内容抽象到单个像素,然后重试。 如此低的分辨率很难工作,有时感觉就像是一个难题。 这是我写的另一篇关于为Kano使用低分辨率的文章:[link]

如果需要的话,这是这些精灵的我的版本,请确保在看一下它们(头骨,剑和人脸)之前完成您的精灵。

这始终是一个很好的练习。 如果您想继续练习,请尝试使用这些约束制作更多图纸。

保存文件

要保存文件,请按Control + S (或转到文件>另存为… ),选择文件名和位置,然后单击保存。

不要忘记,在试用版中,Aseprite的保存功能被禁用!

您将看到Aseprite可以以多种格式保存,但是我始终建议为您制作的每个文件保留.ase版本。 就像在Photoshop中一样,您将保留一个.psd文件。 导出Web或游戏时,可以使用Control + Alt + Shif + SFile> Export

Aseprite在导出窗口中具有非常好的调整大小功能。 它只会按整数来缩放您的Sprite,这是完美的。 例如,如果将Sprite缩放到107%,它将破坏到处的像素,这将是一团糟,但是如果将其缩放200%,则每个像素现在的宽度和高度将是2像素,因此它看起来不错而清晰。

更大的画布

现在您已经掌握了基本知识,例如创建一个新文件,保存并绘制到画布中,让我们尝试在稍大的画布( 32 x 32像素)上进行绘制。 现在,我们还将使用更大的调色板,尝试使用AAP-Micro12 (由AdigunPolack提供)。 这次我们将铲起。

与16 x 16子画面不同,我们实际上可以在此处拟合一些轮廓,因此让我们开始吧。 这是我的流程细分:

步骤1:行

这种线条样式称为像素完美线条,宽度仅为1像素,并且与其他像素对角线连接。 在制作这样的线条时,我们要避免意外的边缘,例如:

Aseprite在笔刷设置上还具有非常好的功能,几乎可以自动执行此操作:选中笔刷工具后 ,单击Pixel-perfect复选框 。 只是不要忘了在不使用轮廓时将其关闭,因为它可能会惹恼您。

步骤2:基础色

关于只有很少的颜色可供选择的好处是,您不会被太多的选择所淹没。 这就是为什么要处理多种颜色要困难得多的原因,如果调色板中有某种颜色,就没有理由不最好地使用它。 尝试将其视为难题,进行大量尝试,甚至进行怪异或不寻常的组合,直到您发现每个领域的“最佳匹配”。

步骤3:底纹

使用调色板以创造性的方式制作光影。 由于使用的调色板非常严格,因此不会使每种色调的亮度都不同,因此您必须即兴创作。

在左侧的示例中,我使用的是相同的调色板AAP-Mini12 。 当我画这个绿色花花公子时,我没有任何浅绿色,所以我选择了最接近的黄色。 阴影发生了相同的事情,我选择了蓝色,因为它是最接近的黑暗阴影。 但是如果我走了另一条路怎么办? 我可以得到更亮的蓝色和更暗的红色,对吗? 好吧,不是真的:

这是一个很酷的效果,但显然存在问题。 通常,您会希望将冷色调作为阴影,将暖色调作为关键灯,否则它们可能看起来很怪异。 这不是一成不变的规则,有很多例外,但是如果不确定,那就随它去吧。

步骤4:抗锯齿和上光

这是图形的一部分,在此部分您尝试使像素少“尖”。 手动抗锯齿是一个复杂的主题,我们可能需要整篇文章来讨论这一点,但是从理论上讲,您将使用中间色调来模拟“半像素”并柔化边缘。 但是现在不必为此担心太多,因为现在集中精力使您的精灵尽可能地可读。

此步骤中的另一个好主意是寻找一些孤立像素以减少噪声。 孤立像素是不属于相同颜色的较大像素组的一部分,也不属于抗锯齿的像素,如下所示:

您看到左侧的1像素小岛了吗? 这些是孤立像素,如您所见,将这些像素与附近其他相同颜色的像素合并后,行星看起来会更好。

那个例子中的星星呢? 好了,他们在那里证明孤儿像素并不总是坏的,那些星星完全按预期工作,产生了噪点纹理并在背景中产生了对比度。

这个想法不是无意识地删除孤立的像素,而是通过它们并问自己:这个像素真的需要一个人呆吗?

怎么办?

现在是时候尝试更多的颜色和更大的分辨率了! 但是请慢慢走,也许是48 x 48和16种颜色,依此类推。 如果您真的是刚起步,那么我现在暂时不使用动画,而是先关注静态图像。

如果您想进行一些研究,我还选择了一些其他我非常喜欢的像素艺术指南:

  • Cure的像素艺术教程
  • Yure的像素艺术教程
  • Arne的像素艺术教程

我还制作了一些有关像素艺术和游戏设计的特定主题或方面的教程,您可以在此处查看全部内容:

  • 我的Patreon页面
  • 我所有教程的汇总列表

在这里 继续阅读第二部分