次时代游戏头发各项异性流光flowtexture绘制探析

最新推荐文章于 2023-10-14 23:00:00 发布
最新推荐文章于 2023-10-14 23:00:00 发布
阅读量645 收藏 7
点赞数
文章标签： 贴图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ahai_1217/article/details/125009208
版权
本文分享了中国风Q版次世代头发FlowTexture的绘制方法，通过分析《梦幻西游三维版》牛魔头发的flowtexture，提出了一种更高效、效果更好的流程。包括在SP中烘焙World Space Normal贴图，提取R和G通道，调整曲率图（Curvature）以匹配B通道，最后在PS中组合成flowtexture，并添加A通道作为头发与头饰的mask。
摘要由CSDN通过智能技术生成

       一直以来忙于次时代项目研发工作，少有时间去好好总结沉淀一下，半年前就打算想写点东西分享交流一下，直到今天才有时间真正去执笔。

       参与过次时代项目的同学，大多都接触过一个各项异性的概念，今天我想分享的内容是中国风Q版次时代头发各项异性flowtexture的绘制方法。

       网上大家都很容易搜到一篇关于flowtexture绘制流程方法的文章，笔者也曾按照网上的方法在SP中实际的去操作尝试过，切身的体会是网上的绘制方法并不能得到我们想要的较为完美的flowtexture贴图，且绘制的过程很难受，效果很糟糕，绘制效率也很低；

        下图是按照网上讲的方法在SP中绘制的flowtexture效果图，色块很乱，不受控制，没有丝滑的感觉；


        为了高效便捷的解决问题，笔者找到了一张《梦幻西游三维版》中的一个牛魔头发的flowtexture图，经过对贴图通道的拆解、分析、测试和实际绘制尝试，通过分析研究和实践操作总结出来一套流程简化、效率和效果都得到提升的实用方法；

现将整个流程归纳表述如下：

（1）我们通过对牛魔头发flowtexture的R、G、B和A通道的研究分析发现，flowtexture的R通道和G通道与SP中渲染生成的World Space normal的R通道和G通道的灰度值信息非常的接近和相似；

