製作漫畫卡通效果shader

漫畫效果shader
shader <wbr>forge學習:製作漫畫卡通效果shader       shader <wbr>forge學習:製作漫畫卡通效果shader


這個shader主要分爲四個部分:燈光陰影,陰影斜線,描邊和高光shader <wbr>forge學習:製作漫畫卡通效果shader


  燈光陰影

這部分和unity的卡通材質類似,準備一張陰影分佈圖,將燈光方向和法線方向的點積作爲貼圖的UV輸入,得到想要的陰影效果
shader <wbr>forge學習:製作漫畫卡通效果shader


shader <wbr>forge學習:製作漫畫卡通效果shader

shader <wbr>forge學習:製作漫畫卡通效果shader


陰影斜線

這部分我準備了兩張貼圖,一張斜線紋理圖和一張控制斜線分佈的黑白圖。
shader <wbr>forge學習:製作漫畫卡通效果shader             shader <wbr>forge學習:製作漫畫卡通效果shader
其實斜線的分佈也可以用上面的陰影分佈圖來控制,但是爲了更靈活地控制效果,我重新拉了一個texture2D節點來控制斜線分佈。
shader <wbr>forge學習:製作漫畫卡通效果shader

將斜線圖和物體貼圖相乘,得到帶斜線的貼圖效果,然後建立一個Lerp節點,用同陰影控制同樣的方法得到黑白分佈圖,將這張圖的任意一個通道值作爲Lerp節點的混合值輸入,這樣就可以實現用燈光控制斜線的分佈了。

需要注意的是,斜線圖的UV應該用屏幕UV,這樣才能保證無論從哪個視角觀看模型,斜線都是正對着屏幕的。

shader <wbr>forge學習:製作漫畫卡通效果shader

高光

shader <wbr>forge學習:製作漫畫卡通效果shader
將上面兩部分得到的最後的結果加上一個slider值,這個slider可以控制高光的強度。用step節點計算出高光的大小位置。
shader <wbr>forge學習:製作漫畫卡通效果shader



 描邊

這部分比較簡單,可以直接將一個slider節點連接在outline width上,如果要讓線條更有變化一點,可以乘一張噪波圖
shader <wbr>forge學習:製作漫畫卡通效果shader
shader <wbr>forge學習:製作漫畫卡通效果shader    shader <wbr>forge學習:製作漫畫卡通效果shader

原圖地址:https://download.csdn.net/download/qq738255988/10399294


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章