查看完整版本: 【原创教程】Photoshop~游戏立绘制作~for LM2,krkr,NS~修改版~

【原创教程】Photoshop~游戏立绘制作~for LM2,krkr,NS~修改版~

不太具体请见谅0-0。

【原创教程】PS-游戏立绘制作~~~LM2,krkr，NS。
krkr，NS只讲常用的alpha透明，工具 PS6.0+。

从线稿讲起。

扫描底图：灰度，分辨率在150dpi+。黑白位图，300+dpi。手机拍的把分辨率改到150~300。数码相机拍的改为100+（电脑配置够高也可以改得更大）。

ps描线：
不详说了，路径工具。
钢笔设定
[IMG]http://i14.photobucket.com/albums/a311/gemma20040/2.gif[/IMG]

在底图上新建图层，命名0，选择最淡的橙色（R,G,B=253,198,137），alt+del填充，调整透明度60%左右，能清晰看见底图的线就行，在上面另建新层命名line,根据需要可以多建几个，方便修改,在line层描线。
单击起点，终点处拖拽，再按ctrl可以修改，拖出屏幕了可以按空格键移动图
像找回锚点，单击鼠标右键选描线然后删除路径，描线选项下有模式选择，一般用画笔，即线的粗细形状和画笔最后停留的状态相通。模拟压力控制渐变。
尽量保证线条闭合，方便上色。五官可以和主线层分开，便于修改表情~。

上色：
在line层中使用魔棒工具（快捷键w）选择要涂的区域（想填相同颜色的区域可
同时选），注意把上方菜单里“连续的”打钩。如果线条闭合就不怕选错了~，线比较细的地方可以调整容差来控制范围。

相关图片：
魔棒
[IMG]http://i14.photobucket.com/albums/a311/gemma20040/1.gif[/IMG]
[IMG]http://i14.photobucket.com/albums/a311/gemma20040/3.gif[/IMG]


在line层下方建新图层命名1用来上色，刚才选好的范围不要取消。
点上方菜单：选择-修改-扩展...，扩展量不要太大，一般3-，看扩展后范围不
要明显超出线。之后尽情填色吧，用路径上阴影也可以，不会画到外面~0~。
个别细小的角落选不上，可以在取消范围后放大，用画笔涂几下~。
完成图层1的填色，回到line层选下一个想涂色的区域，然后建新层2,同样的方
法go on...存盘(大分辨率psd文件用来修改表情~)。

制做游戏用图像：
一般描线涂色都在高分辨率下，涂完合并图层到只剩1个line层和一个颜色层，
另存为psd格式的（另存！！！），注意，底图和0层不要也一起合并到上面。
0是辅助层，可以改变它的透明度来看效果，选用橙色是因为曰本科学家证明柔
和的橙色可以减轻视觉疲劳~效果比绿色，蓝色好很多。

底图已经没用了，可以把0层透明度调100%，向下合并，快捷键ctrl+e。
到这手里应该有3个层（从下-->上）：0（背景），X（颜色），line(线)。

@@@SAVE点1@@@

合并线和色层，魔棒选空白区域,上方菜单可以把“连续的”前面的钩去掉。
通过扩展使所选区域卡住人物边缘,超点也没事~别盖住太多色，可以用套索
工具修改。
[IMG]http://i14.photobucket.com/albums/a311/gemma20040/3.gif[/IMG]
[IMG]http://i14.photobucket.com/albums/a311/gemma20040/7.gif[/IMG]

人物在图片中的高度决定身高，所有立绘人物应该站在同一高度。
bmp文件我一般都存成24位~~~遮片除外，256色就够用。

这里开始有分歧.......

[[i] Last edited by gemma200407 on 2006-10-2 at 10:05 [/i]]

LM2立绘：
不要取消所选范围，调整分辨率为72，高度480。在最上方新建空白  
图层XXX，选黑色（r,g,b=0，0，0）alt+del填充。
[IMG]http://i14.photobucket.com/albums/a311/gemma20040/6.gif[/IMG]

取消选择区域，放大局部。画笔工具（快捷键b）上单击右键设置为 铅笔，主
直径设为1。橡皮工具（快捷键e）,上方菜单：模式设定为 铅笔，主直径设为1
。然后在b与e之间切换工具修改边缘~~~
双击放大镜工具可以100%显示图片，便于观察锯齿~再放大修改（快捷键z，按
住alt缩小）。

修改完存盘，再另存为BMP格式~作为立绘~！OK

注：修改画布和图像效果是不同的，图像控制拉伸缩小，画布是多加一块空白和裁切。
[IMG]http://i14.photobucket.com/albums/a311/gemma20040/5.gif[/IMG]

krkr立绘：
alpha透明，从@@@SAVE点1@@@开始.........

合并线和色层，魔棒选空白区域。通过扩展使所选区域卡住人物边缘，超点也没事~别盖住太多色，可以用套索工具修改。
不要取消所选范围，不改分辨率，在最上方新建空白图层，选黑色（r,g,b=0，0，0）alt+del填充。（暂称为黑色层~~~）
取消选择，双击放大镜，100%显示图像，看看效果，有明显白边的地方直接用画笔修改就行了，多涂的黑色用橡皮擦去些。存盘！！！

注意这里和LM2不一样，画笔橡皮的模式都不是“铅笔”！！！
如果边缘被黑色盖住看不清，可以把黑色层透明度降低些，修改完再改回100%。
改好黑色层后不要合并，直接改分辨率为72，高度600（480）。然后改变画布大小宽400，把黑色层两边的空白都填上黑色。这里建议用矩形工具选择范围，再alt+del填色，以免有白线。然后另存！！！