最低0.47元/天 解锁文章
ahai_1217
关注
写实风格头发建模，八猴这个功能杠杠的！次世代建模必备
游戏建模零基础入门教程
07-25 2049
什么是写实风格的建模？一个字形容：真！而这也正是次世代建模的真谛。 次世代的制作流程：3Dmax建中模，ZB雕刻高模，maya拓扑低模，mayaUV拆分，toolbag或SP烘焙贴图，SP绘制材质，八猴渲染。 今天就来说说用八猴渲染怎么制作写实风格的头发，怎么让它飘逸起来。 在写实风格的毛发制作过程中，摆发片实在是个劳心劳力的活儿，辛辛苦苦摆出来的发型，贴上贴图却毛毛剌剌的一点都不圆润还很假，丝毫没有飘逸的效果，怎么办？ 首先，我们要明白，一个真正能用的游戏毛发是需要分层次的，这样既可以方便3D动作
flowmap怎么做_Flow Map
weixin_32098487的博客
12-23 1626
FlowMap其实算是一种UV动画, 这个技术的推广很大得益于Vlachos[1]的一篇技术分享. 由于当时文章里主要是用这种技术制作水面流动的效果,所以目前很多水面效果也是用这种方法来做,但是其实这个技术可以用在任何你希望看起来是流动的效果中,比如岩浆或者泥巴.这个技术首先依赖的是UV的平移,也就是说第一步让贴图UV随着时间变换起来:t是一个随时间变化的任意值，用这个新UV采样贴图那么贴图就会移...
头发各向异性渲染
07-04
头发各向异性渲染Shader 这个是04年的一个ppt，主要介绍了头发的渲染，其追到源头还是要看这个原理。 各向异性的主要计算公式： 主要代码如下： 切线混合扰动部分（这部分也可以用T+k*N，来对切线进行扰动）： float3x3 tangentTransform = float3x3(i.tangentDir, i.bitangentDir, i.normalDir); float3 _T_var = UnpackNormal(tex2D(_Tangent, TRANSFORM_TEX(i.uv0, _Tangent))); float3 temp = lerp(_TangentParam.xyz, _T_var, _BlenfTangent); float3 T = normalize(mul(float3(temp.xy,0), tangentTransform)); 主要是通过改变切线的xy值来造成头发高光部分的多样性。 高光部分，按公式计算即可： float StrandSpecular(float3 T, float3 V, float3 L, float exponent) { float3 H = normalize(L + V); float dotTH = dot(T, H); float sinTH = sqrt(1 - dotTH*dotTH); float dirAtten = smoothstep(-1, 0, dotTH); return dirAtten*pow(sinTH, exponent); } 注意，为了模拟的更贴近真实性，应用两层高光，第一层高光代表直射光直接反射出去，第二层代表次表面散射现象具体看代码。 最终渲染部分： float4 HairLighting(float3 T, float3 N, float3 L, float3 V, float2 uv, float3 lightColor) { float diffuse = saturate(lerp(0.25, 1.0, dot(N, L)))*lightColor; float3 indirectDiffuse = float3(0, 0, 0); indirectDiffuse += UNITY_LIGHTMODEL_AMBIENT.rgb; // Ambient Light float3 H = normalize(L + V); float LdotH = saturate(dot(L, H)); float3 specular = _Specular*StrandSpecular(T, V, L, exp2(lerp(1, 11, _Gloss))); //float specMask = tex2D(_SpecMask, TRANSFORM_TEX(uv, _SpecMask)); specular += /*specMask*/_SubColor*StrandSpecular(T, V, L, exp2(lerp(1, 11, _ScatterFactor))); float4 final; float4 base = tex2D(_MainTex, TRANSFORM_TEX(uv, _MainTex)); float3 diffuseColor = (_Color.rgb*base.rgb); //float ao = tex2D(_AO, TRANSFORM_TEX(uv, _AO)).g; final.rgb = (diffuse + indirectDiffuse)*diffuseColor + specular*lightColor* FresnelTerm(_Specular, LdotH); //final.rgb *= ao; final.a = base.a; clip(final.a - _CutOff); return final; } 这里我注释掉了AO和高光遮罩，需要的同学可以加上。 最后一点为了不让头发的边经过clip之后太硬，需要进行两个通道的belnd。 第二个pass使用以下指令： Blend SrcAlpha OneMinusSrcAlpha ZWrite Off 注意第二个通道无需再进行clip操作。 至此，头发渲染完毕。
基于flowmap的毛发梳理
最新发布
ghostUser857的博客
10-14 305
在模型上绘制flowmap，实现毛发偏移。
图形学基础|各项异性与头发渲染
【黑键】
06-22 7103
各项异性与头发渲染 文章目录各项异性与头发渲染一、前言二、各向异性光照2.1 各向异性光照现象2.2 ShadingModel扩展三、头发光照模型3.1 Kajiya-Kay Model3.1.1 Strand based Anisotropy3.1.2 Kajiya-Kay经验模型3.1.3 基于Kajiya-Kay的卡通头发3.2 Marschner Model3.2.1 着色模型公式3.2.2 UE头发材质和着色器代码四、头发建模和制作技巧4.1 头发模型建模4.2 头发贴图4.3 毛发渲染的排序问题
Unity shader各向异性的头发效果
若风
07-06 5037
参考 https://www.jianshu.com/p/7dc980ea4c51 float StrandSpecular(float3 T, float3 V, float3 L, float exponent, float strenth) { float3 H = normalize(L + V); float dotTH = dot(T, H); floa...
次时代游戏中的场景设计
06-26
在科技不断发展,数码资源日益繁盛的今天,次时代游戏以其精美的画面,丰富的内容得到了众多人们的青睐,它是未来游戏发展的新方向。次时代游戏中场景设计研究的目的是为了提高游戏可玩性和画面的精美度,丰富剧情,优化...
次时代游戏的制作流程以及游戏美术需要掌握哪些基本软件
3D游戏建模零基础入门教程-次世代角色场景教学
03-01 596
一、什么是游戏3D建模 在大型的游戏研发公司，3D建模是一个非常大的职能，分为4个岗位：3D角色低模手绘，3D场景低模手绘，次世代角色高模，次世代场景高模。通常我们所说的3D建模是指低模手绘。 二、零基础可以学习3D建模吗? 零基础是可以学习3D建模的哈，如果自学能力比较强，可以规划一下学习计划和学习内容，根据，如果自学能力和自律能力比较弱，可以去参加培训班。 三、3D建模需要学习哪些课程内容： 如果你是零基础，需要一个完整的3D建模课程设计，一个好的课程设计大致应该包含以下4个方面的内容： 1、一个月预.
如何高效的制作主机次时代游戏.pdf
08-29
在高效制作主机次时代游戏的过程中，开发者需要关注多个关键领域，包括安全管理、信息安全以及人工智能（AI）的应用。这些因素在游戏开发中起着至关重要的作用，确保游戏的稳定性和用户体验。 首先，安全管理是游戏...
次时代游戏场景设计，这些3D游戏建模带你走上次时代巅峰
weixin_44386638的博客
03-08 247
对于刚开始了解建模的小白们来说，次时代建模总是个高大上的东西，很是羡慕那些大神能过做出那么精致的作品。那次时代游戏是什么？有什么特点？下面就来了解一下吧~ 什么是次时代游戏？ 次世代游戏即下一代游戏，原本指代新一代游戏主机下的游戏。但是随着PC的升级，现在网络上许多使用高端游戏引擎制作的PC游戏都称为“次世代游戏”。 次世代模型设计是指次世代模型设计师根据游戏原画稿件设计出游戏中环境、道具、机械、人物、动物、怪物等物体的模型，由于次世代游戏搭载的是高端游戏引擎，所以次世代模型设计的要求比普通的游.
认识图形渲染中的各向异性
mozhi
06-01 2933
各向异性反射，各项异性方向；
【ASE入门学习】ASE入门系列二十——flowmap
两水先木示的博客
08-26 733
flowmap图制作是简单的使用ps进行弄R通道和G通道，B通道全黑。其中R通道从0到1左到右渐变，G通道从下到上0到1渐变。得到一张如下图之后进行液场修改后导出即可。可见上图的做法会存在留白边，原因未知，可以加一个遮罩进行处理，下面是不增加遮罩贴图情况下进行处理的办法（自定义遮罩） ​​​用它去参与最后的Alpha混合即可。导出即可作为我们的flowmap图进行做各种骚操作了。发现又觉得太暗了，又加了个pow提亮度。滤镜-液化 ctrl shift +x。利用flowmap进行扭曲效果。.........
从0开始的技术美术之路（十三）Flow Map
qq_43210334的博客
06-23 5442
本篇参考B站视频 “技术美术百人计划”·霜狼_may ； 以及感谢群友解惑 本篇主要用于自我复习，如有疑问或发现有什么错误，请多指教~ 本篇内容主要包括：Flowmap的相关介绍，shader实现以及Flowmap绘制； 一.Flowmap介绍 1.什么是Flowmap？ 简单来说，就是一种用来实现水面流动效果的技术。 它是由Valve 在2010年的GDC所提出的，由于其原理简单，容易实现且运算量较少，所以仍在适用； 长相如下图： 2.flowmap实质 一张记录了2D向量信息的纹理，Flow m.
Three.js/Shader墙体流光特效
漫漫漫漫的博客
12-24 5820
Three.js墙体流光效果 基于ShaderMaterial，通过两张贴图实现流动效果，配置不同的贴图可以有不同效果 生成方法 /** * 创建流体墙体材质 * option => * params bgUrl flowUrl * **/ const createFlowWallMat = ({ bgUrl, flowUrl }) => { // 顶点着色器 const vertex
Substance Painter 创建头发实验
热门推荐
闲云野鹤的博客
02-14 1万+
          网上看到一韩国人发的用Substance Painter 创建头发纹理视频，觉得不错，制作简单效果也还可以，于是试验了一下并做了记录。 其基本方法也就是在MAYA等软件中制作头发面片，然后导入到SP中处理发丝的纹理、高光、透明、法线，一气呵成，充分利用了SP的整合功能，少去了一些传统方式的繁琐操作。当然有点缺憾文末再总结。 开始试验：（下图是韩国人做的效果） 1、3...
flowmap怎么做_如何制作一张给发盖用的Flow map
weixin_35959694的博客
12-23 773
-前言-在制做非常短的头发时，如果纯用发片摆，需要使用很密集的发片才能做出来。直接用一个发盖来表现，可以降低工作量，而且除了剪影外，其他区域的效果很自然。之前，我在网络上只找到了一些适合给平铺型的发片生成Flow Map的工具，它们不能直接为立体的发盖模型生成该贴图。现在我找到了两个解决办法，分享出来，希望对你有用。-具体操作-方法一，直接用插件这是朋友帮我做的，非常好用。两个下载方式都可以。1....
flowmap怎么做_Photoshop生成的流动贴图（flowmap）
weixin_39968946的博客
12-23 771
Photoshop提供了大量工具以供贴图编辑和图像控制。 很方便的一点是，您也可以使用这些工具来生成流动贴图(flowmap)。 本篇文章将为您展示如何使用UV贴图和Epic提供的操作在Photoshop中生成流动贴图。 请注意本操作只能在Photoshop CS5或以上版本中生效。如您需要使用流动贴图操作，请直接打开UV贴图并确认此贴图在背景进行调用。附件图像可用于平铺流动贴图的贴图，或您也可以...
PBR渲染（四）——PBR头发渲染
qq_53057269的博客
10-29 970
PBR头发渲染
机械模型次时代建模技术详解
“机械模型次时代建模流程.pdf”是一份关于3D建模技术的文档，主要讲解了从低模拓扑到贴图绘制的次时代建模步骤，适用于机械模型的创建。 次时代建模是一种现代3D建模技术，旨在提高模型的视觉真实感，同时保持较低...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值