目錄
1.發(fā)型
2.游戲建模方法
3.發(fā)型實(shí)例
  3.1.工具的選擇
  3.2.繪制毛發(fā)紋理
  3.3.毛發(fā)模型
  3.4.使用法線貼圖
4.Varga



本篇教程例舉了大量的圖片和軟件（maya/photoshop等）截圖，詳細(xì)闡述了游戲角色毛發(fā)的創(chuàng)作思路與

過程；文中所用的角色是我參加 Dominace War II 大賽——低多邊形游戲角色設(shè)計(jì)——的參賽作品。

1.發(fā)型
本文將以女式發(fā)型為例，其技巧也同樣適用于男性。
發(fā)型的重要性不勝枚舉，它是塑造角色（尤其是女性角色）個(gè)性的關(guān)鍵。
到哪兒去找合適的發(fā)型？

我們手邊有很多資源可以利用，最方便的就是互聯(lián)網(wǎng)，你可以在上面找到無數(shù)靚圖酷照；另外還有時(shí)尚雜志，娛樂雜志比如花花公子一類的）等等...Varga 發(fā)型的靈感來自于超市，那時(shí)我還沒有參加Dominace War II 大賽。在閑逛買吃的的時(shí)候，偶然發(fā)現(xiàn)架子上有一盒超強(qiáng)定形的發(fā)膠，包裝盒上印著個(gè)帥哥的照片，他的頭發(fā)夸張的向外扎著，給我留下了深刻的印象。后來在做角色設(shè)定的時(shí)候，我再次來到這家超市，找到那個(gè)牌子的發(fā)膠，拍照，回家。

下圖是發(fā)型的幾種變化，在教程后面會(huì)有進(jìn)一步說明。



2.游戲建模方法
游戲和電影不同，電影在制作上沒什么限制，毛發(fā)創(chuàng)建的方式也很自由。但游戲首先要考慮到多邊形數(shù)

量及貼圖尺寸的限制，因此平時(shí)最常采用的就是‘透明貼圖’這種方式。
Alpha 和 Transparency 兩者間的概念很容易混淆，我在這里要說明一下。Alpha 是作為 Photoshop 中一個(gè)獨(dú)立的通道存在的；而 Transparency 則依托于紅綠藍(lán)三色通道來表現(xiàn)。它們都能裁切紋理的輪廓，但能力上有很大區(qū)別。在以前的工作中，我們主要使用 Alpha 貼圖，它只有兩種顏色，黑色為透明，白色為保留，中間沒有過渡。現(xiàn)在，隨著硬件性能的提升，8位的 Transparency 透明貼圖終于實(shí)現(xiàn)了半透明效果。雖然計(jì)算量會(huì)大一些，但比起1位Alpha貼圖那可憐巴巴的渲染效果，這點(diǎn)犧牲還是值得的。



3.發(fā)型實(shí)例
下面我來例舉幾種毛發(fā)紋理的樣式。首先需要一個(gè)簡單的場景：利用頭部模型的邊擠出一段多邊形作為

頭發(fā)，然后貼上透明貼圖。



3.1.工具的選擇
這個(gè)項(xiàng)目用到的軟件包括 Maya（3d）、Photoshop（紋理）以及 Mudbox（高精度雕刻）。我以前常用

Maya 的 Paint FX 來制作毛發(fā)，不過現(xiàn)在改用 Photoshop 了。Photoshop 的自定義筆刷更方便也更靈

活。當(dāng)然，你也可以在 Maya 中定制 Paint FX 筆刷實(shí)現(xiàn)同樣的效果，具體方法一會(huì)兒就說。
3.2.繪制毛發(fā)紋理
繪制毛發(fā)的 Alpha 通道時(shí)，重點(diǎn)是確定頭發(fā)的外形輪廓，不用在意紋理走向、陰影高光等問題，那些都

是由漫反射紋理負(fù)責(zé)的。

繪制毛發(fā)的 Alpha 通道有兩種方法：
·Maya Paint FX
·Photoshop

Maya Paint FX
我過去常用 Maya Paint FX，效果很不錯(cuò)，只需要耐心設(shè)置一些畫筆，用不了幾個(gè)小時(shí)，你就能畫出各

種漂亮的發(fā)型效果。
先來打開 Maya Paint FX Canvas



點(diǎn)擊 Brush Presets 圖標(biāo)，彈出 Visor 窗口，在 Paint Effects 面板中選擇“hair”文件夾，點(diǎn)擊紅色的毛發(fā)縮略圖。這個(gè)紅頭發(fā)比較符合我現(xiàn)在的需要，你也可以試試其它的縮略圖，看看都是什么效果。



