【基礎(chǔ)向】給Minecraft添加光鮮亮麗的材質(zhì)凹凸效果(視差篇)

這個專欄是我閑著無聊沒事干寫的,如果有任何錯誤歡迎指正
這不是3D Model!這不是3D Model!這不是3D Model!
材質(zhì)貼圖均來自R3D DR材質(zhì)包.
前言:
Minecraft這個游戲相信大部分人都知道吧。沙盒類游戲,自由度極高的生存游戲(貌...貌似扯遠(yuǎn)了呢(lll¬ω¬))但是這個游戲,畫質(zhì)不太好(也有人喜歡馬賽克風(fēng)格的游戲,總之不要噴啦( ̄▽ ̄)")所以,我們給這個游戲加點料吧!( ?? ω ?? )☆
下面是添加凹凸效果的Minecraft:(必須裝光影才會有效果)



第一部分 貼圖(texture)
簡單來說,我們可以把貼圖類比為紙,這個紙有顏色,即有圖像信息,所以貼圖可以說成有圖像信息的圖片。既然是圖片,那么必有圖片格式,在minecraft中,貼圖的格式一般為.png(不敢保證有非一般格式hhh)
既然了解了貼圖,為了進(jìn)一步學(xué)習(xí),我們引入了以下貼圖,它們是打開別人的世界的必備鑰匙(/▽\):
又一個前言( ‵▽′)ψ:為了讓讀者能夠理解以下內(nèi)容,先提前說明一下:在絕大部分游戲中,我們所看到的場景絕大部分是貼圖,而這些貼圖稱為紋理貼圖。紋理貼圖,顧名思義就是有材質(zhì)紋理的貼圖。
1. 法線貼圖(Normal map)
如果我直接引入法線貼圖的真正概念,相信大部分讀者是看不懂的,所以我簡單的說明一 下。法線貼圖,可以直接在貼圖的表面上一層陰影,使得模型有立體感,從而達(dá)到凹凸的效果。但是!這個凹凸是在欺騙你的眼睛!沒錯,它只是在表面上一層陰影,并未達(dá)到真正的凹凸。
法線貼圖是一種以藍(lán)色為基色的貼圖,它的樣子如圖1所示

2. 置換貼圖(Displacement map, 也有人稱之高度圖)
如果我直接引入置換貼圖的概念,相信絕大部分讀者是不理解的(我不是復(fù)讀機(jī)(●ˇ?ˇ●)) 因此我又要簡單的說明一下:置換貼圖黑白色為基色的貼圖,它的存在可以使模型擁有真正的凹凸效果。很遺憾,mc不支持置換貼圖。那為什么我還要拿出來講呢?因為這個貼圖是制作視差貼圖的關(guān)鍵(你把我法線貼圖放哪去了,哼~(*  ̄︿ ̄))
如圖2所示為置換貼圖的樣子

3. 高光貼圖(Specular Map)
雖然本專欄是講如何為minecraft添加材質(zhì)凹凸效果,但是沒有高光的凹凸是黯然失色的(有點想wu了~(o?v?)ノ)
顧名思義,高光貼圖可以個貼圖一個反光的效果,反光的方向由光源決定。
特別的,在minecraft中高光有兩種形式,一種是正常的高光(黑白色的),另外一種就是綠色的(僅有G通道;或者G值較強(qiáng),而R值和B值較弱)
如圖所示為高光貼圖的樣子(圖3是正常的,圖4是綠色的)


4. 視差貼圖(Parallax map)
視差貼圖是個神奇的東西,既像法線貼圖,又像置換貼圖??梢哉f它介于兩者之間。它可以使模型擁有真正的凹凸效果,但又不同于置換的凹凸效果。
如圖5所示為視差貼圖的樣子(它與法線的樣子幾乎一模一樣,只是視差貼圖有一定alpha值)
具體我會在操作部分講。

第二部分 制作法線貼圖
至此,我們已經(jīng)掌握(你們掌握了嗎?(?*?ω?)?)了理論部分,現(xiàn)在我們要進(jìn)入操作部分了
雖說這一部分是關(guān)于法線貼圖的制作,但是我們還不知道制作工具呢!所以我打算在這里介紹我們要使用的工具。
一、 工具部分
1. Photoshop
這個工具毫無疑問是必須的,不多介紹,上過信息技術(shù)課的都應(yīng)該會基本操作。圖6所示是操作界面。

2. Shadermap 4
這個工具對于讀者而言比較陌生,不過這個軟件的確是炒雞好的貼圖生成軟件!既沒有3D Mas的過于復(fù)雜,也沒有CrazyBump的過于簡單,絕對輕量的軟件!
軟件下載地址:https://shadermap.com/home/ (支持正版!有能力的讀者可以去購買正版,沒有能力的可以下載DEMO版本)
軟件界面如圖6所示

二、制作法線貼圖
對于法線貼圖的制作,比較簡單。
1. 打開Shadermap 4 進(jìn)入如圖7所示的界面(相關(guān)注釋已在圖上標(biāo)明)

2. 點擊那個大大的文件夾按鈕(圖7箭頭的指向),選擇貼圖(這里以圓石為例)

3. 然后就進(jìn)入了主界面,如圖9所示(相關(guān)注釋已經(jīng)標(biāo)明了),左邊為編輯區(qū),用來編輯貼圖;右邊是預(yù)覽區(qū),用來預(yù)覽實際效果

5. 我們把視角轉(zhuǎn)移到編輯區(qū)的左上方,我們可以看到有5個貼圖,從左到右、上到下的順序依次是:紋理貼圖、置換貼圖、環(huán)境貼圖、法線貼圖和高光貼圖。因為這一部分是要制作法線貼圖,所以我們雙擊法線貼圖。
6. 然后界面變成這樣:

我們只需要調(diào)節(jié)法線強(qiáng)度就行了,法線強(qiáng)度越強(qiáng)那么凹凸效果越明顯。
Oh,要說明一點,如果你想看看修改后的效果,那么點擊右下角的眼睛。

我們看看把法線強(qiáng)度調(diào)到最大值是怎么樣的:

有點瞎眼,但如果作用于現(xiàn)實風(fēng)格的材質(zhì),或許是絕配呢!
7. 待你修改完后,就應(yīng)該保存了。特別要注意,在minecraft中法線貼圖的文件名應(yīng)該是這種形式:紋理貼圖的文件名_n.png
例如圓石的紋理貼圖文件名為cobblestone.png
其法線貼圖文件名為cobblestone_n.png
在編輯區(qū)的左上方,我們單擊法線貼圖如圖13所示:

點擊那個軟盤圖標(biāo)(就是紅箭頭指向的圖標(biāo),話說軟盤已經(jīng)是老古董了呢(扯遠(yuǎn)了...(‵□′)))
點擊后,出現(xiàn)這樣的界面(相關(guān)注釋已表明在圖14上):

待選好地址后,點擊軟盤圖標(biāo)(紅箭頭指向的圖標(biāo))就可以了
噢噢,記得文件名的形式是這個?。?strong>紋理貼圖的文件名_n.png
三、效果展示

第三部分 制作置換貼圖
什么,你已經(jīng)做完法線貼圖了?慢著!別關(guān)掉shadermap,我們還要制作置換貼圖呢!
在shadermap中,修改置換貼圖可以決定法線貼圖的凹凸效果。為什么這么說?請接著看!
一、 制作置換貼圖
還是老套路,打開紋理貼圖(具體去看第二部分的操作)
然后在編輯區(qū)的左上角雙擊置換貼圖,如圖15所示

解釋選項:
①模糊邊緣強(qiáng)度: 是指模糊置換貼圖中白色的邊緣,一般為100(如果你要制作像素風(fēng)材質(zhì)的視差,那么這個值最好接近0)
②高中低細(xì)節(jié)強(qiáng)度: 這個是用來調(diào)節(jié)細(xì)節(jié)的,細(xì)節(jié)越高,貼圖就越清楚;細(xì)節(jié)越低,貼圖就越模糊。
3. 待修改完后,按照制作法線的老套路,保存好
這里并不需要像制作法線一樣修改文件名,因為置換貼圖在minecraft里不起任何作用
二、效果展示
不存在的,置換貼圖在mc中不起作用(/▽\)
第四部分 制作高光貼圖
高光貼圖的制作有些不同,它有兩種制作方式
一、第一種:制作使用Shadermap生成的高光貼圖
1. 還是老套路,打開紋理貼圖(具體去看第二部分的操作,復(fù)讀機(jī)了喂(#`O′))
2. 然后在編輯區(qū)雙擊高光貼圖,雙擊后的界面如圖所示(相關(guān)注釋已在圖16標(biāo)明)

細(xì)節(jié)強(qiáng)度是指高光貼圖的細(xì)節(jié),細(xì)節(jié)越高,高光貼圖的紋理就越接近紋理貼圖。
高光級別是指高光貼圖反光的強(qiáng)度,越高(高光貼圖越白)反射的光就越強(qiáng)(適用于金屬制品),越低(高光貼圖越黑)反射的光就越弱。
貼圖亮度與高光級別的作用是一樣的,不過我們不需要修改這個。
3. 待修改完后,保存
注意:在minecraft中,高光貼圖的文件形式是:紋理貼圖的文件名_s.png
例如圓石的紋理貼圖文件名為cobblestone.png
其高光貼圖的文件名為cobblestone_s.png
二、第二種:制作使用Shadermap生成的置換貼圖并作為高光貼圖
為什么置換貼圖也可以作為高光貼圖呢?因為置換貼圖同樣是灰白色的貼圖,所以也可以作為高光貼圖。
不過這里不需要講解這么多了,畢竟置換貼圖的制作已經(jīng)教過了。
三、特殊情況
對,這里就要講講特殊的例子:只有綠色通道的高光貼圖。
其實在Minecraft中絕大部分高光貼圖都要使用綠色的,為什么呢?
因為在Minecraft中,高光貼圖的綠色通道是作用于雨天的,也就是平常天氣是沒有或者有微弱的反光的,在雨天就會有強(qiáng)烈的反光(目前我們只能這么解釋,如果把真正的原理給你們,你們也不懂啊ψ(._. )>)
那我們怎么制作一個綠色的高光貼圖呢?
PS啊!
1. 打開Photoshop,加載自己制作好的高光貼圖

2.依次點擊圖像-調(diào)整-色階

3. 然后進(jìn)入這個界面

4. 點擊通道(RGB)

5. 點擊綠,然后界面變成這樣

6. 把輸入色階的值調(diào)小,即:(憑感覺去調(diào),只要高光貼圖變成綠色就OK了(。???))

此時貼圖變成

7.完成后保存為png格式,一定要png格式?。。。。▌e忘了高光貼圖的文件名形式)
四、效果展示


第五部分 制作視差貼圖
這是最重要的部分,認(rèn)真看啊
視差貼圖是怎么制作的?目前我們只知道視差貼圖擁有法線和置換的特點。其實,在法線貼圖添加一個蒙版,在蒙版里放入置換,這個貼圖就是視差貼圖了。(聽不懂?下面的操作看一看你就明白了)
一、制作視差貼圖
制作法線貼圖和置換貼圖(前面有教過的)
打開Photoshop,加載法線貼圖和置換貼圖,如圖所示(不要在意文件名,畢竟只是教程,你們不要出錯就行)

3. 為法線貼圖創(chuàng)建蒙版

4. 點擊置換貼圖的選項卡(是不是這么叫的??)

5.進(jìn)入如圖所示的界面

6. 點擊方框選擇工具,即

7. 把置換貼圖全部選中,然后Ctrl+C(復(fù)制)

8. 切換到法線貼圖

9. 進(jìn)入蒙版:在右下角的庫中

對著蒙版(在圖31中1箭頭指向的位置)按住Alt+鼠標(biāo)單擊進(jìn)入蒙版
10. 然后進(jìn)入這個界面

11. Ctrl+V,粘貼置換貼圖

12. 點擊這個,回到法線貼圖

13.我們注意到,法線貼圖變成這副模樣

其實這就是視差貼圖了,它具有了alpha效果。但是如果就這樣保存是不可以的,因為濃度太高,會瞎眼的!
14. 所以我們雙擊蒙版,進(jìn)入這個界面

將濃度調(diào)到50%左右,然后點擊

然后法線貼圖(噢,應(yīng)該是視差貼圖惹(o|o) )變成這個樣子了

最后保存,但注意視差貼圖的文件形式跟法線貼圖一模一樣!
即紋理貼圖的文件名_n.png
二、效果展示

附錄:各種貼圖的真正定義(來自百度百科)
法線貼圖:在原物體的凹凸表面的每個點上均作法線,通過RGB顏色通道來標(biāo)記法線的方向
置換貼圖:通常是讓點的位置沿面法線移動一個貼圖中定義的距離。它使得貼圖具備了表現(xiàn)細(xì)節(jié)和深度的能力,且可以同時允許自我遮蓋,自我投影和呈現(xiàn)邊緣輪廓。
視差貼圖:通過改變紋理坐標(biāo)實現(xiàn)紋理根據(jù)一個高度表進(jìn)行排列,從而就可以實現(xiàn)視差貼圖。
第一次寫專欄,寫的不是特別好,希望大家能夠指出錯誤!別忘了評個論,寫這個好累的...ヽ(*。>Д<)o゜
最后,希望大家,能夠做出自己最滿意的效果!