【游戏制作教程】RPG游戏人物之行走图教程

【游戏制作教程】RPG游戏人物之行走图教程

作者:Mohan 出处:66RPG
作者教授了如何绘制RPG游戏素材中的行走图模板。[……其实就是像素人物图 = =]

Mohan 行走图教程 第一章、头的绘制
       自己画行走图,想必你一听到就觉得很困难,但是画行走图其实很简单。下面,Mohan就来教你如何绘制行走图的头。
       拿这张阿凡提为例:

f5b87e44404c85ce34c0d4bf5d5ad4e5.jpg
2011-11-2 19:28

首先,用photoshop打开你想绘制的图片。接着用取色工具取色,加入色板:(记住:色板是绘制行走图的重要工具,请准备好色板)

602b2831a070e36231f8025defc88f68.png
2011-11-2 19:28

取色完之后,我们就可以开始绘制行走图了。用photoshop打开一个行走图模本(这里我用Mohan我自己改的行走图模本):

8f5498164f2ae1b7194c4140ad1ec52d.png
2011-11-2 19:28

新建2个图层,分别命名为“头”和“衣”:

5b07fd92e27172b45ef9f08ad90f664e.png
2011-11-2 19:28

选中图层“头”开始仿照原图绘制大致形状(用铅笔工具):
(注意:有时候颜色会很接近,这时候我们要用不同的颜色把他们区别出来)

10e4f92ae2b09d5618fe095d2ed2298d.png
2011-11-2 19:28

938fc0a772ccc46a594f32ec4f0559fc.png
2011-11-2 19:28

5a7b70ee833838b0db211d33c7f562ea.png
2011-11-2 19:28

画好大致形状后,我们开始画脸被头发之类的东西遮住产生的阴影:

1d383102063affeb256dbff794545c80.png
2011-11-2 19:28

接下来我们开始画头发之类的东西(帽子等),先用魔术棒把要上色的地方选中:

d015c597f1237ede49368d873c6c6ac0.png
2011-11-2 19:28

再用画笔工具(黑色)画阴影,不透明度为10%(可自行调整):

de19616d6446269f1882d480e1e9019f.png
2011-11-2 19:28

最后我们用深一点的颜色给它描边一下:

0ec1c7280a8c289faf1f9d14e40cc0ed.png
2011-11-2 19:28

完成图:

79f8468dcf3dae8040249a5455d68b25.png
2011-11-2 19:28

OK,完成了。(不管是什么朝向的头,画的方法都是这样,请大家自己试一试)

附:Mohan自改的行走图模本:

男:

edd1a2659947791021ad228470e3e79c.png
2011-11-2 19:28

女:

1d8078cd5f9edd32765b4baa331e4cdf.png
2011-11-2 19:28

Mohan 行走图教程 第二章、衣服的绘制
  上一章我们讲到了行走图的头的绘制,这回我们就来讲讲行走图衣服的绘制。
  首先,打开上次画一半的图。选中图层“衣”:

