手把手教你画像素(一)

来自 灯塔实验室 2014-11-18
专栏

[ 转载自 灯塔实验室 ]

手把手教你画像素(一)

本文是《手把手教你画像素》系列文章的第一篇,转自灯塔实验室的知乎专栏,原文来自iLKke from the Photon Storm,译者 J_Lu @小朋友K66。

我想我应该写篇小教程来告诉你怎么画一个属于你的16*16的精灵(sprite)。可以日后把它用作你的网站或者游戏的图标。已经有了很多种画像素画的方法,所以这也只是其中的一种。不过这篇教程并不能教你怎么想出一个好的构思,sorry。另外,我将不会讨论如何使用作图程序的细节问题,所以你应该对你要用的软件有个大致了解。

启动你心爱的画图程序(我用的是GraFX2,可能你会用PS,GIMP或者其他什么),然后创建一个16*16的像素文档。好了吗?接下来就照着本教程一步步来画一只像素青蛙吧!

(译注:本文可以作为一起来画像素画吧!中提到概念的具体应用范例。)

第一步——轮廓

你要做啥:选择黑色,然后在边框里画。虽然16*16只给了你非常小的空间,但是这能够给你上关于像素画的第一课:让每一个像素都发挥作用。

注意:你所画的图形在这一步一定要清楚、易于辨认。如果你一开始就画了一坨,后面就算是神仙也补救不了。

(译注:读者可以回忆一下抗锯齿,噪点的有关知识。)

1416278301607653.png

第二步——基本的颜色

你要做啥:在轮廓内添加基本颜色,不要加任何阴影。

注意:确保基本颜色互相间不冲突,且够鲜艳够生动。这个阶段完成后,图像应该比上一个更加清楚、生动,而不应该有所退步。

(译注:试着把注意事项里的内容和调色盘相关知识联系起来。)

1416278302208480.png

第三步——阴影

你要做啥:根据上一步里你用的基本颜色,为每一种都选取对应的但是稍微暗一点的颜色。然后把这些稍微暗的颜色根据需要添加到图画里。本教程里为了方便起见,想象我们的光源在正上方。

注意:要经常停笔来检查一下你刚刚画好的东西。如果加完阴影之后发现基本颜色太深了,你应该毫不犹豫地对基本颜色进行修改。

(译注:抖动,枕式阴影,以及颜色相关等等)

1416278304501173.png

第四步——轮廓线的颜色

你要做啥:根据你的需要在基本的黑轮廓线上添加颜色。一般来说,轮廓线的颜色总要比里面的颜色深一些。

注意:有一个小技巧是,你可以把轮廓颜色用作阴影部分。仔细看一下青蛙的眼睛。上半部分的颜色比较鲜艳,但是下面的就很深。

(译注:残缺的轮廓线,色彩梯度等)

1416278305601645.png

第五步——Enjoy!(或者去炫耀吧!)

希望你的像精灵看起来就像个小玩意。如果看起来不是很理想,你应该试着找找问题出在哪里。可能是因为你想一步到位,所以在这么个小空间里加了太多的细节。注意你应该总是想着怎么用最简单的图形来让整个作品看起来有立体感。也许你会觉得很沮丧,因为虽然你返工了很多次,但是效果却越来越不如人意。在这种时候你要做的就是休息一下,欣赏一下大神们画的像素图,直到你感觉可以重新开工。一旦你入门了,你就可以开始真正地欣赏别人作品里的优点。下面还有些用上述方法画出来的精灵。

1416278306755538.png

文章评论
游戏葡萄订阅号