游侠NETSHOW论坛

标题: [剑阁]San12人像基础教程 [打印本页]
作者: 自由之民    时间: 2012-5-5 16:27:47     标题: [剑阁]San12人像基础教程

本帖最后由 自由之民 于 2013-4-5 13:31 编辑

[剑阁]San12人像基础教程

网上的类似教程有很多。大家还可以看这几篇：
http://game.ali213.net/thread-4021409-1-1.html
http://game.ali213.net/thread-3990433-1-3.html
还有这个帖子也作了一些很有益的讨论：
http://game.ali213.net/thread-3985189-1-1.html

在此，笔者也来写上几笔，权当抛砖。
总的来说，San12的人像与过去的头像相比，只是图像更大，格式更复杂——在美术层面上并没有什么本质的突破。
要制作San12的人像，大家要先解决这样几个问题：搜寻合适的素材，构思画面处理素材，绘制或者拼合人像，保存bmp文件并导入游戏。

搜寻合适的素材自不用多说。无论是可以直接用的，还是作为绘画的参考，好的素材和迸发的灵感都很重要。
对于初入门径的制作者而言，全新绘制人像比较困难，拼合素材相对容易。而要用素材拼合人像，主要有三个大方向：
其一，用《三国志》和《信长之野望》系列游戏的头像拼合；其二，处理照片并辅以游戏素材；其三，使用现成的人像或者“立绘”。
不管哪一种来源的素材，一些基本的处理手法却是共通的。Photoshop的常用技巧主要有：
图层与绘画工具、选取工具和制作选区、通道与蒙版操作、各种色彩调整工具、“人像抠图”……以及，保留各个重要的图层，并且时常保存工作成果。
当然，每个Photoshop用户都有自己的操作习惯，这里也无需多言。如果新手在软件操作方面无法入门，那么可以参考各种Photoshop教程。有些软件操作问题可以稍后再讨论。

San12的人像规格如下：

人像宽度高度材质规格
大人像360512512^2
中人像90128128^2
大头像486064^2
小头像323232^2

四种图片都是32位色的位图，带有Alpha通道。特别是第一种人像的Alpha通道，就是不包括背景色的人像本身。
后三者都可以通过对第一个人像的缩放、剪裁获得。所以，大家要制做的也就是第一个——最大的人像。
搞明白了San12人像的规格，还需要做一点准备工作：
用 【MOD工具】三国志12图片修改工具v1.1发布 支持图片种类最多，方便易用【游侠MOD组】 这个工具，导出一张或者更多的大人像作为示例。
在此笔者“传统地”选择貂蝉作为例子，观察图-1文件00003_00567.bmp的RGB通道。好吧，不用太过纠结文件名，反正就是貂蝉的人像。
[attach]3251854[/attach]
可以注意到图-2Alpha通道的样子，它的内容是人像的轮廓和四周的羽化渐变。其中，上边和左右两侧的羽化大约是15像素，下边大约是30像素。
图-3Alpha通道启用之后，白色的部分完全显示，黑色的部分完全消失，灰色的部分就是半透明。
羽化四周的作用是，借助半透明效果，避免人像超出画面的部分出现平直的硬边缘。
当然，根据人像头顶或其他部分的需要，也可以不羽化。一般而言，人像的边缘不超出360*512的画面，就不要羽化。
为了方便，大家可以仿造一个羽化的方框。笔者也做了两个放在附件的模板文件里。
[attach]3251862[/attach]

啰嗦了这么多，终于进入正题！开始制作人像啦~~

首先，大家需要选定合适的素材。
素材图片的选择，主要依据心中的意愿。但是有几点需要注意：

顺便展开说一下KOEI三国志的画风与素材选择。
KOEI的画风类似于一种写实风格的油画或者水彩画，对光影和色彩的表现非常强烈。而平时大家看到的漫画或者动漫壁纸，都是卡通风格的。
卡通风格有一个很要命的地方——不是色彩单一的皮肤——而是三角形的抽象的鼻子！所以，使用卡通风格的素材时，一定要三思而后行。
除了卡通图片，还有一类是粉彩肖像画，比如著名插画家“平凡和陈淑芬”所作的那些小说封面插图。虽然那些也是写实风格的，但是画面色彩和笔法，可能与KOEI有很大不同，抠图的时候难度还不小。选用这种素材的时候也需要权衡一下难易，尽量找接近游戏风格的。
再往下，就是从3D程序截取的人像图片了。用手上的3D程序截取画面作为素材，虽然比较灵活，但是由于渲染效果的不同，需要修改的部分也会非常多，特别是色调方面。
至于照片或者其它类似的素材，也并不意味着更容易修改。

