菜雞的ShaderForge3-利用UV貼圖製作卡通風格材質
阿新 • • 發佈:2019-02-03
說到卡通渲染,這兩年的遊戲想起的必然是崩崩崩了: 媽媽她撩我! 這種賽璐珞的卡通渲染實在是養眼。 難的做不了,咱來做個簡單的。其實兩張UV貼圖就能做出一個簡單的卡通風格的材質了。 "UV"這裡是指u,v紋理貼圖座標的簡稱(它和空間模型的X, Y, Z軸是類似的). 它定義了圖片上每個點的位置的資訊. 這些點與3D模型是相互聯絡的, 以決定表面紋理貼圖的位置. 就好像虛擬的"創可貼", UV就是將影象上每一個點精確對應到模型物體的表面. 在點與點之間的間隙位置由軟體進行影象光滑插值處理. 這就是所謂的UV貼圖. 本菜雞這次就來拿ShaderForge自帶的一張UV貼圖給這隻小泰迪熊做一個簡單的卡通渲染: 直接將它輸出到CustomLighting上,就能得到一個大致的卡通渲染效果了: 太光滑了像個塑料熊,把Smooth拉桿拉低:
嗯,舒服多了,也沒那麼亮了。 接下來就要給它加上高光的部分了:先拉一個高光出來
並不需要過高精度,簡化版即可。 這裡需要一張高光貼圖,ShaderForge正好又帶了一張,把它塞進去,直接把高光和漫反射加起來:
忒亮了點: 考慮到高光是基於表面材質的,把反射光和折射光乘起來再相加: 好多了: 再讓它受環境光的影響: 明顯明亮柔和了不少: 最後給它加上個描邊就大功告成了: 最後的效果: 更難看了(逃)
白白胖胖的石膏熊,嗯。 ShaderForge的ExampleAssets裡自帶的UV貼圖: 不難看出來U越大材質的顏色就會越白,基於這張漸變圖我們就可以大致渲染出一個棕色的泰迪熊勒。 先連出一個漫反射: 這裡乘了一個Slider,是考慮到光強過大的地方熊會直接變白,這看起來顯然是不正常的,應該加進一個拉桿控制材質表面的光滑度。 再用一個Append方法把漫反射光對映成一個二維數,接著就可以讓光強對映在漸變圖的UV上了:
嗯,舒服多了,也沒那麼亮了。 接下來就要給它加上高光的部分了:先拉一個高光出來
並不需要過高精度,簡化版即可。 這裡需要一張高光貼圖,ShaderForge正好又帶了一張,把它塞進去,直接把高光和漫反射加起來: