
→

在本文中,我将尝试形象化工作的一般方法。 因此,您决定学习
美术 :下载了一些软件,启动了该软件,然后看到了所有这些选项,无穷的色彩等等,然后迅速关闭所有内容,删除程序,然后将笔记本电脑扔到窗外。
也许几个月后,您将重复一遍。 有时,您尝试画几条看起来像孩子的铅笔画的线,甚至更糟,然后决定放下它。
如果您对此很熟悉,那么本文仅适合您,因此请继续阅读。
独立游戏开发人员经常抱怨他们无法创建图形,因为他们是程序员,而且没有钱付钱给艺术家。
尽管学习艺术似乎是一项艰巨的任务,但实际上,通过在实践上花费至少一年,您可以达到很高的水平。
如果您非常勤奋地从事这项工作,那么您可能会在几个月内获得良好的结果。
为像素艺术做好准备
在本文中,我将讨论像素艺术。 您是否认为他早已变得陈词滥调,每个人都对他感到厌倦?
好吧,事实上,像素艺术是成为艺术家的绝佳工具。 您会发现,很好地掌握了像素艺术,就可以轻松切换到其他图形样式。
另一个主要优点是,您只需要鼠标,而不必在图形输入板上花钱。 实际上,大多数绘制像素画的人都喜欢使用鼠标来提高准确性。
他们经常说像素艺术:“它看起来很漂亮,但是独立开发人员的大多数像素艺术都很糟糕。”
我可以同意这一点,但是如果您遵循本文的规则,您的像素艺术水平将高于平均水平,请不要担心。
创建像素艺术的10个步骤
提高技能的最好方法是首先学习规则。 您可以稍后打破它们,但是当您学到新东西时,遵循规则将为您提供强大的推动力。
在本文中,我将向您介绍十个步骤和一些规则,以帮助您入门。 您可以将其与需要创建的任何像素艺术图形重复。
为了使游戏看起来不错,它需要一种自信的图形样式,并且如果您遵循我的建议,就可以实现。
阶段1-调色板
永远不要自己选择颜色。 色彩本身就是一门艺术,但幸运的是,我们可以让专业人士做到这一点。
在这里看看并选择一个调色板。
请注意,调色板中的颜色数量可能不同。 我不建议使用超过32种颜色的调色板,而且一开始甚至不要使用16种颜色。
对于本文,我将选择
这样的调色板 。 可以进行其他任何操作,我从列表中随机选择了它。

第二阶段-解决
首先,选择一个较小的分辨率。 如果您是初学者,请点击复古,创建大小为16x16或32x32的精灵。
您可以使用其他比例,例如24x32,最重要的是,不要使用太多比例。

第三阶段-大纲
绘制对象时,首先以一种颜色(例如黑色)绘制其轮廓。 此阶段不允许其他颜色。
建议您始终在眼前有一个参考(参考图像)。 您应该能够在绘图时看到参考,而不必经常切换窗口。
还要检查电路中是否没有孔;在这一阶段,这是最重要的。

我画了一个32x32分辨率的家伙。 看起来糟透了。
至少现在您不会抱怨我不是从一开始就开始!
阶段4-颜色
在确保轮廓足够好之后,就可以开始填充内部零件了。 大多数程序都具有“颜色填充”工具,这是用所需颜色填充内部区域的最快方法。
再次在这里,使用尽可能少的颜色,并且仅使用所选调色板中的颜色。 一个好的角色设计将至少具有三个不同的范围。 实际上,范围(渐变)是一种根据从深色到浅色的阴影系列排列调色板颜色的方法。
通常,在此阶段,仅当出于某种原因绘制了需要使用它们的对象或字符时,才需要从每个范围的中间选择颜色,即不是非常暗也不是非常亮。

这是我先前选择的调色板的可能范围的示例。 请注意,我没有添加调色板中的所有颜色,只是添加了一些颜色,以便您理解其原理。
从图片中还可以看出,该颜色可以在多个范围内使用,成为初始或最终颜色。

因此,我从调色板中选择了几种颜色并绘制了我的角色。
记住,我说过不要留空是重要的吗?
阶段5-阴影
在这个阶段,很多人可能会陷入困境,实际上,您只能在之前的阶段的基础上创建无阴影的漂亮游戏。 遵守调色板规则,保持艺术风格的完整性就足够了,并且您的游戏将比其他大多数游戏都看起来更好。
但是要成为一名艺术家,您需要掌握着色技巧。
首先,有一个简单的技巧:您需要选择游戏中照明的方向-左或右,然后在创建每个精灵,图块和其他所有东西时坚持使用它。
注意事项
这意味着,如果您有一个字符向右看,而他向左看,则不能仅在代码中进行镜像。 需要考虑光的固定方向重新绘制它。

