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

---
title: 未命名
date: 2025-03-03 11:02:16
excerpt: 
tags: 
rating: ⭐
---
![[风格化渲染项目需求]]
# 其他后处理效果资料
- Kuawara&SNN: 
	- [x] https://zhuanlan.zhihu.com/p/511693561
	- [x] https://zhuanlan.zhihu.com/p/512500640
	- [x] SNN
	- [x] 优化所有 PassParameters->TextureExtent = SceneTextures.Config.Extent;  uint32 => float
	- [x] 添加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
- 油画笔触化：主要使用绘画手动涂抹，考虑使用自动化工具生成贴图。
	- [x] 技你太美_工具篇_UE4贴图批量水彩化滤镜 https://zhuanlan.zhihu.com/p/124869171
	- [x] Unity-一个简单的吉卜力风石头渲染方法 https://zhuanlan.zhihu.com/p/369154984
		- [x] 【(中英字幕)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植物资产进行卡通渲染](https://www.bilibili.com/video/BV1Gh4y1F7g6/?share_source=copy_web&vd_source=fe8142e8e12816535feaeabd6f6cdc8e)
- 其他参考
	- [ ] 【三渲二技法】《穿靴子的猫》同款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](https://zhida.zhihu.com/search?content_id=163031429&content_type=Article&match_order=1&q=Sky+Card&zhida_source=entity)
- 个别地面植物为虚幻商城[CityPark](https://zhida.zhihu.com/search?content_id=163031429&content_type=Article&match_order=1&q=CityPark&zhida_source=entity)资源
- 树木使用[speedtree](https://zhida.zhihu.com/search?content_id=163031429&content_type=Article&match_order=1&q=speedtree&zhida_source=entity)和blender共同制作
- 山脉为[ZBrush](https://zhida.zhihu.com/search?content_id=163031429&content_type=Article&match_order=1&q=ZBrush&zhida_source=entity)雕刻
- 岩石为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 中创建吉卜力岩石 ! (免费原文件下载)！](https://www.bilibili.com/video/BV1LQ4y18753/?share_source=copy_web&vd_source=fe8142e8e12816535feaeabd6f6cdc8e)
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制作吉卜力风格动漫的水(免费下载原文件+贴图)](https://www.bilibili.com/video/BV1Eh411R7sT/?share_source=copy_web&vd_source=fe8142e8e12816535feaeabd6f6cdc8e)
	2. [ ] [虚幻引擎5！制作吉卜力风格森林遗迹场景！(带材质节点)！](https://www.bilibili.com/video/BV17W4y1e7vM/?share_source=copy_web&vd_source=fe8142e8e12816535feaeabd6f6cdc8e)
		1. ![[GhibliStyle_Water_Material1.png|300]]
		2.  ![[GhibliStyle_Water_Material2.png|300]]
	3. [ ] [(中英字幕)Blender2.9制作吉卜力风格飞溅的水效果(原文件下载)](https://www.bilibili.com/video/BV1Zv411x7a6/?share_source=copy_web&vd_source=fe8142e8e12816535feaeabd6f6cdc8e)
	4. [ ] [掌握 3D 风格化动画水教程！(免费原文件下载)](https://www.bilibili.com/video/BV1gD421K7ZC/?share_source=copy_web&vd_source=fe8142e8e12816535feaeabd6f6cdc8e)
	5. [ ] 水面高光Shader [Blender 4.0 ！制作吉卜力风格技巧 03 ](https://www.bilibili.com/video/BV13C4y167NQ/?share_source=copy_web&vd_source=fe8142e8e12816535feaeabd6f6cdc8e)
6. [ ] 场景分解
	1. [x] ***【如何创建吉卜力风格的 3D 环境 - 场景分解！】*** https://www.bilibili.com/video/BV1iKAPeKEqc/?share_source=copy_web&vd_source=fe8142e8e12816535feaeabd6f6cdc8e
		1. [x] 渡神纪场景贴图制作： 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 卡通风格化动态交互草地材质](https://item.taobao.com/item.htm?id=858782487415)
		2. [UE4虚幻5 Stylized - Dynamic Nature 风格化动态自然环境场景](https://item.taobao.com/item.htm?spm=tbpc.boughtlist.suborder_itemtitle.1.5e8a2e8dEYmizV&id=756800703841&pisk=gB68Ow1Gjr4kQMXJmgPmKMuytwqDeSjP0aSsKeYoOZQAJGnlZBYHOpQNWBM3aLAppZTcEUjkFHOC-N1kP_Ynp9QVyYDHFw2pRG54YUxlEDKCGaHhZgYlMDpPn_DHrzJdANvLSP2gIgSy8pagSmFGy9pyvHMWR2Dfch9pVsfSZ1syLpaKmvNgBg7s3vBjOHtbDHxnOY_BNnTXxEtINp_BlIt6j49CRw9jh3xEPYTBPjiXuhlSOv9CcqteY2MBNwGbD3YXRpOCRiGrXuLqV3Hd1xhpUtMLVvDhH3dJJvYrpN6SIQYsPUMELUKBwbjWkvMCHsgoZeT7_mYeEUSW2wyZULOd_Mxdy8H5JGWVkn__pAY50GfMaTNnICpvyBWWBDw5DLLJ1TAoVxb1DM1MMtq_QLpWP6vPxcUlDTQl4tInAj9JEsdOedwZPefcX9KdLyyAWGWVkn__pzsyyOX96BgMWHc7DohETQtVKaOcVHx46VKvSuOSTXRH0nLgDohETQt2DFqSdXletn5..)
		3. [UE4虚幻5 Nanite Foliage - Grass 影视级3A草丛草地模型](https://item.taobao.com/item.htm?spm=tbpc.boughtlist.suborder_itemtitle.1.5e8a2e8dEYmizV&id=799009142227&pisk=gVjzOaGrGuEzB1OJritEuWs68v-JJHP_tMOBK9XHFQAuJLZnY9WMd8FLeZJhOseLe36HT65XMD9QyWnFg_6GPU1CPBvHisXSVBZJ86W166iQ2a9nYs6p-6sFpDJhK6eJO8UfeTKpx5N_Yl6RertB5Usern0DQt0oZU4Xm4R5UPV_fl64rLKCn5sWDLTMUdiHxUYnoIAvLDmkr6YmmpdmqpmkKj22MIvor4AoiIv9p2cht0q0mppnELAH-EYDIImkxefhn-JeiBcyV6f-0I8uLYmZR8ZgdUOGEIonbApHrkWnRcis0LTWsEAsxKs2UURGEgvK0FJcci86lvNXmOQfZK-ac4xG3wfNS6Usk3Whr6LVwS32GZjRKBYrKcB28Q7cqEknxtKXTe_Fa7uJZa12WKYmLlpf1IXRqZyKiTf6a3vDll2Nnebf2FI7i0-GWTt5-6Usk3WhrnSr6XpmHzSdzX0erKp21-yV-WyRzqDWKbgKJEzv3CwTB23prKp21-yqJ2LVXKR_BRC..)
		4. [UE5虚幻5 Stylized Grass Starter Pack 风格化草地道具包](https://item.taobao.com/item.htm?id=708568933801)
		5. [UE4虚幻5 Realistic Grass 1 高品质写实草地道具包](https://item.taobao.com/item.htm?id=725735796258)
	2. Sky
		1. [SkyCard 高质量体积自阴影云彩天空盒 虚幻5 UE4 27](https://item.taobao.com/item.htm?id=685202289650)
		2. [UE5虚幻5 Stylized Dynamic Sky & Weather System 卡通动态天空](https://item.taobao.com/item.htm?id=775333923875)
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. [x] https://www.youtube.com/watch?v=Za3kNIJDIPU
		- ![[Stylized 3D Grass Tutorial.jpg]]
	2. [x] https://www.youtube.com/@akbutea_art
		- ![[Viktoriia Zavhorodnia.png]]

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

### 关闭阴影
选中植被InstancedFoliageActor，去掉`Cast Shadow`的√。
![[Grass_DisableShadow.png|1200]]
如果是讲StaticMesh转换成StaticMeshFolidgeType的情况，只需要设置StaticMeshFolidgeType中的选项即可。
![[Grass_FolidgeType_DisableShadow.png | 400]]
### 抹平法线
抹平法线
![[Grass_SmoothNormalBefore.png|800]]
### ![[Grass_SmoothNormalAfter.png| 800]]伪造阴影（调
参考：
![[Grass_DiffuseNoise.jpg]]
思路：
1. 通过映射Noise贴图添加因为生长周期不同而导致的颜色差异。
2. 通过高度Mask进行Lerp来制作伪造阴影。
3. 通过Panner节点来模拟被风吹过后，草被倒伏出现的颜色差异。
4. **针对Landscape材质使用相同的WorldSpaceNoise以此对根部颜色进行适配，** ***最好将其使用MaterialFunction进行封装，以保证效果统一。***

![[Grass_CurveRampTextureToBaseColor.png| 材质节点]]

![[Grass_EffectShow.png | 简单调制的结果]]
### 默认引擎存在问题
1. 没办法调整阴影亮度，其他物体的阴影投射到草地上结果会不正确。

## 风场效果
WPO 风

# 岩石