分享一下我画点图的流程
这是适合较高分辨率游戏的方法,而不是8bit风
(个人认为8bit要做得漂亮超困难,可以拿来表现的空间实在太小了)
范例:
http://azureblaze.idv.tw/run.gif
http://azureblaze.idv.tw/teddy.gif
(本来是60fps可是浏览器不愿意放那么快所以都变慢动作)
一开使用Photoshop或是任何你画图顺手的工具
不过最好有一张图同时开多个视窗的功能
(Photoshop: 视窗-> 排列 -> 最下面的新增视窗
Window Arrang New window for XXX)
一开始直接开需要尺寸边长八倍大的画布
(要128x128就狠狠的开1024x1024)
然后开第二个视窗缩成1/8用来预览最终结果
八倍的目的是最后要缩小很多,所以线歪歪扭扭也没关系,预览图ok就好了
另外也让缩放旋转变形等工具有些操作空间(小图一转角度就烂掉了)
如果要做动画,PS的puppet warp会是神工具
这样整个作业速度会快很多
画的时候最好把色盘先决定好,颜色用少一点比较不会杂乱
阴影就算是PS还是得自己来,先在色盘上搞定就好了
我会在另外一个图层上涂所有用到的颜色和他们的光影变化
之后从这边用滴管吸就好了
如果只是要单张或是要用传统动画制作法
最后在缩成1/8(记得另存新档)输出就差不多了
不过如果想做动画我会建议用Spriter
http://brashmonkey.com/spriter.htm
免费就很够用了,付费功能引擎不见得可以配合
Spriter可以用骨架动画的方式制作2D动画
中间的移动旋转缩放等都会帮你补间好,
只要设好Key frame就够了。
各组件的图也可在动画中间切换
两种配合的好效果应该不错而且省事很多。
不过用法可能得自己学了
PS和spriter配合还需多一些步骤
我会在PS中开许多图层资料夹用来存放各个组件
(头 上半身 左上臂 右上臂 ...... )
然后在开层画该组件需要的各种变化
(一般 向左 向右 表情变化 衣服摆动第n格 大破 ......)
输出到spriter前先缩为1/4,也就是Spriter会拿到两倍大的图
两倍大是为了给他的旋转缩放等一些额外的资讯,不然很容易变丑
最后再把每个图层转存出来
这时候可以用ps script自动完成
http://azureblaze.idv.tw/layertofile.jsx
(改造过有点bug,可以用所以懒得修)
这会自动把psd里的所有图层依资料夹结构存出来
在Spriter里编完动画后再看你要直接给引擎用(Unity应该有spriter的lib)
或是转成spritesheet都可以
ㄊㄡ
不过个人建议如果你还在学Unity那随便 借 素材来顶着用就好了
反正哪天要公开要卖再重弄合法的就好了
同时弄两边你的兴趣可能会先被烧光
学习阶段能够完成一点东西有成就感比较重要
不要想什么都自己一次搞定