2D游戏的四向行走精灵制作(像素图初级)

cndv3996

  我最近在做一个小型2D网络游戏（一个人全包，也不知能不能做完，）。作为准备，要做一些精灵。我顺手把女主角小草（Grass）长大后的精灵制作步骤记录下来了，给那些喜欢自己做游戏玩，又没有美工的兄弟参考，顺便交流。如果你是像素图专家就不用往下看了，嘿嘿。
  游戏是2D的，用32*32像素的tile。tile呈直角排列，视角为俯视。做好后的效果如下：



本来32*32像素的tile应该用32*48像素的精灵，但是那个分辨率已经不适合现在的审美水平了。只能做大一些，效果会好一些，所以我将精灵设为64*96像素。下面介绍制作步骤（都有图片）。

对了，顺便介绍一下，这次要做的小草是13-25岁左右的年轻女性。这个要事先设定好，画的时候要参考。

======================================================

工具就是windows的画板，呵呵，便宜量又足，如果你喜欢用PS也行，都一样。



  首先用工具栏里的放大镜将画布放大为400%，然后用非黑色的某种色画一个线框。画多大要看你想做多大的精灵。我这个要做64*96像素，所以我就画这么大。

======================================================




[em5]

cndv3996

然后在上部的中间画个圆作脑袋。可稍画大一些，属于Q版，比较可爱。

======================================================



画出身体的中线，然后在左边勾出身体轮廓。注意几点：
1，        因为是女性，耳朵稍大一点比较可爱，但不要画成猪耳朵啊。
2，        肩膀略窄，胳膊纤细一些。
3，        因为是成年女性，胸部、髋部比较突出。
4，        腿略向外分开。（你联想到什么？不要想歪了-___-|||）

======================================================

cndv3996

画上衣服的褶皱。因为现在的女孩都喜欢穿泡泡袜，所以也给她穿上。（^o^）

======================================================



画好后，复制左半边的身体->粘贴->水平翻转。合成一个完整的身体。注意比例宽度是否得当。

======================================================

cndv3996

因为是打草稿，细节先不画。下面画第二帧（迈右脚）。复制、粘贴刚才的帧，移到旁边。擦去需要修改的地方，主要是手臂和左腿。从正面俯视时，迈右脚，右腿变化并不明显，反而左腿变化更明显，所以只修改左腿，右腿不变。

======================================================



勾好线，动作尽量夸张一些，但也要兼有女性的动作美感。（东耳小贴士：平时多看看女孩很重要，必要时可以吹声口哨，以助兴。）

======================================================

cndv3996

迈左脚的帧不用画，直接复制迈右脚的帧，粘贴，翻转就行。

======================================================



下面画左侧面。复制正面的第一帧。擦去所有的线，只保留圆圆的脑袋。

======================================================



勾出线来。注意：
1，        脸要嘟一些，比较可爱。
2，        胸部，臀部画突出一些，上面也说过了（注意胸部不要下垂！！！）。
3，        因为是俯视，右脚也能看见，也要画上，但画小一些。

======================================================



画迈右脚的帧。和画正面一样，先擦去要修改的部分。

======================================================



勾好线。注意：
1，        右臂，右腿要画细一点，因为它们是远端。
2，        动作尽可能夸张一些。不然你千辛万苦画好后，拿到游戏里一显示就明白了：精灵好像不是在走路，好像是挺尸。

======================================================

cndv3996

这回迈左腿就没办法复制上一帧了，只能老老实实画。也是要远端肢体画细一些。

======================================================



不过右侧面的三帧就不用画了，全部复制，翻转左侧面就行了。现在只剩下背面了。

======================================================



和上面画法差不多，稍稍修改正面第一帧就行了。注意：
1，        耳朵画小一点，因为耳朵长的靠前，从后面看就小一点。
2，        衣领画高一些。
3，        PP要画出质感（圆圆的，有弹性的……不能再说了，再说就成黄色小段了）。
4，        膝盖弯曲处要画出褶皱。

