大家好!
我是游戏界面设计师Mikhail Kravchenko。
本文是关于如何为游戏绘制图标的包。 在下面您可以看到结果。

我们确定结果的要求
因此,有关此内容的任务就交给了我们。 在游戏中,一个事件开始-入侵我们星球上的外星种族。 我们将打败入侵者,各种物体将从其中掉落,需要绘制这些物体。
首先,有必要制定和确定结果的要求,这是我们工作的基础。 摆在我们面前的是这样的要求,只有很少的机会,我们不会得出需要的东西,我们将与客户和团队有更多的相互了解,并且还会有一些东西可以检查我们的工作结果。
必须根据问题的描述以及您自己有关解决此问题的想法来编译需求列表。 接下来,您需要使用此列表访问客户,并确保我们以相同的方式理解任务。 列表可能需要解决某些问题。 结果,我们获得了结果要求列表。
这是此类列表的示例:
- 这些项目应与过去入侵的其他类似项目相似;
- 将有5种物品-戒指,手链,胸针,吊坠和宝石;
- 每种类型的物品都会有3种稀有度。 物体越稀有,它所赋予的力量就越大;
- 必须以视觉方式显示商品的稀有程度;
- 除了稀有之外,石头还有4种颜色-蓝色,红色,黄色和绿色;
- 物品从入侵的军队中撤出,因此,它们应具有这些对手的特征和颜色;
- 图片需要为Tga格式,尺寸-128x128像素。
我们已经确定了要求,现在您可以开始使用参考。
参考文献
查找已经为此类事件绘制的对象。 我们将需要朝同一方向绘制,这些对象将帮助我们避免偏离正确的道路。

此外,我们必须研究侵略军的士兵。 我们的物品必须具有一些共同的特征,因此值得与入侵者一起收集更多图片并根据它们进行设计。

对手的力量各不相同-有普通,中等和强壮。 您可以从此推迟。 例如,在普通对象的设计中使用弱对手的零件,而在设计中使用强对手的零件则较为少见。

调色板
我们将需要以一种样式绘制许多图标,如果我们制作单个调色板和那些调色板,则工作起来会更加方便。 所有项目的绘画过程。 如果我们不制作调色板,而是使用移液器从参考中选择一种颜色,则很可能这些对象会腐蚀颜色。
我们从游戏中已有的对象中选择颜色的引用。 我们的对手是种植物,所以绿色很合适。 第二种颜色是金色。 在下面,您可以看到带有参考的图片。

现在,您需要从参考中收集颜色并使它们成为调色板。 拿主色,他
它大约位于被摄对象的明暗区域,明暗区域的颜色,高光尤其是暗处的中间。 并为环境反射而着色。 结果显示出两组颜色,一组代表金色,第二组代表绿色。

准备工作完成后,我们继续进行概述。
轮廓图
在此过程中,我们将尝试不同的对象设计选项,当我们获得满意的结果时,我们将与客户进行协调。 客户的希望和建议,其中一些将帮助我们改善结果,我们将讨论并拒绝其他建议。 我们设计中的某些内容可能并不完全适合,并且许多问题需要更正或重制。
重点如果我们立即以最终质量进行工作,则将花费大量时间。 这样一来,我们很可能会被要求纠正或更改某些内容,因此轻松,快速地执行此操作当然是行不通的。 您很可能需要再次花费大量时间和精力。
因此,我们首先进行素描。 草图需要花费一些时间和精力,同时可以概括性地概述最终结果。 这意味着我们可以快速而廉价地经历几种设计方案,如果他们要求我们修复某些问题,那么这也不会有问题。

草图以线稿开始。 最好使用不透明度和流量参数在30%左右的圆形画笔,具体取决于按下笔的力。 在我们眼前,我们握住了选择来显示物体稀有性的对手部分,以及游戏中已经存在的珠宝的图像。 我们正在寻找一种适合对象的表格,在这种搜索过程中,您可以通过几个选项进行选择,下面您将看到一个这样的搜索示例。

如果重复设计中的某些元素,则将它们包装在智能对象中是有意义的。 随着时间的流逝,您可能需要更改其中的某些内容,并且校正一个智能对象比遍历使用该元素的所有位置要容易得多。

现在,所有对象的线稿已准备就绪。 您可以继续绘画。 我们突出放置准备好的调色板和鲜花参考对象的图片。
首先,您需要为一个项目上色,以确保当前的调色板可以实现所需的结果。 并获得一个样本,以此为基础,我们可以为所有其他对象着色。
您无法在一层中绘制这样的图案,因为在这种情况下,我们将无法以相同的方式绘制其他对象。 因此,我们将调色板中的每种颜色添加到单独的图层中,以便在我们眼前进行绘画过程,并在绘画其他对象时能够重复该过程。

