女猎人Varga 游戏角色(一)

修改
鏉ユ簮: 貌似殊途 浏览 3626 日期 2011-10-28 0

朱峰社区在本篇教程例举了大量的图片和软件(maya/photoshop等)截图,详细阐述了游戏角色毛发的创作思路与过程;文中所用的角色是我参加 dominace war ii 大赛——低多边形游戏角色设计——的参赛作品。

1.发型

本文将以女式发型为例,其技巧也同样适用于男性。

发型的重要性不胜枚举,它是塑造角色(尤其是女性角色)个性的关键。

到哪儿去找合适的发型?

我们手边有很多资源可以利用,最方便的就是互联网,你可以在上面找到无数靓图酷照;另外还有时尚杂志,娱乐杂志(比如花花公子一类的)等等...varga 发型的灵感来自于超市,那时我还没有参加 dominace war ii 大赛。在闲逛买吃的的时候,偶然发现架子上有一盒超强定形的发胶,包装盒上印着个帅哥的照片,他的头发夸张的向外扎着,给我留下了深刻的印象。后来在做角色设定的时候,我再次来到这家超市,找到那个牌子的发胶,拍照,回家。

下图是发型的几种变化,在教程后面会有进一步说明。

2.游戏建模方法

游戏和电影不同,电影在制作上没什么限制,毛发创建的方式也很自由。但游戏首先要考虑到多边形数量及贴图尺寸的限制,因此平时最常采用的就是‘透明贴图’这种方式。

alpha 和 transparency 两者间的概念很容易混淆,我在这里要说明一下。alpha 是作为 photoshop 中一个独立的通道存在的;而 transparency 则依托于红绿蓝三色通道来表现。它们都能裁切纹理的轮廓,但能力上有很大区别。在以前的工作中,我们主要使用 alpha 贴图,它只有两种颜色,黑色为透明,白色为保留,中间没有过渡。现在,随着硬件性能的提升,8位的 transparency 透明贴图终于实现了半透明效果。虽然计算量会大一些,但比起1位alpha贴图那可怜巴巴的渲染效果,这点牺牲还是值得的。

3.发型实例

下面我来例举几种毛发纹理的样式。首先需要一个简单的场景:利用头部模型的边挤出一段多边形作为头发,然后贴上透明贴图。

[next]

3.1.工具的选择

这个项目用到的软件包括 maya(3d)、photoshop(纹理)以及 mudbox(高精度雕刻)。我以前常用 maya 的 paint fx 来制作毛发,不过现在改用 photoshop 了。photoshop 的自定义笔刷更方便也更灵活。当然,你也可以在 maya 中定制 paint fx 笔刷实现同样的效果,具体方法一会儿就说。

3.2.绘制毛发纹理

绘制毛发的 alpha 通道时,重点是确定头发的外形轮廓,不用在意纹理走向、阴影高光等问题,那些都是由漫反射纹理负责的。

绘制毛发的 alpha 通道有两种方法:

·maya paint fx

·photoshop

maya paint fx

我过去常用 maya paint fx,效果很不错,只需要耐心设置一些画笔,用不了几个小时,你就能画出各种漂亮的发型效果。

先来打开 maya paint fx canvas

点击 brush presets 图标,弹出 visor 窗口,在 paint effects 面板中选择“hair”文件夹,点击红色的毛发缩略图。这个红头发比较符合我现在的需要,你也可以试试其它的缩略图,看看都是什么效果。

如果有 wacom 画板,你可以在 paint fx tool setting 对话框中根据不同压力设置相应的贴图属性。

点击上图所示 paint fx canvas 工具栏上的 alpha channel 图标,进入 alpha 通道,笔刷采用默认设置,绘制效果如下。

按 ctrl+b 打开 paint effects brush settings 自定义笔刷对话框。里面有很多参数可以用来设置你的笔刷效果(我没具体数过,不过记得有篇教程提到说一共有一百多个参数),当然,你肯定用不了这么多...但有几个非常有用。

注意 brush profile 参数栏,尤其是 brush width 和 stamp density 这两个参数。

[next]

以及 creation 参数栏中的 tubes per step(毛发密度)和 segments(如果制作卷发,就需要增加分段数)(提示,你可以在数字框内输入比滑块最大范围更大的数值)。

你可以在 tubes->behaviour 中调整笔刷行为。

path follow 可以让毛发靠近你的绘画路径;而random 参数可以为毛发添加随机性。

另外还有 turbulence、spiral 和 bend 等等,可以为画笔增加更多变化。

调整这些参数可得到的部分效果图例如下

这些都是用单个画笔画出来的,花几分钟调整一下参数,就能得到各种不同的漂亮效果。想让卷发更圆滑,记得要在 tubes->creation 中增加 segments 段数;想让毛发更服帖,可以在 tubes->behaviour->forces 增加 path follow 强度。多试试不同的参数,找出你最满意的效果,然后将画布保存为支持alpha通道的文件格式,导入 photoshop 中作进一步调整。