如果有 wacom 畫板，你可以在 Paint FX tool setting 對(duì)話框中根據(jù)不同壓力設(shè)置相應(yīng)的貼圖屬性。



點(diǎn)擊上圖所示 Paint FX canvas 工具欄上的 Alpha Channel 圖標(biāo)，進(jìn)入 Alpha 通道，筆刷采用默認(rèn)設(shè)

置，繪制效果如下。



按 ctrl+b 打開 Paint Effects Brush Settings 自定義筆刷對(duì)話框。里面有很多參數(shù)可以用來設(shè)置你

的筆刷效果（我沒具體數(shù)過，不過記得有篇教程提到說一共有一百多個(gè)參數(shù)），當(dāng)然，你肯定用不了這

么多...但有幾個(gè)非常有用。
注意 brush profile 參數(shù)欄，尤其是 Brush Width 和 Stamp Density 這兩個(gè)參數(shù)。



以及 Creation 參數(shù)欄中的 Tubes per step（毛發(fā)密度）和 Segments（如果制作卷發(fā)，就需要增加分

段數(shù)）（提示，你可以在數(shù)字框內(nèi)輸入比滑塊最大范圍更大的數(shù)值）。



你可以在 Tubes->Behaviour 中調(diào)整筆刷行為。
Path Follow 可以讓毛發(fā)靠近你的繪畫路徑；而Random 參數(shù)可以為毛發(fā)添加隨機(jī)性。



另外還有 Turbulence、Spiral 和 Bend 等等，可以為畫筆增加更多變化。
調(diào)整這些參數(shù)可得到的部分效果圖例如下  







這些都是用單個(gè)畫筆畫出來的，花幾分鐘調(diào)整一下參數(shù)，就能得到各種不同的漂亮效果。想讓卷發(fā)更圓滑，記得要在 Tubes->Creation 中增加 Segments 段數(shù)；想讓毛發(fā)更服帖，可以在 Tubes->Behaviour->Forces 增加 Path Follow 強(qiáng)度。多試試不同的參數(shù)，找出你最滿意的效果，然后將畫布保存為支持Alpha通道的文件格式，導(dǎo)入 Photoshop 中作進(jìn)一步調(diào)整。

繪制透明貼圖的時(shí)候，你也可以把漫反射貼圖一起畫出來。筆刷設(shè)置里有很多關(guān)于畫筆顏色的參數(shù)，還可以添加色度、飽和度等各種變化，甚至還可以根據(jù)筆壓等級(jí)分配不同的紋理貼圖。

最后注意一點(diǎn)：在Maya中繪制貼圖時(shí)一定要使用大尺寸的畫布。比如需要一幅512大小的紋理，那么就應(yīng)該建立一個(gè)2倍尺寸（或更高）大小的畫布，畫好后再導(dǎo)入 Photoshop 改小，這樣可以獲得更精確更豐富的細(xì)節(jié)。在 Photoshop 中改小文件后不要忘了使用銳化。我通常使用 USM 銳化（UnSharp Mask），參數(shù)設(shè)置為：半徑4.5、數(shù)量100，可在預(yù)覽窗口觀察效果并根據(jù)需要隨時(shí)調(diào)整。



使用 Photoshop 繪制毛發(fā)

第二種方法是通過 Photoshop 的自定義筆刷來繪制毛發(fā)紋理，只要稍微多用一點(diǎn)時(shí)間，你可以得到比

Maya 更好的效果。Photoshop 最大的優(yōu)勢就是方便，想畫成什么樣都行，而 Maya 雖然提供了那么多參

數(shù)，但主要還是依靠程序計(jì)算生成。
下面是我常用的4種筆刷：
1.填充筆刷-填充頭發(fā)紋理
2.細(xì)節(jié)筆刷-繪制頭發(fā)細(xì)節(jié)
3.單像素筆刷-繪制零散的發(fā)絲
4.PS默認(rèn)的圓形筆刷-添色

現(xiàn)在要做的就是耐下性子認(rèn)真畫幾綹頭發(fā)，下面是幾幅簡例。







完成透明貼圖后就可以開始畫漫反射貼圖了。最好將透明貼圖復(fù)制到漫反射紋理的 Alpha 通道里，以便

限定繪畫范圍。另外，你也可以直接在透明貼圖上‘正片疊底’真人頭發(fā)的紋理。

需要注意的是：一定要先填充上頭發(fā)的主體色做背景，然后再開始畫紋理。也就是說，發(fā)絲周圍的顏色