======================================================



画迈右脚的帧。和上面一样，先擦去要改的地方。

======================================================



勾上线。迈左脚的帧只要复制翻转这帧就行了。

======================================================

cndv3996

现在草稿完成了。可以休息一下了。Coffee?   No!No!   I’d like 酸梅汤（黄X龙的比较正）！

======================================================

另存一个文件，下面开始画细节。

======================================================



发挥你的想像，给女主角设计一个发型，画上五官。然后是衣服。我比较喜欢女孩穿水手服，所以给她也穿上。（我承认我有水手服情结，so,don’t hesitate to B4 me…）
精明的你也许会发现：裙子不是把腿遮上了。那刚才画腿不是白画了！（这篇文章的作者是不是小白啊！）
呃…所以刚才叫你另存一个文件嘛。刚才那个是草稿，是通用的。以后你另设计一套发型，服装，改改刚才的草稿就成另一个人了，不用另打草稿了。可以省很多工。这次虽然穿水手服，把腿遮上了。下次你可以让她穿泳装嘛，那不是利用上了。现在什么都讲recycle，这不也是吗。

======================================================



画迈右脚的帧。和上面一样，擦有变动的线条。

======================================================



在画布空白处，复制第一帧，也擦去不用的线条。准备和迈右脚的帧合成。

======================================================



这是合成后的效果。并略作修改。

======================================================

cndv3996

迈左脚的帧就是复制翻转迈右脚的帧。

======================================================



同样的画法，画左侧面帧。

======================================================



合成左右迈脚的帧。注意：侧面左右迈脚的帧比直立帧头顶的高度低3像素。这是为了让精灵行走时有动感。正面和背面不用。

======================================================



复制翻转…现在只剩下背面了。而背面非常好画，呵呵。

======================================================



背面也完成了。恢复100%显示，看有没有明显不合理的地方。稍稍修改一下细节。

======================================================
再休息一下吧。你可累坏了。哇，楼下花园里有个MM在给花浇水，她身材好正！咦，她为什么白我一眼？难道我的口哨吹的太响了？
======================================================

cndv3996

然后就可以，灰常灰常愉快的上色了。然后稍加润饰，比如加个发卡，左侧上衣加个口袋，皮鞋上加上光泽。别小看这些细节，花不了多少工夫，但对改善画面很有效果。

======================================================



然后，就像这张图片一样，去掉线框。将背景染为RGB（255,0,255）。这是关键色。不染也行，在PS里加个alpha通道，存成TGA或PNG文件也一样。
整个图片完成时间：7-8小时。

======================================================
然后大功告成了吗？No,No,not yet finished!
你还要动态检查。用某种软件，横向按1、2、1、3的顺序循环播放，帧间的时间间隔可以是100毫秒。动态看，有没有不合理的变化。
像我这个精灵，我检查发现，背面的三帧，裙摆动作不合理，但我也懒得改了。毕竟不是商业化制作，自己做着玩而已。不浪费时间调整了。多花点时间在程序上吧。
======================================================

可以改进的地方：
1，        这个精灵只用了五六种颜色，这可不是为了节省内存。而是懒得润饰。像头发，脸部，裙子都可以多用两三种颜色来表现出立体感和质感。但那要花时间。
2，        头发可以做成左右（前后）飘动的，但我没做。也是为了节省时间。因为一个游戏要用到十来种精灵，都这么处理，我会累死，又没人给我钱。Money,money,我要money!
3，        你有什么意见，也可以提出来，大家交流。

======================================================



顺便附上小草童年时的精灵，比成年的精灵低16像素。


好了，最后谢谢大家读到这里。（T_T）
======================================================
======================================================
PS：最近准备办游戏制作培训班，侧重程序（2D游戏引擎），兼有美工（漫画，像素图）及策划。为期十个月，有兴趣的联系我（QQ：89167716）。
======================================================
======================================================

东耳先生
2006年5月7日 广州

gto1_ren

厉害!!有点意思!!