为什么像素艺术可以成为平面设计的完美训练场

即使你不在身边体验从1970到1990的经典视频游戏的奇迹,对于为满足这些游戏的需求而发展的独特艺术形式的欣赏也永远不会太晚。 这是我们今天所知的像素艺术形式,它是在2D计算机辅助图形设计中获得条纹的最佳方式之一。

原因在于像素艺术对艺术家提出了很高的要求。 它需要更多的纪律,并且比大多数其他艺术形式更加严格。 像素艺术迫使您聚焦并隔离图像中最重要的内容并仅使用它,而不提供更精细的控制,您可以在更详细的绘图风格中应用。 这是一种“少即是多”的绘画方法,它可以让你更好地绘画。

像素艺术需要时间来掌握。 毕竟,您一次创建一个像素的图像,每张图像都需要仔细规划。 您需要学习使用有限的调色板,而不受自然曲线的影响。 您还将专门在2D环境中工作,如果您需要3D外观,则需要使用等角透视和视差滚动等技巧来创建它。

如果您自己处理整个游戏项目,学习动画精灵和背景也是增强编程技能的绝佳方式。 现在移动设备连接更多,但通常缺乏持续3D游戏的能力, 2D游戏正在复苏,当设计工作不能自由流入你的门时,你实际上可以将这些技能用于赚取额外的现金。

像素艺术不需要任何特殊软件。 您可以在任何基本绘图程序中创建像素艺术。 许多像素艺术家在像MS Paint这样的简单工具中开始他们的工艺,但最好使用更复杂的软件,使用图层和自定义网格,这样你就可以真正地将你的设计调整到完美。 Inkscape中 真的很适合这个目的。 它是免费的,内置等距网格,非常适合像素艺术。

doc88img02

在硬件问题上,您可以使用鼠标,但我发现使用图形输入板更容易,因为在做详细的艺术作品时我倾向于“鼠标手”,所以我建议至少使用一个基本的图形输入板。

为什么像素艺术是理想的

很多人会互换使用插画家和设计师这两个词。 真的插图画家远远低于设计师的水平。 插图画家只是根据客户的要求绘制东西。 设计师根据客户的需求设计产品。 这是一个巨大的差异。

学习创建像素艺术意味着学习如何创新创意解决方案以满足特定需求。 它不仅仅是绘画。 规划,对细节的关注,在技术局限内工作的能力,以及设计克服这些限制的策略,使得伟大的像素艺术家也成为伟大的设计师。

像素艺术的世界

与您的预期相反,像素艺术的市场很大,而且还在不断增长。 人们普遍认为,一旦技术达到使用矢量艺术和3D CGI更加实用和可行的程度,像素艺术就会消亡。 实际上,对像素艺术的需求仍然很大,实际上它已经获得了更广泛的应用范围。 一旦像素艺术主要局限于游戏,它现在用于非常广泛的实际应用中。

像素艺术品销售的一些领域包括:

  • 手机游戏和复古主题游戏
  • 信息图表
  • 网站设计
  • 界面设计
  • 用于服装,钥匙标签等的设计
  • 电视图形(例如:IT人群,好游戏)
  • 像素艺术漫画(例如:Diesel Sweeties,Kid Radd)
  • 电影(例如:Wreck It Ralph,Pixels)
  • 像素艺术展览和私人收藏

可能会不时出现其他潜在市场。 在某些方面,您甚至可以将乐高积木视为一种像素艺术,实际上可以用乐高创建3D像素艺术。 但是,除非你先成为一名主像素艺术家,否则这种情况不会发生,所以让我们更多地了解你是如何做到这一点的。

像素艺术设计入门

进入这个世界的最好方法是进入一些 像素艺术比赛 并随时学习。 当然,在谈论比赛时,我们指的是那些可以自由进入并且没有商业利用您的工作的人要求您签署所有对比赛组织者的权利。

良好的像素艺术比赛设置了挑战,要求您将自己的技能作为创新设计师来实现目标。 有时这只是设置主题,但它也可能包括限制您可以使用的颜色数量或设置最大像素数等规则。 这些都是游戏设计师曾经不得不工作的约束。 当您学习相同的技术时,在相同的条件下,您正在培养强大的技能,并希望更好地理解整个设计过程。

培训