着色的主要思想是,图像中直接入射光的部分变亮,而没有入射光的部分保留在阴影中,因此变暗。 很简单,对吧?
但是,如果您不熟悉图形,那么您很可能不了解如何执行此操作,并且大多数教程也没有对此进行解释,因为仅阅读文字并不会学习如何执行此操作。
因此,这是给您的窍门。 在我的示例中,我将采用右侧的照明。
首先,我将为每种字符颜色选择一种较浅的颜色,并为位于右侧或顶部的每个边缘的一个像素着色。
然后,对于每种字符颜色,我将选择较深的颜色,并将每个边缘的每个像素位于左侧或底部为它们着色。

我知道这看起来很糟糕,但是请继续阅读,我们会尽快改善这一状况。
如果由于某种原因该步骤对您来说太复杂了,那么请放大并查看我的操作方式-添加了用于蓝色,红色和米色的两个附加阴影。 所有这些都是从调色板中选择的,并使用“右上” /“左下”规则进行绘制。
阶段6-比例
对于新手艺术家来说,这是另一个失败的根源。 幸运的是,低分辨率像素技术大大简化了它。
在这个阶段,一切都变得相当主观。 这可能会让您感到惊讶,但是要成为一名优秀的艺术家,您需要练习的不是手,而是眼。
您的主要任务是唤醒自己,这就是所谓的“艺术家的目光”。 这是一项特殊技能,可让您查看事物并将其分解为组件,然后自己折叠。
通过创建自己的图形和研究其他人的作品来揭示“艺术家的观点”。 这两个步骤都是必需的:如果您只是继续绘画而不看别人的作品,或者只是在不绘画的情况下研究别人,这种外观就不会发展。
让我们检查一下自己的眼睛-再看看这个可怕的精灵,告诉我它的哪些部分看起来很愚蠢。
(不要浪费时间寻找这张图片和上一张图片之间的差异,它们是相同的,为方便起见,我在这里重复一遍。)首先想到的是我们的性格似乎下降了。 让我们来帮助他。

我在这里所做的唯一一件事就是水平移动几个像素。 由此我们可以理解,创建图纸是一个非常反复的过程。 您将无法在第一时间做正确的一切,您必须进行大量修订。
让我们再来看一下这个版本,然后考虑一下现在出了什么问题?
在我看来,这个可怜的角色正在跳舞,但他不应该跳舞,所以让我们修复一下。

太好了,姿势变得更好了,我还给他加了一条裤子。
注意事项
您可以使用Internet上的数千个参考来创建姿势。 即使是一些随机的照片也足够了。
不要以为艺术家只是从他们的想象中汲取灵感,而是在看参考书!
这类似于编码器每天访问Google或Stack Overflow的方式-没人在乎。
阶段7-清洁积木
看到这些难看的黑色像素簇吗?
让我们摆脱它们,并创建一个规则,使一个像素最多可以触摸另外两个像素。

角色变得更加干净。 由于某种原因,这种变化使我意识到他应该有一个长鼻子,所以加点。
有时编辑过程本身会给我们启发。
注意事项
删除像素簇时,有一些例外:有时您无法删除特定像素,即使它形成簇也是如此,因为否则会在轮廓中出现孔。

我加了鼻子,略微改变了头部的形状,以使其更适合鼻子。
我还在腿部周围添加了轮廓,以适合其余的腿部。 游戏中的所有艺术品都必须是整体的!
阶段8-清洁阴影
阴影有效时我们使用的技巧,但在某些部分,角色看起来仍然有些丑陋。
如果您已激活艺术家的视图,则将优先选择以更中性的阴影替换深色和浅色像素。

在这里,我做了几个动作-替换了所有看起来不合适的亮和暗像素,然后更改了外部轮廓。
像素艺术的分辨率很低,轮廓占据了细节所需的空间。 在某些重要的地方,它们是必需的,但在这种情况下则不需要。
我还增加了角色的手臂和腿部,使其与其他部分的样式更加一致。

稍有变化:我换了裤子,移动了几个像素。 但是有些事情似乎仍然很奇怪,我不太了解下一步该怎么做。
让我们尝试删除轮廓,将其替换为最近像素的颜色。

如果现在看角色,腿看起来就像半人马一样奇怪。 他的脸很奇怪-鼻子朝一个方向看,眼睛朝另一个方向看。
艺术家使用一种使大脑寻找错误的技巧-他们从不同的角度看图片。
全新的外观使您可以注意到我之前从未看到的内容,当我清洁轮廓时,您可以只看一下倒置的图像!

因此,我重做了他的头,胳膊和腿的许多部分。 他看起来已经完全不同了,更正确了。
但是等等,为什么他没有耳朵? 为什么他的帽子似乎悬在空中,没有连接到他的头上?

