BlueRoseNote/03-UnrealEngine/卡通渲染相关资料/渲染功能/其他渲染功能/风格化渲染.md

title, date, excerpt, tags, rating

title	date	excerpt	tags	rating
未命名	2025-03-03 11:02:16			⭐

!风格化渲染项目需求

其他后处理效果资料

• Kuawara&SNN:
  • https://zhuanlan.zhihu.com/p/511693561
  • https://zhuanlan.zhihu.com/p/512500640
  • SNN
  • 优化所有 PassParameters->TextureExtent = SceneTextures.Config.Extent; uint32 => float
  • 添加Screen百分比适配
  • 添加深度适配
  • 其他Kuwahara算法
    • Generalized Kuwahara filter:https://www.semanticscholar.org/paper/Edge-preserving-orientation-adaptive-filtering-Bakker-Vliet/0b1ab5c954e92fa51cffe9731482ec00bb851df9?p2df
    • Mean of Least Variance(MLV) filter:https://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.32.5041&rep=rep1&type=pdf
    • Adaptative Kuwahara filter:https://link.springer.com/article/10.1007/s11760-015-0791-3
    • Anisotropic Kuwahara Filtering:https://www.researchgate.net/publication/220507613_Image_and_Video_Abstraction_by_Anisotropic_Kuwahara_Filtering
• 阴影笔触感 以及 SNN
  • 异度神剑3
    • https://gamemakers.jp/article/2023_03_22_33475/
    • https://bonoko.dev/xenowind/#980eb73b-a050-4eff-9630-d3a1a2263dbe
• 油画笔触化：主要使用绘画手动涂抹，考虑使用自动化工具生成贴图。
  • 技你太美_工具篇_UE4贴图批量水彩化滤镜 https://zhuanlan.zhihu.com/p/124869171
  • Unity-一个简单的吉卜力风石头渲染方法 https://zhuanlan.zhihu.com/p/369154984
    • 【(中英字幕)Substance Painter 2020制作化吉卜力风格全流程】 https://www.bilibili.com/video/BV1FK411V7vv/?share_source=copy_web&vd_source=fe8142e8e12816535feaeabd6f6cdc8e
    • 虚幻4还原风格化“云海群山”场景（附岩石贴图制作思路） https://zhuanlan.zhihu.com/p/337054665
  • Unity-两个简单的油画渲染方法:https://zhuanlan.zhihu.com/p/368352199
  • 【虚幻5 艺术笔刷材质思路 风格化三渲二（菜鸟向）】 https://www.bilibili.com/video/BV1ZVyBY9Ehz/?share_source=copy_web&vd_source=fe8142e8e12816535feaeabd6f6cdc8e
• 【【UE5】复现大佬风格化手绘 Stylized Paint Shader】 https://www.bilibili.com/video/BV1wXHreNE7p/?share_source=copy_web&vd_source=fe8142e8e12816535feaeabd6f6cdc8e
• 风格化物体渲染
  • 风格化渲染<树>：分析还原:https://zhuanlan.zhihu.com/p/552741254
  • 虚幻4重现“哈尔的移动城堡”花园（附风格化草地制作分享）https://zhuanlan.zhihu.com/p/272734944
  • 【Blender教程】使用PBR植物资产进行卡通渲染
• 其他参考
  • 【三渲二技法】《穿靴子的猫》同款Stamp Map制作 https://www.bilibili.com/video/BV1ou411c7pE/?spm_id_from=333.1387.favlist.content.click&vd_source=d47c0bb42f9c72fd7d74562185cee290
• 水墨效果参考
  • https://zhuanlan.zhihu.com/p/602960198
  • https://zhuanlan.zhihu.com/p/98948117
  • https://zhuanlan.zhihu.com/p/63893540
  • https://zhuanlan.zhihu.com/p/34406208
  • https://zhuanlan.zhihu.com/p/352994629
  • https://www.fab.com/listings/ae8ee250-6416-4dde-b36b-cfbb0b3d302e
• 商城风格化材质与场景
  • https://www.fab.com/listings/6129b04e-3859-4a2d-90b3-000958a563d2
  • https://www.fab.com/listings/e9b91c41-fce9-4a55-93c4-cb62bdd0e98e
  • https://www.fab.com/listings/167453a5-7fde-4bde-819c-1f3d497c7db6

油画风格

蒸汽猫场景使用资产：

• 云朵使用了虚幻商城的Sky Card
• 个别地面植物为虚幻商城CityPark资源
• 树木使用speedtree和blender共同制作
• 山脉为ZBrush雕刻
• 岩石为Bridge资源

1. 石头：使用 voronoi-noise-cell与 泊林Noise模糊后叠加到Diffuse上（overlay）。其中模糊使用Blur Slope。
   1. https://zhuanlan.zhihu.com/p/369154984
   2. voronoi-noise-cell
      1. https://www.ronja-tutorials.com/post/028-voronoi-noise/
      2. https://www.shadertoy.com/view/Xd23Dh
   3. 虚幻引擎 5 ！如何在 3D 中创建吉卜力岩石 ! (免费原文件下载)！
2. 云
   1. RayMarching 2D云，使用Kuwahara处理过深度图来进行计算。
   2. UnityShader 基础（52）风格化模型(1)-云(法线传递) https://zhuanlan.zhihu.com/p/551289665
      1. 建模云模型后，使用一个形状类似的球体进行法线映射。
      2. 使用ceil制作分色块的Diffuse。