有很多免费的在线教程,你可以购买 关于像素艺术的书籍 or 游戏设计 让你去 有关更深入的介绍,您可以考虑采取 像素艺术的udemy课程。 只需$ 35,由专业游戏艺术家(Marco Vale,现任艺术总监)教授 Indot Studios),这是非常好的价值。

像素艺术流程

创建像素艺术的任何工作都遵循从概念到完成的线性过程:

  • 想法 - 您决定要创建的内容或获取说明
  • 计划 - 您可以选择如何创建图像
  • 网格选择 - 为要创建的图像选择正确的网格类型
  • 调色板选择 - 您为图像设置调色板
  • 原型设计 - 为大纲提供基本框架工作的可选步骤
  • 概述 - 您可以创建图像主要部分的基本轮廓
  • 平滑 - 你修复任何“锯齿”或不规则,以创建一个更好的轮廓
  • 着色 - 使用您设置的调色板为图像添加颜色
  • 着色 - 添加高光和阴影以使图像更逼真
  • 抖动 - 在有限的调色板情况下复制真实复古感觉的可选步骤
  • 选择性轮廓 - 将实线应用于图像的选定部分以给出定义
  • 消除锯齿 - 最后的平滑步骤,您可以使用颜色来增强真实感
  • 设置 - 如果您创建的图像是较大场景的一小部分,则将其设置为其设置

某些步骤(如抖动和消除锯齿)可能会由绘图软件自动处理。 这取决于您使用的是什么以及您选择了哪些选项。

概念

有些人认为这是创作新作品中最困难的一步,但实际上可能并非如此。 您的目标是决定要创建的内容,或者在某些情况下,从客户端获取与他们想要的内容相关的指令。 灵感可以来自您周围的现实世界,也可以来自电影,游戏,书籍以及其他任何可以帮助您可视化场景中出现的对象的内容。 在这个例子中,我们将创建一个花盆,它将成为更大场景中的道具。

规划

在这一步中,您已经知道了要创建的内容,所以现在您正在考虑如何创建它。 第一个主要决定是你要设计一个平面图像还是给它一个3D视角。 您还将决定图像应该是多么详细或逼真,是否需要复古外观以及其他类似的东西。

您希望图像越真实,您需要使用的像素和颜色就越多,创建所需的时间就越长。 如果您正在为竞赛设计,那么已经为您做出了一些选择,但您仍需要设计实现结果的最佳方法。

一个明智的做法是打印出你将要使用的网格,并用它来制作完成的计算机图像的纸质草图。 这将作为您创建的位图的参考,以帮助您保持透视和比例一致。

网格选择

这取决于您正在创作的作品的性质。 对于平面图像,您将使用标准网格,其中所有线条以直角相交。

doc88img03

在3D场景中,您可以选择使用等距网格(最常见的选择)还是倾斜网格。 等距网格具有以30度相交的线:

doc88img04

倾斜网格具有以45度相交的线:

doc88img05

当您想要包含许多精细细节时,倾斜的绘图是很好的,但通常等距提供更好的视图并且感觉更逼真。 这是更广泛选择的绘画风格,有充分理由。

调色板选择

您可以离开此步骤,直到您准备好着色,但如果您在早期定义颜色,实际上可以帮助完成剩余的过程。

模型

示例中的花盆基本上是扭曲的圆锥形状,并且与锥体的所有2D模仿一样,我们通过使用堆叠椭圆来创建基本形状。 这节省了时间并且还展示了使用Inkscape的价值,因为它具有在曲线边缘上产生比许多其他绘图程序更平滑的线的算法。 我们只需要确保椭圆与网格很好地对齐。

doc88img06

然后使用一些直线连接它们(如果你有耐心画出它们,那么轻柔的曲线就更加逼真了)。

doc88img07

大纲

在这一步中,我们绘制了想要像素化的图像轮廓。 如果您制作了图像的原型,这部分很容易。 首先创建一个新的图像层并将其堆叠在另一个图层的顶部(在Inkscape中,新图层自动具有透明背景)。 锁定原型图层,然后选择新图层并使用铅笔工具跟踪原型图层。 跟踪曲线时禁用网格捕捉。

doc88img08

