[剑阁]San12人像基础教程

自由之民

[剑阁]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的人像规格如下：

人像	宽度	高度	材质规格
大人像	360	512	512^2
中人像	90	128	128^2
大头像	48	60	64^2
小头像	32	32	32^2

四种图片都是32位色的位图，带有Alpha通道。特别是第一种人像的Alpha通道，就是不包括背景色的人像本身。
后三者都可以通过对第一个人像的缩放、剪裁获得。所以，大家要制做的也就是第一个——最大的人像。
搞明白了San12人像的规格，还需要做一点准备工作：
用 【MOD工具】三国志12图片修改工具v1.1发布 支持图片种类最多，方便易用【游侠MOD组】 这个工具，导出一张或者更多的大人像作为示例。
在此笔者“传统地”选择貂蝉作为例子，观察图-1文件00003_00567.bmp的RGB通道。好吧，不用太过纠结文件名，反正就是貂蝉的人像。

可以注意到图-2Alpha通道的样子，它的内容是人像的轮廓和四周的羽化渐变。其中，上边和左右两侧的羽化大约是15像素，下边大约是30像素。
图-3Alpha通道启用之后，白色的部分完全显示，黑色的部分完全消失，灰色的部分就是半透明。
羽化四周的作用是，借助半透明效果，避免人像超出画面的部分出现平直的硬边缘。
当然，根据人像头顶或其他部分的需要，也可以不羽化。一般而言，人像的边缘不超出360*512的画面，就不要羽化。
为了方便，大家可以仿造一个羽化的方框。笔者也做了两个放在附件的模板文件里。


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

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

• 图片最好是游戏规格的两到三倍大小。太大太小都会丢失很多细节。
• 图片如果是JPG格式，那么文件大小不能太小。用Photoshop放大到300%时，不应出现太过明显的色斑。网上常见的壁纸应该还是比较清晰的。
• 图片如果是8位色（256色），比如gif格式，那么要考虑色彩是否符合需要。因为8位色的图片通常很难呈现色彩上的细节，和游戏的整体风格不协调。
• 新手还要考虑抠图的难度。人像必须去掉背景才行。太复杂的图片，处理起来会很困难，费时费力。
• 挑选人像图片时，画风与游戏接近的人像绘画，修改的难度比较小。其次是细节比较丰富的人像绘画。再次是ACG立绘类型的人像。照片的修改难度其实是比较大的。这主要是因为照片不容易和游戏素材融合在一起。
  

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

笔者以这张San11的插画作为例子。显然，这是一个现成的人像，细节比较丰富，有立体感。基本上，去掉背景就能用。

http://115.com/file/beelhnti#三国志11豪华版PremiumBox附赠精美人物卡片-by-xljin.rar
这个例子很简单，并不能涵盖“人像抠图”的各种情况，更不能说明拼合素材或者修改照片的情况。
至于合成、绘制的例子，大家可以观摩这个帖子：http://game.ali213.net/thread-3871974-1-1.html
与美术专业完全不沾边的笔者以为，“用笔画”是一件相当困难的事情。XD

接下来，开始处理素材吧！
如果素材图片尺寸相当大，那么可以先用适当的尺寸（比如两倍于游戏规格）进行处理，完成后再缩小到游戏的规格。这样做的好处是可以把图像细节更好地保留下来。当然啦，图片越大，工作量就可能越大。
制作San12人像最核心的工作是什么？当然是抠图！抠图的教程数以千计，但是新手能够迅速掌握的技巧却是不多。
如果大家有足够的耐心，倒是可以用一些“笨办法”。在这里有句话要说：“精确的并不一定清晰。”
由于计算机图形技术的特点，由精确绘制的点连缀成的弧线，必然出现锯齿。所以，抗锯齿就是在适当的位置，让点变成半透明！
所以，用带有一点点羽化的橡皮，沿着曲折的边缘擦一遍，看上去或许会比一个点一个点勾勒出来的边缘，更加清晰。
同样，漫画的边缘之所以显得清晰圆润，就是勾了一圈内黑外灰的线。当然啦，灰色或者说羽化的部分有多宽，就要看具体的情况了。

对于对比强烈的部分，比如图-5所示的红色缎带部分，可以用通道抠图法。图中有两处的G通道写成了B通道……懒得改了大家看图理解一下吧。
经过观察，选取对比最强烈的绿色通道，执行曲线操作让黑色更黑，白色更白。这样就可以用魔术棒或者其他工具来制作选区了。
如图-6所示，可以很容易地选择出红色缎带。这种灰度图经过进一步的调整，也可以用于Alpha通道。

终于把人像基本抠出来了。图-7还剩下一些小的细节需要处理，比如边缘部分的噪点，还有最麻烦的发丝。按照 大魔恩 的说法“还抠神马发丝，从来都是重新画”。笔者显然没这本事，所以还是用通道抠图的办法。不过因为前景和背景的对比不够强烈，所以效果比较差，只能凑合用。
利用图-8所得到的黑色发丝灰度图，通过反色或者反选操作，可以从蒙板或者通道中删掉多余的背景色。

缩小到游戏所需的规格——360*512——可不是说把图像就缩小到那个尺寸。而是要考虑人像的大小，缩小到适当的尺度。（大约480像素到500像素）
根据个人的习惯，可以直接在原图像上合成大人像，也可以新建一个专门的文件。
在这里，笔者把缩小好的无背景人像成品，复制到刚才的Alpha通道模板里，作为一个新的图层，并且摆好位置。
单击人像图层面板上的缩略图，载入人像的选区；再右键单击三面羽化模板，减去透明蒙版；这样就得到了想要的四周带有羽化的人像选区；切换到通道面板选中Alpha通道，Ctrl+I反向选择，填充黑色，即可做好Alpha通道。

接下来最后一件事就是在人像下面新建一个背景图层，随便画点颜色，再用一次或者几次云彩滤镜。
图-10这个例子当中，直接保持了原来的背景图
都完成之后，隐藏无用的图层，保存psd，另存为32位Windows位图文件，再导入游戏。


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

自由之民

果然写的十分啰嗦……{:21:}

m5y6

{:00:}{:00:}{:00:}
感谢分享

大z+

支持由头的技术贴~

蟊贼大王

不看不学{:14:}{:20:}

cxm13

由头V5  {:13_463:}

lxxgj

感谢分享

快剑夏候恩

一线层次分明的图，可以用PS自带那个滤镜——抽出，感觉蛮省事的。发丝的白边可以放大图片百分三百，用像皮擦干净也行。

cyehua

由头V587{:13_450:}

dronedrone

這張作示範拿弓的圖能分享嗎
好漂亮阿

王守仁

帅呆了。
感谢LZ....

自由之民

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

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

听雨望云

支持技术贴。

a1170338

支持下```````````

魔王莉莉

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

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

ice323l

顶技术贴，回去学习，支持楼主~

3722767

{:12_404:}我学不会啊，啊民....你快教我。啊民>.....啊民{:12_415:}

追星趕月

支持技術帖！！！
話說，暴走的圖也太大了吧

sjajy

支持 有时间好好学学

bondelj

由大这个犀利~~~{:00:}