我们对其进行了修复,现在该角色开始显得更加专业。 看一下帽子上的阴影。 您了解它是如何工作的吗?
它只是应用相同的规则-一侧有光,另一侧有阴影。 正确实施后,角色看起来几乎是三维的。
为了使阴影看起来正确,如果您还没有睁开“艺术家的眼睛”,则可以尝试使用深色,中性和浅色像素的不同组合。
始终坚持使用三种阴影。 在这里很难犯一个错误,因为在使用低分辨率精灵时,几乎没有什么变化。
但是,阴影的外观有时可能高度依赖单个像素。 您将随着时间和实践的了解。
注意事项
一旦开始了解着色的工作原理,就可以更好地创建具有体积的对象,这是着色的主要任务。
但是,值得记住的是,我们正在研究的具有三种阴影的系统对于大多数低分辨率像素画来说绰绰有余。 添加更多阴影会使像素艺术更加混乱和嘈杂。

阶段9-调试
是的,角色已经可以使用,但让我们继续对其进行改进。
允许您增加音量的另一个简单技巧是了解在对象的远处需要使用较深的阴影。

因此,我将一只手和一只腿做成较深的阴影,一切都很简单。
让我们改进其他东西!

在这里,我稍微改变了手的位置。 重画角色的一部分直到您完全满意是完全正常的。 您练习得越多,获得高质量结果的速度就越快,所需的改动也就越少。
我还添加了围巾和头发。 请注意,如果添加彼此接近且具有相同或相似颜色的不同元素,那么这将造成混乱。
在我们的案例中,围巾使您可以增加对比效果,以将头发与衬衫分开。
我还稍微改变了眼睛的颜色,这已经与角色设计有关-在我看来,黑眼睛与其余部分不对应。
然后在衬衫中间需要两个深色像素吗?
主要是为了实验:我尝试了一下,并且我喜欢结果。 由于低分辨率像素艺术需要一点想象力,因此这两个像素暗示着衣服上的褶皱,或者角色穿着高领毛衣,或者他是女性。

最后,我再次返回轮廓,一次绘制一个像素,并避免创建像素簇。
是否绘制轮廓基本上是一个优先事项。 但是它们有助于在字符和背景之间形成对比。

电路不必总是黑色的。 这是创建路径的另一种方法-我们查看与路径相邻的像素,然后选择稍深的阴影。
当然,我总是只使用原始调色板中的颜色,不要忘记它!
此最新版本可能看起来更好,但是颜色越多,动画花费的时间就越多。 因此,在这里我将再次返回黑色轮廓。
注意事项
如果将带电路的版本和不带电路的版本进行比较,则电路可能看起来“很重”。
一个或另一个选项的选择取决于图形样式所需的效果。


第十阶段-动画
从本质上讲,动画如下:我们使用精灵,以其他姿势创建略有不同的帧。
像素艺术的低分辨率还有助于教授动画。 让我们从空闲动画开始,它是所有动画中最简单的。


实际上,我只是选择了精灵的一半并将其下移。 如果您是一个懒惰的开发人员,那么这对您来说就足够了,但对我而言已不足够!


这次我又移动了一些像素,使头发,帽子和鼻子向上移动。 这样做是因为当您将头向下移动时,其他所有内容也会向下移动,但不是立即移动,这会增加这些部分的延迟。
我将双臂稍微向左移动,以模拟轻微的二次运动。 这不是专门的术语,只是意味着它是独立的动作,与头部的振动没有任何关系。
阶段10-亚像素动画
如果到达这里,您已经在进入更复杂的任务领域。
到目前为止,低分辨率有助于掩盖我们正在研究图形的事实,但有时它对我们不利。
最后一个镜头是一个很好的例子:帽子和鼻子的动作太强了。 但是我们只将它们向上移动了一个像素!
现在,如果我们可以将它们移动不到一个像素以使运动更平滑...但是,可惜的是,像素是最小的值。
但是,有一个技巧-除了移动像素,我们还可以移动颜色!


因此,我将鼻子和帽子放回了原来的位置,取而代之的是,我只改变了颜色,并用我认为正确的深色和浅色填充了它们。
而且这个技巧还取决于您的“艺术家外观”。 积极地训练他,逐渐地,您将开始越来越轻松,更轻松地工作!
结论
希望您喜欢我,将我从棍棒和圆圈变成一个完全没有形状的角色变成可以在游戏中使用的角色。 我试图展示所有阶段,并解释为什么以及如何进行这些阶段,从而不会变成另一个教程“画出猫头鹰的其余部分”。

我计划发布有关其他主题的类似文章,例如磁贴,低聚模型甚至音乐,这一切都取决于空闲时间和动力。
另外,请务必阅读有关
像素完美图形的文章,这对于创建连贯的图形样式也非常重要。