绘制透明贴图的时候,你也可以把漫反射贴图一起画出来。笔刷设置里有很多关于画笔颜色的参数,还可以添加色度、饱和度等各种变化,甚至还可以根据笔压等级分配不同的纹理贴图。

最后注意一点:在maya中绘制贴图时一定要使用大尺寸的画布。比如需要一幅512大小的纹理,那么就应该建立一个2倍尺寸(或更高)大小的画布,画好后再导入 photoshop 改小,这样可以获得更精确更丰富的细节。在 photoshop 中改小文件后不要忘了使用锐化。我通常使用 usm 锐化(unsharp mask),参数设置为:半径4.5、数量100,可在预览窗口观察效果并根据需要随时调整。

使用 photoshop 绘制毛发

第二种方法是通过 photoshop 的自定义笔刷来绘制毛发纹理,只要稍微多用一点时间,你可以得到比 maya 更好的效果。photoshop 最大的优势就是方便,想画成什么样都行,而 maya 虽然提供了那么多参数,但主要还是依靠程序计算生成。

[next]

下面是我常用的4种笔刷:

1.填充笔刷-填充头发纹理

2.细节笔刷-绘制头发细节

3.单像素笔刷-绘制零散的发丝

4.ps默认的圆形笔刷-添色

现在要做的就是耐下性子认真画几绺头发,下面是几幅简例。

完成透明贴图后就可以开始画漫反射贴图了。最好将透明贴图复制到漫反射纹理的 alpha 通道里,以便限定绘画范围。另外,你也可以直接在透明贴图上‘正片叠底’真人头发的纹理。

需要注意的是:一定要先填充上头发的主体色做背景,然后再开始画纹理。也就是说,发丝周围的颜色要和发丝的颜色相同,否则就会露出一圈粗糙的边线。左下图利是错误的,右下是正确的。

3.3.头发形状

纹理完成后,让我们回到3d软件中来,开始制作头发的几何模型。

先创建一片简单的模型平面,贴上alpha贴图。然后多次复制,直到把头部完全盖上。最后再调整整体的发型形状。

如果想让头发更有厚度,就不能像下图这样顺着头皮摆放多边形。

而要让多边形表面和头部垂直,立着放。然后根据发型调整多边形的形状,复制、缩放、移动,注意贴图的拉伸变形不要太大,否则会影响纹理效果。

调整过程中有一个小技巧:maya 中有一个灯光选项-用场景中的灯光照明视图区(快捷键7),如果场景里没有灯的话,模型就会一片漆黑,但透明贴图仍然有效;设置一个明亮的背景。这样一来,你就可以专注于头发的轮廓...耐心的调整、摆放头发模型,通过推移、缩放、移动来变换视角,检查发型的整体情况。

afro hairstyle‘非洲发型’的纹理入下图所示

头发模型的创建步骤

1.创建一个球体。

2.把球体放置在头内部。

3.选择所有边,执行 extrude edge;选择所有面,执行 extract-选中 separate extracted faces 选项,关闭 keep faces toghether 选项。

现在每个面都成为了一个独立物体,选择内部的球体表面,将它们删除。

4.如上图所示选择位于同一环状平面的所有片断,执行 combine。

[next]

合并后调整法线朝向,焊接多余的点。

5.为每个圆环分别创建贴图,使用 planar 平面映射方式。

uv贴图后,还可以通过变形器、晶格、手动调整点等多种方式继续修饰一下发型形状。

你需要把更多精力放在发型轮廓上,这样才能用更少的面制作出更多的头发。这款非洲发型大约用了300个三角形。

上面的图片中,有的角度还是可以看出头发贴在了一个平面上。如果增大面数,为平面添加更多变化,露馅的几率就可以降低很多。

3.4.使用法线贴图

首先让我们来看看应用法线贴图前后的效果对比。(左=有,右=无)

这两个版本都带有漫反射、透明度和高光贴图,但右图很明显缺乏立体感。

法线贴图可以让头发在不同角度上的变化更丰富,而且还能捕捉更多光线,让反射效果更明显。

显然,带有法线贴图的版本效果要好得多,它能显著增加头发的立体感和真实度。不过我发现很多人在制作法线贴图时,只是在漫反射层上加个‘nvidia normal map filter 法线贴图虑镜’草草了事,或者用 zbrush / mudbox 真的雕出一绺来;但实际上效果都不明显。(如下图第一张所示)

比较好的解决办法就是增大法线贴图的体积效果(上面第二张图所示)。

比如利用下图这种波浪状的曲面模型,制作一张映射到平面模型的法线贴图,然后导入 photoshop,‘正片叠底’到头发纹理的法线贴图上。这样一来,在保持纹理细节的基础上,又给头发添加了大幅度的起伏变化,配合高光和透明贴图,立体感就出来了。

4.varga

最终效果

头发模型包含800个三角形

头部纹理及法线贴图

高光贴图

评论

{{ username ? username.charAt(0).toUpperCase() : '?' }}
Ctrl+Enter 发布
{{ (c.username || c.author_name || '?').charAt(0).toUpperCase() }}
{{ c.username || c.author_name }} {{ Utils.formatDate(c.created_at) }}