Site icon Teach you how to draw pixel art | 32comic.com

【手机游戏像素画美术教程】跟Tsugumo学像素画系列–视觉补偿(selout)PartA

翻译:MIP(Metaldudu/Imick/Pixel32) 2007更 新启事:从第十二章开始是一套全新的教程,而上一次的更新则已经是四年前的第十一章的完成了。在那之后我又学到不少新的技艺,现在的我已经可以回答以前那 些萦绕着我的难题了。

但这并不是说以前那些章节提供的资讯就是“错”的,而是和我现在的理解方式有所差异。以前的章节仍是不错的教材,但在新的章节里我会 更正一些我觉得需要更正的信息。

不过请注意,要对像素艺术有一个比较完整的概念的话最好还是阅读这里所有的章节,从第一章到最新的一章,而不要只看你感兴 趣的部分而跳过其他章节。因为我想解释很多事情,有时我会故意偏离主题和加入额外的内容,所以事实上在一章里所谈及的内容是比它的题目涵盖的方面多很多东 西的。

好,那么让我们正式开始吧。视觉补偿'',简称selout”,这是一个让我困惑了挺久的技术。

如果你读过第九章,你会看到我说:

“ 我个人不大喜欢给边线上色。Capcom有用到这个技术,但他们用到这个时,效果却会很炫,(咳咳)我还没完全掌握到其中的奥妙(但我可以肯定的一点是你 可以用一些很暗很暗的接近于纯黑的颜色来作为边线的颜色)而相对的我还挺满意纯黑边线的效果。

给边线上色后,所有的东西都会稍微变得模糊起来,譬如说衣物 造型上的色块关系容易因此模糊起来。另外如果你的背景是红色而所有的红色衣物的边线也是红色,这样看起来就挺奇怪的。

而如果是用的纯黑色的边线,你只可能 会有一个问题:那就是你的角色走进一个纯黑色的背景里头,而这种情况很容易就可以避免;相对的,要考虑避免其他颜色的背景就会难很多。不过需要再次声明的 是,这只是我的个人意见而且我还没掌握到给边线上色而效果也很好的技术。

”上面的引言有部分其实是托辞,因为事实上,我是喜欢彩色边线 的,现在我终于知道其中的奥妙了。而在上面的引言里我其实想说的是“我不喜欢我自己的边线上色技巧”因为我不知道怎么像专业人士那样用得好看。

观察一 下上面的图片你会发现边线上了色的那个版本因为缺失了很多造型上的定义而显得模模糊糊的(特别在皮肤的边线上,还有她的鞋子上)但如果你拿一个 Capcom制作的角色图来看,你就会发现不管背景是什么颜色,角色都是活灵活现的。我一直都很想象不出这样的效果是如何办到的,

直到有一天(在 Pixelation,一个我以前经营的论坛)我们中的一些人开始分解这些角色图来分析其中的原理。

我得在这里感谢最初的发现者:(他写了一篇非常棒的关 于selout原理的教程,强烈建议阅读)。我记得他在一个帖子里提到了selout这个概念,我们所有人都被震住了:原来原理是这么简单而有逻辑性。

然 后我们又花了不少时间来分析这个概念和进行大量的测试,这让我想起我曾经的想法:根本没可能只用手点就可以办到这个他们一定使用了某种滤镜或宏''几 年后的今天,我发现这种效果确实是徒手点出来的,因为我自己就是徒手点的,而经过一段时间的锻炼,你就会发现,正如在他的教程里所说的那样,这个就变 成你的第二本能了”。

历史就讲完了,让我们来看看实际的操作首先先快速的复习一下角色制作的步骤,看看下面的那张老图:

最 开始先涂一个比较简略的角色剪影图,然后加上基本形,加上姿势,调整人体的比例。然后加上简略的边线,这一步只是为了让四肢分辨开来,并为下一步做准备。

下一步是整理边线,这个时候我的同事走过我的屏幕爆了一句“嘿,这个是不是铁拳里的那个家伙?”,我突然发现他长得是很像风间仁,边暗暗诅咒我的同事 外加整个宇宙,我边将他修改成一个完全原创的形象。

在此之后,铺上大片的色块只要选择基本的颜色就好了。在色块的基础上,我开始上明暗:

这里我们从基本色块开始上简单的明暗。

因为这一篇的目的是解释如何给边线上颜色,那么简单的上一些明暗就好:

现 在右边的那个角色看起来就像本章开头的那个女孩一样了,边线看起来很模糊,效果很丑。在这里我是在原有的黑色边线上涂了一层比临近色块暗一些的颜色。

皮肤 和鞋子的部分是最“丑”的,如果将那个边线上了颜色的版本缩小为原大就可以清楚地看到。那现在问题是,为什么这种情况会发生,还有我们如何解决这个问 题?

问题的症结在于一种颜色很适合和其他的一些颜色摆在一起,而和另外的一些颜色摆在一起就会产生反效果。黑色在粉红色的背景上看起来很不错,但棕色的皮 肤在同一个背景上的效果就很差。

如果你有一个身穿白色衣服的角色,而边线是比之暗一点的浅灰色,如果这个角色走进一个冰天雪地到处是白色和浅灰色的背景 里,这个角色就很难被辨认出来。很简单的一个逻辑。

那问题是,我们该如何避免此种情况的发生呢?让我们假设这个角色决定了要成为一个像素艺术家,但他犯了一个致命的错误:他将地图元件画成一个有明显的边框的样子所以他被关进了监狱,在那里他换上了一套白色的衣服:

这样的话你一眼就可以发现他,他就像那暗夜中的灯塔,直到他走到一道白色的墙之前。

突然之间他隐形了,这样他就可以静悄悄地潜到看守后面把他打晕然后脱狱。这样对整个社会的稳定是不利的。

所以我们给他换一套黑色的衣服:

绝 妙的点子,接下来我们试试给我们的囚犯装扮成忍者。好了,玩够了啊,现在他又现形了,尤其是当他走到那道白色的墙之前。

但这次他选择等到夜雾降临再溜过黑 色的长廊,又把看守打晕然后再次成功脱狱。那么我们如何保证不管他走过怎么样的背景前都可以被马上辨识出来呢?

我们就想到用黑白相间的条纹,我知道他们也 是基于同样的原因来发明囚犯服的:

现 在看着他或许会让你觉得有点头晕,但至少不管什么情况下你都可以辨识出他。狱卒们非常感谢你的点子,也因为这个他们可以在巡逻中稍微的休息一下了。

成功的 运用这个概念的另外一个例子就是默剧演员也会穿上类似的服装,让我们可以很容易的看到他们并将注意力集中在他们的那些神奇的“看不见”的盒子和绳子 上。那么我们该如何将这个概念运用到像素艺术上呢?

这里我们就该提到视觉补偿了。

Exit mobile version