28fb9b4622362c79465442b14fffa9c3.png
2011-11-2 19:28

  为了更好的看清行走图的位置,我们可以用网格作为我们的辅助工具。打开编辑菜单→预置→参考线、网格和切片,对其中的内容进行编辑(网格快捷键:Ctrl+"):
4189593cbb307f0b9fdab64c5f3b38e3.png
2011-11-2 19:28

429117e02cc5156f064d026ed81fe5e3.png
2011-11-2 19:28

  不过网格也有缺点,就是我们在网格线附近绘画时会吸附:
baaf7ab86fac84e5f09d85bbb5c85f9a.png
2011-11-2 19:28

  准备好一切,那就开始用鼠标绘制人物的衣服吧。首先要对照着图片画出衣服的大致形状,记住,画衣服时千万不可以用一排横的线,一定要画出这样“﹀”向下的幅度。当有东西把衣服挡住而产生阴影时一定要把阴影先画出来。还有,人在行走时,衣服的幅度一定要发生变化(即靠前的幅度小,靠后的幅度大)。在画手边的衣服时,越前面的手被衣服遮住的越少,反之,越后面的手被衣服遮住的就越多:
5ba5284d925210432150191ef3b70b9c.png
2011-11-2 19:28

4c986cddde50d54823e262fc607eca13.png
2011-11-2 19:28

  把形状画好之后,我们就开始画衣服的阴影吧。先用魔术棒把要画的地方圈起来,防止颜色外泄,再凭着自己的感觉上阴影,还是用画笔工具(黑色)画(有时候画笔的模式调整为叠加效果会更好):
25521be8b5bb6127a6d2af5b6c5789a5.png
2011-11-2 19:28

  画好阴影自然就要描边了:
7a46236e25956366f0f9bb8f6d34e912.png
2011-11-2 19:28

  完成图:
e879a982322fea91208fdca062ed9b82.png
2011-11-2 19:28

  OK,这样轻松地就完成了一张行走图,是不是很简单呢?不过,如果要让自己的行走图更上一个档次,这种方法是不太好的.

Mohan 行走图教程 第三章、细节的描绘
  前两章我们讲到了行走图头与衣服的绘制,但是就像素描中的阴影处理,前两章主要是画出了行走图的大体关系,真正的局部细节我们这章还要继续学习。
细节嘛,总共分为:
   1.形状的处理
   2.眼睛的处理
   3.头发阴影的处理
   4.描边的处理
下面先开始讲形状的处理:
本章范例:
以这张画中的老道为例,首先按照一章教的进行取色:
116ee0f1bb62b3e1f6bcb346a6bfed81.png
2011-11-2 19:28

开始绘制形状:
62343178a83287508f581fe5093a5126.png
2011-11-2 19:28

b66bd3874d4c067fdf635d825b333c07.png
2011-11-2 19:28

在绘制形状时应注意一点(所有人都应注意),我们画像素只能画U形而不能画L或F这样有形成直角的形状,不能让它们两个像素的连接形成直角(即不能直接连接):
09babb0dae2a006111231852a930cc69.png
2011-11-2 19:28

652cf87abd33d252fcda4dd6abb1f1e4.png
2011-11-2 19:28

第二,是眼睛的处理。眼睛的处理方法是,如果你用Mohan我向你提供的行走图模本(见第一章),那眼睛的形状就不必改变,只要简单地用改变色调的方法就可以做出好的效果,当然你也可以象我一样用以下的方法自己画,你画的人物眼睛是什么颜色,就按下面的构造画出来眼睛:
6e09b7380a498f6291e0bb2b3fb6a501.png
2011-11-2 19:28

第三,有关与头发阴影的处理。头发的阴影从上往下,呈竖直向下,以头发的下一个像素开始画阴影:
757fa2c525c9de019d7a9618d684b463.png
2011-11-2 19:28

第四,就是描边的处理,描边我想大家应该都比较明白,不过上面提到的要注意的东西也要融会贯通:
ec11df49c81d2627f90b5046dff2c26e.png
2011-11-2 19:28

bd481f2ea10953e70d1341db4cbcd89f.png
2011-11-2 19:28

完成图:
e5c80c2ca7581615eac9d91762a9a542.png
2011-11-2 19:28


Mohan 行走图教程 第三章、细节的描绘
  前两章我们讲到了行走图头与衣服的绘制,但是就像素描中的阴影处理,前两章主要是画出了行走图的大体关系,真正的局部细节我们这章还要继续学习。
细节嘛,总共分为:
   1.形状的处理
   2.眼睛的处理
   3.头发阴影的处理
   4.描边的处理
下面先开始讲形状的处理:
本章范例:
以这张画中的老道为例,首先按照一章教的进行取色:

开始绘制形状:


在绘制形状时应注意一点(所有人都应注意),我们画像素只能画U形而不能画L或F这样有形成直角的形状,不能让它们两个像素的连接形成直角(即不能直接连接):


第二,是眼睛的处理。眼睛的处理方法是,如果你用Mohan我向你提供的行走图模本(见第一章),那眼睛的形状就不必改变,只要简单地用改变色调的方法就可以做出好的效果,当然你也可以象我一样用以下的方法自己画,你画的人物眼睛是什么颜色,就按下面的构造画出来眼睛:

第三,有关与头发阴影的处理。头发的阴影从上往下,呈竖直向下,以头发的下一个像素开始画阴影:

第四,就是描边的处理,描边我想大家应该都比较明白,不过上面提到的要注意的东西也要融会贯通:


完成图:

经过这些细节的描绘,我们画的行走图将会更加的完美,Mohan 行走图教程关于默认RTP行走图的绘制也就教到这儿了,那么下面布置一个作业:
7c9688680a98d85dbf8a0b6b9ce2909c.jpg
2011-11-2 19:28

参考答案:
8982d7e4235b6c23fc429711defbc948.png
2011-11-2 19:28



Mohan 行走图教程 第四章、打造超级赛亚人
前3章我们教的是默认RTP行走图的绘制,只要学会了前3章,行走图的绘制就不成问题。可是,大家是否看过那种用行走图改出来的小动作呢?像66的黑暗圣剑传说中的法帝斯等人的动作和一些ARPG游戏中的那些动作图。那么今天我们就来说一说如何用行走图改动作。
首先,打开一张你已经画好的行走图。这里我打开的是RM自带的016-Thief01行走图。好,那就让我们开始打造超级赛亚人吧!
f78ac54cfa1204933568ae20ecc8c5c0.png
2011-11-2 19:28

这次我们是要打造超级赛亚人。那么,我们是要做成什么样呢?请看:
   1.超级赛亚人的头发是金黄色的,所以我们要用到66的改色调法。
   2.我想把超级赛亚人画成七龙珠中的龟派气功波,并且分别画成超级赛亚人2和3的样子。
   3.超级赛亚人3的头会有些不同,所以还要用到前3章的技巧。
   4.七龙珠中的龟派气功波会发出亮光。所以我们还要在光影问题上下功夫。
说干就干,先把这张行走图的头发色调改了:
5925769d957a993ba424967faaaff5a9.png
2011-11-2 19:28

接下来,我们就把行走图的手和脚先擦了:
0fab5a1f6a1965e8b91f5bb242d37981.png
2011-11-2 19:28

然后,我们先用一种单一的颜色把自己要画的动作先画出来(这时要注意选择好透明区域的颜色,不然自己会看花眼的,此图透明区域用的是#849EA5+#BDBEBD,画动作的是黑色):
ca66886822d4dc2de14986a901acb3ae.png
2011-11-2 19:28

7d54821ea638c9cd1ac6572407233c54.png
2011-11-2 19:28

在那之后,我们就开始画它的颜色:
bc1fc67e70e5941fa88733ee280e9e91.png
2011-11-2 19:28

99590c13b128230437ade0147f65e2f8.png
2011-11-2 19:28

画好之后就可以把两个图层合并了(Ctrl+E[向下合并]或Shift+Ctrl+E[合并可见图层]),之后再把头改成超级赛亚人3的样子:
bd55e357221740ed1b624f8bec8d2550.png
2011-11-2 19:28

姿势画好了,不过好像还缺点什么,对了,是龟派气功波的气波还没画,那就来画气波吧:
b4bde237c52cdd5f28e328db96d5b0bf.png
2011-11-2 19:28

气波要被左手挡住,又要把右手挡住一点,而且气波要会忽小忽大的才有意思,所以我们要画成4帧
f4744ffc47976ba0a415c87f3e72f00c.png
2011-11-2 19:28

气波画好了,那么就把最后的光影问题处理一下吧(Mohan处理得不好,见谅):
09a0c4ea90ca440aa87ed9c6e9b32d4f.png
2011-11-2 19:28

1d16edf88318b23b37762c59ccad95e1.png
2011-11-2 19:28

最后把不要的地方去掉,转为索引颜色,存储为PNG格式,得到了成品:
c6ba43bac9b2d6576695df8ac1ee59e4.png
2011-11-2 19:28

Mohan 行走图教程到此全部结束。
分享 |
动漫未兴 何以为家
为梦而生 为梦而死