注：降低分辨率和缩小图像都会使图像边缘产生羽化（模糊），正好满足边缘锯齿 半透明—>不透明 的过度~~~。

尺寸统一为400*600（320*480）是为了游戏制做方便，免去再调位置的麻烦~~~。

大分辨率的图到这里就用不上了，留作他用。
接下来只用另存的72分辨率这张（暂称为立绘图）。

黑色层处于编辑状态下，ctrl+A全选，ctrl+c复制。
ctrl+n新建文件XXXX，填充白色，ctrl+v粘贴。

@@@SAVE点2@@@

存为bmp格式。—————————————————遮片完成！！！
立绘图直接合并图层存成bmp格式。————————立绘完成！！！

注意图片的命名，立绘图如果名为XXXX.bmp，遮片图就应该命名为XXXX_m.bmp,且两图大小应该是一样的。遮片里灰色表示半透明，如果想做半透明的蕾丝纱巾就在相应的位置图灰色，灰色越深透明度越高，纯黑完全透明。


NS立绘：
alpha透明，从@@@SAVE点2@@@开始.........

改变XXXX画布大小为800*600（640*480）。
把XXXX中的黑色层对齐画布右边，点上方菜单：图像-调整-反相（黑白互换）。
[IMG]http://i14.photobucket.com/albums/a311/gemma20040/4.gif[/IMG]

回到立绘图，合并图层，然后ctrl+a全选,ctrl+c复制,再ctrl+v粘贴到XXXX左半部分。此时XXXX左右是均分的，一个像素都不差,左半部分黑底，右半部分白底黑影。
[IMG]http://i14.photobucket.com/albums/a311/gemma20040/5.jpg[/IMG]
合并图层，存成最高画质jpg格式。————————立绘完成！！！

关于色板制作：
便于统一颜色，把需要的基本色做成色表，上色时可以直接用吸管工具取色~,花纹也是~。
[IMG]http://i14.photobucket.com/albums/a311/gemma20040/8.gif[/IMG]

[color=Red]评分+10
感谢33的教程
by 铃[/color]

[[i] Last edited by 铃 on 2006-10-2 at 10:50 [/i]]

吐血..............终于泡完了............有问题就提啊~~~
至于300分辨率的psd文件，不要删，留着改表情 做宣传画 壁纸什么的。
72分辨率的psd格式文件可以扔了~。

大大用的制作软件哪里可以下？？hou24 hou24

[quote]原帖由 [i]泡の雪[/i] 于 2006-11-6 06:01 发表
大大用的制作软件哪里可以下？？hou24 hou24 [/quote]

你说PS么~~网上都有的.....

[quote]原帖由 [i]泡の雪[/i] 于 2006-11-6 06:01 发表
大大用的制作软件哪里可以下？？hou24 hou24 [/quote]


hou54 hou54 hou54

难道是我火星了  hou16

[quote]原帖由 [i]六月流月[/i] 于 2006-11-12 14:02 发表



hou54 hou54 hou54

难道是我火星了  hou16 [/quote]
偶给你啊。PS8。0的

小小的问一下

。PS8。0
是一种软件吗hou58 hou58

gemma200407 亲,请问photoshop cs与8.0的版本有什么不同之处?在功能方面?
因为偶的是cs的,从步骤上看好象都差不多???拜托帮忙解答一下,谢谢~
如果差别比较大的话,偶会考虑去下8.0版hou54 ,但愿能找到活的链接hou51

啊....貌似,我记得好象CS就是8.0来的...
还是我记错了?...hou51

cs就是8.0没有错……8.0是俗称，正式叫法只有cs，同理9.0就是cs2

看咯楼主的贴长知识呀
谢谢楼主的分享hou04
最近好久都米用弄PS咯
是该拿出来锻炼锻炼咯
否则都要退化咯啊
回十楼的偶记得的是PHOTOSHOP8。0
好像还有个是PHOTOSHOP CS都是差不多功能

[[i] 本帖最后由 香喷喷的米饭 于 2007-2-4 22:22 编辑 [/i]]

那个，据我所知，NS的立绘完全不需要自行制作ALPHA透明，它有自带的批量处理软件……
只要把立绘形象分别作出黑白背景的两张图，然后点开程序批量处理，即可完成所有立绘

其实那个很不方便……半透明方面没法实现就算了……既然有时间把图切好分放在黑色和白色背景下再去批处理……不如自己在ps里把遮片随手做好……

麻烦大人您了......houn125
我也下下来试一试.....
作的很漂亮的说~~~
可是现在我还是只会手绘......
家里没有买扫描仪。。。。。。
要是用照相机照的话放在电脑上第一步的阴影之类的东西怎么处理我都不会的说....
上来就被卡啊.......houn124
如果大人再详细些的话.......houn121

houn127
这个教程很好。主要是游戏中人物应该是无锯齿的！所以这个很关键
最近在用NS，感觉上NS的脚本按照顺序运行，因为不是事件驱动，所以变数不大，做小说还好，要像加点其他系统挺费劲的。

hou21 我觉得应该设个主题教一下简单的PS,让偶们这么新人学习一下,还有一些视频制作,特别是推荐几款好点的工具软件,这样就能让大家都会点知识,有可能人才就这样挖掘出来了

hou38 真是对不起斑竹，偶有看没有懂。。。等再研究研究。houx13

houn113 houn113 完全看不懂。。。
我ps只会上色。。而且。。。。弄出来的。。实在很难看。。。颜色搭配搭不来。。
郁闷。。houn113

感谢大人的教程

最近刚刚开始学KIKI,完全一头雾水.原来立绘是这么做出来的啊,我正愁不知道怎么把人物放到游戏里呢.谢谢.houn104