3. #草
4. 树木
   1. 《原神》卡渲效果逆向还原 【一、风格化树】 https://zhuanlan.zhihu.com/p/438178299
   2. 一些关于风格化树的学习总结 https://zhuanlan.zhihu.com/p/449599351
   3. 风格化渲染<树>：分析还原 https://zhuanlan.zhihu.com/p/552741254
   4. 总结细节要点
      1. 映射法线，可通过建模或者Houdini生成相近形状模型进行映射。
      2. ceil色阶Diffuse
      3. 烘焙AO贴图作为自阴影
      4. 使用寒霜的Fast散射制作投射效果
      5. 等宽边缘光边缘
5. 水
   1. (中英字幕)Blender 2.83制作吉卜力风格动漫的水(免费下载原文件+贴图)
   2. 虚幻引擎5！制作吉卜力风格森林遗迹场景！(带材质节点)！
      1. !GhibliStyle_Water_Material1.png
      2. !GhibliStyle_Water_Material2.png
   3. (中英字幕)Blender2.9制作吉卜力风格飞溅的水效果(原文件下载)
   4. 掌握 3D 风格化动画水教程！(免费原文件下载)
   5. 水面高光Shader Blender 4.0 ！制作吉卜力风格技巧 03
6. 场景分解
   1. 【如何创建吉卜力风格的 3D 环境 - 场景分解！】 https://www.bilibili.com/video/BV1iKAPeKEqc/?share_source=copy_web&vd_source=fe8142e8e12816535feaeabd6f6cdc8e
      1. 渡神纪场景贴图制作： https://www.exp-points.com/immortals-fenyx-rising-qa-ubisoft
         1. 对法线贴图进行风格化处理（估计是使用Kuwahara）
         2. 对BaseColor进行风格化处理，以及涂抹处理。
         3. 颜色方案与材质设计。
7. 贴图绘制手法 2. [x] 蒸汽猫 虚幻4还原风格化“云海群山”场景（附岩石贴图制作思路） https://zhuanlan.zhihu.com/p/337054665 3. [x] 从解构美术风格到技术的抽象与具体化 https://zhuanlan.zhihu.com/p/510453324 4. [x] 【(中英字幕)Substance Painter 2020制作化吉卜力风格全流程】 https://www.bilibili.com/video/BV1FK411V7vv/?share_source=copy_web&vd_source=fe8142e8e12816535feaeabd6f6cdc8e 1. 给模型添加底色 2. 绘制Overlay贴图1 1. 使用泊林澡波贴图。 2. 添加Blur Slope滤镜。 3. 添加Blur Directional滤镜。 4. 添加Sharpen滤镜。 3. 绘制Overlay贴图2 1. 使用Ratio_cells贴图。 2. 添加Blur Slope滤镜。 4. 细节调整 1. AO 1. AO Generator 2. Blur Slope 2. 高光&刮痕模拟 1. Curvature generator 2. Blur Slope 5. 完成后重新叠一层半透明的原贴图。
8. 原神效果还原
   1. 树
      1. https://zhuanlan.zhihu.com/p/593500186
      2. https://zhuanlan.zhihu.com/p/438178299
9. 使用资产
   1. Grass
      1. Ultra Stylized Grass 卡通风格化动态交互草地材质
      2. UE4虚幻5 Stylized - Dynamic Nature 风格化动态自然环境场景
      3. UE4虚幻5 Nanite Foliage - Grass 影视级3A草丛草地模型
      4. UE5虚幻5 Stylized Grass Starter Pack 风格化草地道具包
      5. UE4虚幻5 Realistic Grass 1 高品质写实草地道具包
   2. Sky
      1. SkyCard 高质量体积自阴影云彩天空盒 虚幻5 UE4 27
      2. UE5虚幻5 Stylized Dynamic Sky & Weather System 卡通动态天空
10. Blur Slope
    1. 屏幕后处理：梯度模糊:https://zhuanlan.zhihu.com/p/693256394
       1. SubstancePainter的Blur Slope有使用Noise，估计是Noise + KuawaharaSize实现的位移
11. 各项异性Kuwahara：使用Saliency Map、 Edge Tangent Flow Map进行多重各种异性Kuwahara计算得出结果。
    1. https://zhuanlan.zhihu.com/p/368352199
    2. 论文:https://ieeexplore.ieee.org/stamp/stamp.jsp?tp=&arnumber=8772035

草

相关参考资料

1. 蒸汽猫虚幻4重现“哈尔的移动城堡”花园（附风格化草地制作分享） https://zhuanlan.zhihu.com/p/272734944
2. 手绘贴图视频
   1. https://www.youtube.com/watch?v=Za3kNIJDIPU
      • !
   2. https://www.youtube.com/@akbutea_art
      • !

关键点

1. 手绘贴图与颜色配比？
2. #关闭阴影
3. #抹平法线

关闭阴影

选中植被InstancedFoliageActor，去掉Cast Shadow的√。 !Grass_DisableShadow.png 如果是讲StaticMesh转换成StaticMeshFolidgeType的情况，只需要设置StaticMeshFolidgeType中的选项即可。 !Grass_FolidgeType_DisableShadow.png

抹平法线

抹平法线 !Grass_SmoothNormalBefore.png

!Grass_SmoothNormalAfter.png伪造阴影（调

参考： ! 思路：

1. 通过映射Noise贴图添加因为生长周期不同而导致的颜色差异。
2. 通过高度Mask进行Lerp来制作伪造阴影。
3. 通过Panner节点来模拟被风吹过后，草被倒伏出现的颜色差异。
4. 针对Landscape材质使用相同的WorldSpaceNoise以此对根部颜色进行适配， 最好将其使用MaterialFunction进行封装，以保证效果统一。

!Grass_CurveRampTextureToBaseColor.png

!Grass_EffectShow.png

默认引擎存在问题

1. 没办法调整阴影亮度，其他物体的阴影投射到草地上结果会不正确。

风场效果

WPO 风

岩石