我们得到的结果很可能不适合我们,因此有必要稍微改变颜色以使其更适合。 每种颜色都位于单独的图层上是很好的,您可以与其余颜色分别进行编辑。 如果更改示例对象的颜色,则一定不要忘记校正调色板上的相同颜色。
这是准备绘画的样本,它完全适合我们,您也可以绘画所有其他物品。

我们以所有对象的形状创建一个遮罩,以免其边缘发生蠕变,为对象的金色和绿色部分创建单独的组,并使这些组的内容与示例对象中的相同。 下面显示了绘画一项的过程。

我们也遇到问题,它们有不同的颜色-蓝色,黄色,绿色和蓝色。 要获得理想的结果,只需绘制一组宝石,将其制作三份,然后在其顶部放置一个具有“颜色混合”模式的层,并用我们需要的颜色绘制宝石的核心。 您还可以使用“颜色”模式将一个具有“覆盖”叠加层的层放在该层的顶部,并尝试在其中进行绘画;在这样的层中进行绘制会增加图片的对比度和颜色饱和度。

在这里,我们为所有对象准备好草图,您可以进入下一个阶段-与客户和同事批准设计。

设计批准
在向客户展示草图之前,您需要在某个地方固定我们做出此决策的路径,并将其与草图一起显示。 当客户和同事可以看到此路径时,许多问题会自动消失,并且我们花在解释上的时间要少得多。 Figma或其他类似的在线服务非常适合呈现这种路径。
我们向客户展示草图。 他可能会要求纠正几点,我们将为此做好准备。 当我们与客户达成协议时,我们需要向同事展示结果,并要求他们分享对结果的看法。 出于几个原因,这是值得做的。
首先,同事可以注意到我们没有注意的事情。 例如,我曾经为一个新班级绘制一个符号,它很适合任务的描述,但随后一位同事看到了该符号,并说一对一的符号类似于May Target服务徽标,因此看起来很奇怪。 我用这个徽标搜索了一下,结果发现我的图标与此非常相似。
其次,同事可能会遇到与主题不愉快或奇怪的联系。 而且,如果这种联系在一个人中出现,它们很可能会在玩家中出现,而在他们中引起负面情绪对我们完全没有好处。
第三,有人可能会记得我们在游戏中已经有类似的物体,如果您添加几乎相同的另一个物体,将会使玩家感到困惑。
也就是说,在同事的帮助下检查结果可以帮助我们避免一些错误,或者至少减少了发生这些错误的机会。
处理同事反馈的示例
以下是处理同事评论的示例。
评论01石头的形状几乎与另一个入侵种族相同。我们查看了所有宝石,发现不同种族的宝石具有不同的形状,我们的宝石在形状上确实与另一种族的宝石相似。

我们改变石头的形状。
评论02石头核心的这种形式使人联想到某种痛苦的肿瘤,这使该产品不具有吸引力。如果这种关联出现在一个人中,则可以假定其他人也会出现。 需要发明一些其他东西。
评论03必须校正中间石头的核心-它类似于恶魔石头的核心。我们看一下恶魔种族的结石,发现结石有很大的不同,当前的版本是合适的,评论的作者是错误的。
评论04有提议根据其稀有性来增加石材的中央部分。
听起来合乎逻辑,让我们尝试。

事实证明很好,让我们就这样吧。
评论05胸针太像一个简单地从戒指顶部撕下的针。 MB他们需要某种基材或其他形式。比较项目。

似乎确实可以使人感到困惑,我们改变了绿色部分的形状。
评论06现在,别针与戒指不同,但看起来像护身符。 您可以增强他们的差异。比较对象,加强差异,使黄金部分更大。
重点要更快地编辑草图,您可以与它们一起复制一个组并将其折叠到一层,热键-Ctrl +E。在结果层中进行更改,并从中复制该组。 绘画过程以供以后保存。 当您需要以最终质量绘制对象时将需要它。
因此,我们批准了对象的轮廓-每个人都同意所有内容,然后我们可以进行对象的最终渲染。

精细渲染
在此阶段最重要的是观察一项技术。 每个项目的绘制过程。 在这种情况下,将以相同方式绘制所有对象,并且不会将任何对象从常规样式中剔除。 为了加快该过程,您可以绘制矢量,比例为所需比例的100%。 要用笔显示主要形式,然后在顶部创建一个图层,将其变成剪贴蒙版,然后用软笔刷在所需区域上绘画。 剪贴蒙版上的热键-Ctrl + Alt +G。下图显示了对主体部分进行绘画的过程。

这是所有准备好的物品,可以显示给客户和团队。

由于我们已经在草案阶段就所有问题达成了共识,因此极有可能会产生最少的希望和意见。
批准项目后,您需要以正确的格式保存它们。 我强烈建议使用“切片”工具标记文档,并为每个单元格命名。 然后通过“保存为Web”功能一次保存所有项目。 非常方便。
希望本文对您有所帮助。 祝大家好运和创造性的成功。