要和發(fā)絲的顏色相同，否則就會(huì)露出一圈粗糙的邊線。左下圖利是錯(cuò)誤的，右下是正確的。



3.3.頭發(fā)形狀
紋理完成后，讓我們回到3d軟件中來，開始制作頭發(fā)的幾何模型。  



先創(chuàng)建一片簡單的模型平面，貼上alpha貼圖。然后多次復(fù)制，直到把頭部完全蓋上。最后再調(diào)整整體的

發(fā)型形狀。
如果想讓頭發(fā)更有厚度，就不能像下圖這樣順著頭皮擺放多邊形。  



而要讓多邊形表面和頭部垂直，立著放。然后根據(jù)發(fā)型調(diào)整多邊形的形狀，復(fù)制、縮放、移動(dòng)，注意貼

圖的拉伸變形不要太大，否則會(huì)影響紋理效果。



調(diào)整過程中有一個(gè)小技巧：Maya 中有一個(gè)燈光選項(xiàng)-用場景中的燈光照明視圖區(qū)（快捷鍵7），如果場景

里沒有燈的話，模型就會(huì)一片漆黑，但透明貼圖仍然有效；設(shè)置一個(gè)明亮的背景。這樣一來，你就可以

專注于頭發(fā)的輪廓...耐心的調(diào)整、擺放頭發(fā)模型，通過推移、縮放、移動(dòng)來變換視角，檢查發(fā)型的整體

情況。



afro hairstyle‘非洲發(fā)型’的紋理入下圖所示



頭發(fā)模型的創(chuàng)建步驟
1.創(chuàng)建一個(gè)球體。
2.把球體放置在頭內(nèi)部。
3.選擇所有邊，執(zhí)行 extrude edge；選擇所有面，執(zhí)行 extract-選中 separate extracted faces 選

項(xiàng)，關(guān)閉 keep faces toghether 選項(xiàng)。
現(xiàn)在每個(gè)面都成為了一個(gè)獨(dú)立物體，選擇內(nèi)部的球體表面，將它們刪除。

4.如上圖所示選擇位于同一環(huán)狀平面的所有片斷，執(zhí)行 combine。
合并后調(diào)整法線朝向，焊接多余的點(diǎn)。
5.為每個(gè)圓環(huán)分別創(chuàng)建貼圖，使用 planar 平面映射方式。



UV貼圖后，還可以通過變形器、晶格、手動(dòng)調(diào)整點(diǎn)等多種方式繼續(xù)修飾一下發(fā)型形狀。



你需要把更多精力放在發(fā)型輪廓上，這樣才能用更少的面制作出更多的頭發(fā)。這款非洲發(fā)型大約用了300

個(gè)三角形。



上面的圖片中，有的角度還是可以看出頭發(fā)貼在了一個(gè)平面上。如果增大面數(shù)，為平面添加更多變化，

露餡的幾率就可以降低很多。

3.4.使用法線貼圖
首先讓我們來看看應(yīng)用法線貼圖前后的效果對(duì)比。（左=有，右=無）
這兩個(gè)版本都帶有漫反射、透明度和高光貼圖，但右圖很明顯缺乏立體感。
法線貼圖可以讓頭發(fā)在不同角度上的變化更豐富，而且還能捕捉更多光線，讓反射效果更明顯。  



顯然，帶有法線貼圖的版本效果要好得多，它能顯著增加頭發(fā)的立體感和真實(shí)度。不過我發(fā)現(xiàn)很多人在

制作法線貼圖時(shí)，只是在漫反射層上加個(gè)‘Nvidia normal map filter 法線貼圖慮鏡’草草了事，或者

用 ZBrush / Mudbox 真的雕出一綹來；但實(shí)際上效果都不明顯。（如下圖第一張所示）



比較好的解決辦法就是增大法線貼圖的體積效果（上面第二張圖所示）。
比如利用下圖這種波浪狀的曲面模型，制作一張映射到平面模型的法線貼圖，然后導(dǎo)入 Photoshop，‘

正片疊底’到頭發(fā)紋理的法線貼圖上。這樣一來，在保持紋理細(xì)節(jié)的基礎(chǔ)上，又給頭發(fā)添加了大幅度的

起伏變化，配合高光和透明貼圖，立體感就出來了。  



4.Varga

最終效果





頭發(fā)模型包含800個(gè)三角形



頭部紋理及法線貼圖





高光貼圖



整體效果





頭發(fā)紋理貼圖

    更多動(dòng)畫制作教程，請(qǐng)關(guān)注http://www.yh5923.com/。