笔者以这张San11的插画作为例子。显然，这是一个现成的人像，细节比较丰富，有立体感。基本上，去掉背景就能用。
[attach]3251855[/attach]
http://115.com/file/beelhnti#三国志11豪华版PremiumBox附赠精美人物卡片-by-xljin.rar
这个例子很简单，并不能涵盖“人像抠图”的各种情况，更不能说明拼合素材或者修改照片的情况。
至于合成、绘制的例子，大家可以观摩这个帖子：http://game.ali213.net/thread-3871974-1-1.html
与美术专业完全不沾边的笔者以为，“用笔画”是一件相当困难的事情。XD

接下来，开始处理素材吧！
如果素材图片尺寸相当大，那么可以先用适当的尺寸（比如两倍于游戏规格）进行处理，完成后再缩小到游戏的规格。这样做的好处是可以把图像细节更好地保留下来。当然啦，图片越大，工作量就可能越大。
制作San12人像最核心的工作是什么？当然是抠图！抠图的教程数以千计，但是新手能够迅速掌握的技巧却是不多。
如果大家有足够的耐心，倒是可以用一些“笨办法”。在这里有句话要说：“精确的并不一定清晰。”
由于计算机图形技术的特点，由精确绘制的点连缀成的弧线，必然出现锯齿。所以，抗锯齿就是在适当的位置，让点变成半透明！
所以，用带有一点点羽化的橡皮，沿着曲折的边缘擦一遍，看上去或许会比一个点一个点勾勒出来的边缘，更加清晰。
同样，漫画的边缘之所以显得清晰圆润，就是勾了一圈内黑外灰的线。当然啦，灰色或者说羽化的部分有多宽，就要看具体的情况了。
[attach]3251856[/attach]
对于对比强烈的部分，比如图-5所示的红色缎带部分，可以用通道抠图法。图中有两处的G通道写成了B通道……懒得改了大家看图理解一下吧。
经过观察，选取对比最强烈的绿色通道，执行曲线操作让黑色更黑，白色更白。这样就可以用魔术棒或者其他工具来制作选区了。
如图-6所示，可以很容易地选择出红色缎带。这种灰度图经过进一步的调整，也可以用于Alpha通道。
[attach]3251857[/attach]
终于把人像基本抠出来了。图-7还剩下一些小的细节需要处理，比如边缘部分的噪点，还有最麻烦的发丝。按照 大魔恩 的说法“还抠神马发丝，从来都是重新画”。笔者显然没这本事，所以还是用通道抠图的办法。不过因为前景和背景的对比不够强烈，所以效果比较差，只能凑合用。
利用图-8所得到的黑色发丝灰度图，通过反色或者反选操作，可以从蒙板或者通道中删掉多余的背景色。

缩小到游戏所需的规格——360*512——可不是说把图像就缩小到那个尺寸。而是要考虑人像的大小，缩小到适当的尺度。（大约480像素到500像素）
根据个人的习惯，可以直接在原图像上合成大人像，也可以新建一个专门的文件。
在这里，笔者把缩小好的无背景人像成品，复制到刚才的Alpha通道模板里，作为一个新的图层，并且摆好位置。
单击人像图层面板上的缩略图，载入人像的选区；再右键单击三面羽化模板，减去透明蒙版；这样就得到了想要的四周带有羽化的人像选区；切换到通道面板选中Alpha通道，Ctrl+I反向选择，填充黑色，即可做好Alpha通道。
[attach]3251858[/attach]
接下来最后一件事就是在人像下面新建一个背景图层，随便画点颜色，再用一次或者几次云彩滤镜。
图-10这个例子当中，直接保持了原来的背景图
都完成之后，隐藏无用的图层，保存psd，另存为32位Windows位图文件，再导入游戏。


最后，笔者还希望大家能记住 tony78 当初对于San12人像说过的一句话——“不满意就动手改”。
谢谢大家。

作者: 自由之民    时间: 2012-5-5 16:27:48

果然写的十分啰嗦……{:21:}
作者: m5y6    时间: 2012-5-5 16:33:36

{:00:}{:00:}{:00:}
感谢分享
作者: 大z+    时间: 2012-5-5 16:34:57