如果您在查看新线条时遇到任何困难,只需降低原型图层的不透明度,直到更容易看到轮廓线条。 不要追踪所有线条,只追踪那些有意义的线条。

doc88img09

如果您愿意,可以在完成大纲后删除原型图层,或者只是让它不可见。

doc88img10

平滑

这是一个艰难的步骤。 为此,您可以放大图像中的曲线,并尝试校正任何锯齿状线条,使图像看起来不那么自然。 根据图像的级别,您可能不需要这样做(如果您的图像是32×32像素或更少,您可以通过平滑来改善它。

进行第一次平滑运行的方法是放大图像,这样就可以看到曲线没有明确定义的位置,或者实线中有断裂(间隙)的位置。 如果使用铲斗填充,任何间隙都会导致颜色渗色,因此消除间隙是个好主意。 请记住,您一次只做一个像素,这是平板电脑比鼠标更容易完成工作的地方。

doc88img11

染色

这是你五岁时常常为了好玩而做的事,除了现在它更容易。 您可以使用桶填充来填充大面积的颜色,并且许多绘图程序允许您设置可能会或可能不会给您逼真外观的渐变。 否则它与平滑处理相同:放大并一次设置一个像素。 不要创建单独的颜色图层,因为在执行存储桶填充时,您的软件可能无法识别来自不同图层的边界。

doc88img12

底纹

纯色很容易,但为了获得逼真的外观,您需要使用阴影。 在较大的图像上进行着色更容易,因为它们有更多像素供您使用。 着色的第一步是弄清楚光线如何撞击物体或场景,然后以逼真的方式应用高光和阴影。 起初这将是困难的,但凭借来自其他艺术家的经验和反馈,你将获得它的悬念。 在这里,我只会遮住底池的后墙,但最好在前墙上涂上一些亮点。

doc88img13

抖动

使用有限的调色板,您无法始终获得您想要的每种色调和颜色,并且在没有抖动的情况下难以在连续区域之间进行细微变化。 这不是现代硬件所需要的,但它通常适用于您需要复古90外观或由于各种原因需要使用有限调色板的情况。 有些软件可以自动为您处理抖动,或者您可能需要创建自己的抖动。 这个图像太简单了,不需要任何抖动,但这里有一个 教程 这解释了如何在Inkscape中创建虚假的抖动效果。

doc88img14

选择性概述

这意味着用更自然的外观替换内部区域的黑色轮廓,并仅概述那些需要概述定义的部分。 在现实生活中,叶子上的静脉不是黑色的,所以它们也不应该在你的绘画中。

doc88img15

抗锯齿

这类似于平滑,除非您仔细查看可能需要“碰撞”的颜色区域,以便稍微柔化线条,使它们看起来更逼真。 碰撞颜色只是意味着在它两侧的像素颜色之间为像素选择颜色阴影。 故意模糊会使线条不那么锐利。 与抖动一样,您的软件可能会自动为您应用消除锯齿功能。

设置

将完成的对象放入更大的场景称为设置。 您不需要使用字符精灵或可移动的对象执行此操作。 您可以稍后使用代码执行此操作。 对不移动的固定对象使用设置。 动画对象应该转换为精灵,这是另一天的主题。

如果您的图像没有足够像素化该怎么办

其中一个问题是Inkscape和类似的矢量程序只是做了很好的铲斗填充工作,所以颜色看起来非常光滑和矢量。 如果你想要一个像素化的外观,那么你需要将图像导出到png,在GIMP中打开它,然后应用Pixelize滤镜,你可以在Blur部分找到它。 这将给你一个这样的结果(你可能需要反别名):

doc88img16

结束语

像素艺术远未消亡,优秀的像素艺术家在设计界仍然受到那些了解成为大师所需要的奉献精神的尊重。 学习逐像素构建图像使您成为更好的设计师,也可能是更好的工程师。 像素艺术仍然有很强的市场需求,并且在地面上相对较少的有才能的像素艺术家正在满足这种需求。 你可以在像素艺术中赚钱,或者只是用它来增强你的技能。 无论哪种方式,这都是有趣和有益的,非常值得做。

波格丹兰萨

Bogdan是Inspired Mag的创始成员,在此期间积累了近6年的经验。 在业余时间,他喜欢学习古典音乐和探索视觉艺术。 他也非常着迷于修复工具。 他已拥有5。