--- 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 - 其他参考 - [ ] 【三渲二技法】《穿靴子的猫》同款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 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 风 # 岩石