支持由头的技术贴~
作者: 蟊贼大王    时间: 2012-5-5 16:35:35

不看不学{:14:}{:20:}
作者: cxm13    时间: 2012-5-5 16:40:32

由头V5  {:13_463:}
作者: lxxgj    时间: 2012-5-5 16:41:59

感谢分享
作者: 快剑夏候恩    时间: 2012-5-5 17:09:14

一线层次分明的图，可以用PS自带那个滤镜——抽出，感觉蛮省事的。发丝的白边可以放大图片百分三百，用像皮擦干净也行。
作者: cyehua    时间: 2012-5-5 17:13:08

由头V587{:13_450:}
作者: dronedrone    时间: 2012-5-5 17:34:35

這張作示範拿弓的圖能分享嗎
好漂亮阿
作者: 王守仁    时间: 2012-5-5 17:38:27

帅呆了。
感谢LZ....
作者: 自由之民    时间: 2012-5-5 18:09:00

dronedrone 发表于 2012-5-5 17:34
這張作示範拿弓的圖能分享嗎
好漂亮阿

实际上就是这个。
http://pc.pcgames.com.cn/gl/s/0603/771094.html
最早最早的原始扫描图质量比较差。
经过调整修改之后的，给弄丢了。


作者: 听雨望云    时间: 2012-5-5 18:10:02

支持技术贴。
作者: a1170338    时间: 2012-5-5 18:20:24

支持下```````````
作者: 魔王莉莉    时间: 2012-5-5 18:26:14

由头大大
其实我想说我是PS新手
还算没看明呢
{:13_457:}
其他更新手的。就更看不明了吧
{:13_442:}

看不明的部分，只要是文字表达上可以接受太慢了
能不能录也视拼来简单显示一次

作者: ice323l    时间: 2012-5-5 18:29:15

顶技术贴，回去学习，支持楼主~
作者: 3722767    时间: 2012-5-5 18:33:36

{:12_404:}我学不会啊，啊民....你快教我。啊民>.....啊民{:12_415:}
作者: 追星趕月    时间: 2012-5-5 18:35:06

支持技術帖！！！
話說，暴走的圖也太大了吧
作者: sjajy    时间: 2012-5-6 00:44:08

支持 有时间好好学学
作者: bondelj    时间: 2012-5-6 00:47:59

由大这个犀利~~~{:00:}
作者: skyna    时间: 2012-5-6 00:57:10

顶了~~我抠图基本都是拿着橡皮慢慢擦~~~~~
作者: 自由之民    时间: 2012-5-6 11:02:35

tony78 发表于 2012-5-5 22:40
到現在還不太明....組長終於出了......做圖時才細看~~

也就是那个模板有点用，能给大家节约一两分钟时间而已……
作者: 101010101010    时间: 2012-5-6 11:10:31

支持一下老大~~~~~~~~~
作者: iamchenchao    时间: 2012-5-6 11:18:14

虽不明 但觉厉
作者: 找猫的老鼠    时间: 2012-5-7 16:36:51

太感谢啦，正是我需要的东东啊！
作者: network911    时间: 2012-5-9 11:00:53

只要是教程必须支持{:00:}
作者: Vanyna    时间: 2012-5-9 11:30:01

虽然不懂，但是必须支持
作者: goodfox6    时间: 2012-5-15 15:48:45

收藏  下班后好好学习！！！！！！！！！！！！！！！！！！！不过我始终用“ 【MOD工具】三国志12图片修改工具v1.1发布 支持图片种类最多，方便易用【游侠MOD组】” 这个工具导不出头像。。。。。。。。。。。。。。。。。。
作者: SinωSaGa    时间: 2012-5-15 15:53:36

效果拔群{:00:}
作者: solomleee    时间: 2012-5-15 16:58:39

真心给力~~！
作者: ADX2011    时间: 2012-7-28 19:39:20

完全的有看沒有懂
作者: xiaohuoba    时间: 2012-9-23 19:19:45

技术贴果断mark!
作者: lj565648    时间: 2013-6-19 19:49:09

回复一个
作者: 自由之光    时间: 2013-12-30 18:10:19

顶顶顶顶顶顶
作者: madfool01    时间: 2014-2-27 23:50:36

顶一个 学习了~



欢迎光临 游侠NETSHOW论坛 (https://game.ali213.net/) Powered by Discuz! X2