> 文章列表 > 【Unity 风格化】水墨风渲染01:从总结实现方法开始

【Unity 风格化】水墨风渲染01:从总结实现方法开始

【Unity 风格化】水墨风渲染01:从总结实现方法开始

写在前面

一直比较迷风格化的东西,之前写PBR其实也是为了后面尝试PBR+NRP做铺垫,毕竟了解写实向才能进一步学习奇奇怪怪的NPR方式!话不多说,从水墨渲染开始,正式进入风格化的世界!!


无论是什么场合下,水墨渲染的作品总是能让人眼前一亮。实际上水墨风很早就有人实现啦,思路大体都遵循

  • 以某种方法勾勒边缘
  • 以某种方式调色,需要接近水墨风的色彩质感

这篇文章简单的总结一下各种实现水墨渲染的方法!

1 描边 双Pass

实际上是偶然刷到了一个视频: Unity-简单水墨渲染,效果如下:

截图自Unity-简单水墨渲染_哔哩哔哩_bilibili

这位Up参考了Unity3D教程:如何实现水墨渲染效果-腾讯游戏学堂 (tencent.com)这篇文章的实现方法,居然是16年发的文章了,,,23年的我才开始学习orz

文章内容很简单,通篇看下来是用到black和gray图来实现的,后期会跟着实现一遍。

2 描边优化+Ramp结合笔触Texture

Unity-一个简单的水墨渲染方法 - 知乎,这篇文章效果其实是我最喜欢的:

参数相对直白,从卡通渲染的思路出发——没有什么是Ramp图解决不了的!Ramp图YYDS!!!

3 Blend水墨笔触Texture

在Unity中如何进行水墨风3D渲染,文章发表于17年,这位作者直接从一个公鸡模型开始手把手教方法,从:

边缘检测就是大家熟知的方法,色彩处理就有点类似于直接在PS等绘图软件中实现水墨效果,类似PS中柔和、强光等。

这篇文章【Unity Shader】 水墨风格渲染:如何优雅的画一只猴子提供的方案,其实就是基于上面这篇文章的实现方法,但在后面色彩处理的部分讲得更加全面,,效果如下:

 这种方法存在的问题:

这篇文章UnityShader水墨渲染的尝试实现思路也是一样的,就是混合再混合:

各种文章均贴出了这篇Photoshop图层混合模式计算公式大全(转),自己实现的话参考着来,也可以练习各种效果的混合啦。

4 LowPoly:模糊+深度描边+笔触Texture滤波

是Unity Shader实现水墨效果 / 张生荣 (zhangshengrong.com)中展示的方法,感觉实现起来步骤繁琐,描边的话跟上面的都不一样,是深度算出边缘再描边的:

效果:

同样的,unity shader 后处理实现水墨风格渲染,这篇文章实现思路一模一样,而且模型也是lowpoly的,这个方法比较适合LowPoly:

 说实话,这种方法做出来的效果有点点丑。。。本身LowPoly就是一板一眼的光影,但是水墨需要一种层次的感觉,所以简单的模糊并不能达到水墨的效果,反而会显脏。

5 层权重+Ramp+自发光*

这算是一个插播!是Blender中实现水墨风勾线效果的方法,只需要简单几个节点就可以完成: 

Blender里层权重节点,

这种描边的效果也很好!可以想想怎么在Unity里实现~ 

6 Blender水墨材质

这也是偏个题,因为能在Blender里实现的材质!一定能在Unity里实现!!!今天就来复刻一个(如果时间允许的话。。。)

blender水墨材质制作演示