撰写了文章 发布于 2019-06-19 22:42:13
如何开始制作像素画#4——基本光影
翻译自《蔚蓝》游戏美术Pedro Medeiros专栏
原文地址:https://medium.com/pixel-grimoire/how-to-start-making-pixel-art-4-f57f51dcfa02
本文是《如何开始制作像素画》系列教程的第四课,这节课比之前任何一节课的篇幅都要长,理解难度也比之前的课程大,所以请系好安全带!
1.灯光如何工作
因为有光,我们才能看到事物,当我们画出一些东西时,我们实际上是在试图表示光对那个物体的反应。即使你以前没有研究过这个,你也大致知道光是如何工作的,你每天都能看到它,知道它会从一些材料表面上反射,偶尔也会折射到其他材料上。

光的遮挡和垂直光
光线照射物体的角度很重要,如垂直照射的光线比直接照射的光线要显得暗一些。你需要尝试在你的大脑中模拟光的行为,就像你是一台光线渲染机器。这很难,而且容易出错。使用照片做参考,是研究光如何工作的一个好方法。你不需要临摹照片,但是你可以用它来理解光的行为。

2.基本原则
当对图像进行光影处理时,最好有一个原则来遵循,我将制作一个关于光线处理的基本词汇表,对每个术语都有一个简短的定义。

体积阴影:最常见的阴影类型,它是自投影的软阴影。这是光线被物体自身体积阻挡的结果。
明暗交界线:它是物体的亮区和暗区之间的过渡区。它可以是柔软的,也可以是锋利的。在像素艺术中,我们更喜欢锐利的过渡,以避免色带问题(以后会讲解)。
投影阴影:一个对象向另一个对象投射的阴影,通常是比较尖锐。
反射高光:也称为镜面高光,是物体中最亮的点。光滑易反光的对象表面具有小而集中的高光。表面粗糙的对象可能没有反射高光。
高光:对象的基本高亮区,将其想象为体积阴影的反转。
边缘光:当光线从后面照射对象时,对象看起来就会有一个明亮的轮廓。这通常是由一个次要的,较暗的光投射。
漫反射光:有点难看到,是一个稍亮的光,由光从地面反弹回到物体上引起。
当然,你没有必要全部记住。但是如果你不确定该怎么画光影,请查阅这个列表。另一件要记住的事情是,并不是所有的光影都适合像素画,特别是低分辨率或低颜色数的作品。请记住:好的像素画消除了所有不必要的细节。
3.使用照片参考
让我们在这里做一个练习,试着画下面这张照片:
首先,让我们新建一个文件,我将使用48x48画布,AAP-64调色板。我建议你拍下一些简单的物体,然后跟着我的方法画,或者跟我一样画这幅画。就像在我之前的教程一样,我先使用大像素块画出基本造型,再尝试添加光影,以下是我的整个过程:
如你所见,我在绘画时做了很多的修改,修改了基本姿势,去除了镜面高光,使玩偶更像一个鸡蛋。这样做的主要原因是我们不希望我们的像素画看起来像一张调整过大小的照片,我们需要它看起来更好,所以我做了调整,这样它看起来更有趣。由于我们的工作画布像素非常少,有些细节不能包括在内,而有些细节需要突出显示,所以要专注于自己认为重要的细节。看看将原图缩小成48X48大小后的玩偶的嘴,它几乎小到看不到,但我把它做得更大,更引人注目,因为它是一个重要的细节。眼睛也一样,我们把它画的更大,更醒目。
具体的绘画过程如下:
a 从基本的颜色和形状开始,我喜欢从较暗的颜色开始,稍后再画较亮的颜色,但这是我个人的喜好。
b 在对象内部绘制基本的光影,暂时保持低颜色数。
c 绘制投影阴影。
d 画出细节和其他小部分。
e 修正形状,加强阴影和高光。
f 如有必要,增加抗锯齿和轮廓线。
如果你对你的画仍然不满意,不要担心,按你自己的步调继续练习。试着画一些简单的东西,集中精力消除不必要的细节。
4.识别面
让我们尝试一些不同的东西,您将对下面的图像进行光影处理:

我们还是使用AAP-64调色板和48x48画布。要合理地给该图增加光影,这幅图像和其他图像的主要区别在于,这幅图像的大部分是平面,而其他画是圆形。平面的整体颜色通常是一致的,而圆形的则有颜色渐变。如果颜色不是很强或者物体离光源太近,平面可能会有渐变,但我会尽可能避免这种情况,或者将变化保持在最小值。了解了以上知识后,你可以选择一个光的方向开始绘画。然后回来看看我是如何解决这个问题的。我没有在图像中放置光源,因为这也是你需要练习的,选择一个好的光源和正确渲染场景一样重要。
5.我的版本
我绘图时第一件绘制的是背景、基本物体和投影阴影,这将帮助我奠定整幅图的基调。

步骤1
在那之后,我试着为每个面设置颜色。顶部和侧面应该是统一的颜色,斜面可以有一个渐变。我只使用了两种颜色,因为我想让它简单一些,并且使色带效果(以后会讲到)降到最低。

步骤2
下一件事就是那些轮廓线,它们让我很烦。所以我试着把它们想象成其他的小面,使形状变得柔和一点。

步骤3
现在对比度太低了,所以我添加了一些小的镜面高光,并加深了一些阴影。我还添加了一些简单的抖动,使过渡更好一点。

最后一步
6.常见错误
下面是一些常见错误,请对比看看自己有没有犯错。另外请注意,这里的示例被夸大了,这在您的绘图中可能会以较小的数量级发生。
软面
这种情况通常发生在试图过多软化物体光照和光照方向错误。平坦区域的颜色应基本一致,弯曲区域应只改变斜坡方向的颜色。

枕形阴影
这是一个著名的例子,通常是因为没有明确的光源,于是便沿着物体边缘绘制阴影。一般通过设置明确的光源,并且不把面的边缘变暗来解决。

平光
另一个常见的错误是忽略图像的实际形状。请记住,您的对象是三维物体。如果你不确定光应该如何表现,试着搜索一下,或者拍一个照片参考。

7.之后应该做什么?
现在是时候开始练习了!获取更多的照片和其他插图,直接模仿它们,越多越好。同时,尝试使用一个有限的调色板进行模仿,看看你能否用其他的颜色来模仿原图中的颜色。这里的研究是关键,放大模仿的图像,看看它们的像素是什么样的,看看哪些像素在起作用,哪些不起作用。

别忘了环顾四周。当你在街上行走时,注意光线是如何照射在建筑物上的,它是如何通过你的手指显现出来的。没有什么比探索你每天看到的细节更能教会你关于光和影的知识了。祝你好运!
继续阅读第5部分!

明之 1年前
这在B站不是有翻译过了吗?还是说你就是风农?
https://www.bilibili.com/read/cv1756525
长弓手地鼠 1年前
MR_南施 [作者] 1年前
@明之 不知道有人已经翻译过了,正好在看原版的就顺手也自己翻译了一下
发布