最近这几年，有着宣传片制作大厂之称的微软，输出了一大波通透的玻璃材质渲染风格，我们简称微软风。上一篇文章《Windows 11全新设计语言Fluent，引领设计新趋势 （附源文件下载）》中，也有跟大家分享近几年超流行的风格趋势。
它在设计圈里几乎是带起了一股设计新趋势，轻薄，通道，明亮是这个风格的代名词。那它到底是怎么做出来的呢？正好有很多朋友也问到这种毛玻璃风格的3d要怎么做？所以，最近也抽空也研究了下，今天就跟大家分享下我的研究成果。（太忙了，拖了2周才写完这篇教程，大家别忘了给我点赞哇！）文章以“D”作为案例，教大家一步一步的做出这种材质效果，保姆级教程，制作难度不大可放心学习，文末也附上案例的HDR贴图及源文件，建议收藏学习。做任何渲染之前，一定要先分析好它的材质组成，仔细观察。所以，做之前先找了一些风格参考，从中分析找到想做的目标效果。材质上：从参考中提炼一些关键词，自己要表达的目标效果有：多彩反光、边缘高亮、磨砂。
结构上：因为是想做“D”这个字母造型，参考中的字母“R”的棱角设计细节觉得挺不错，创造了更丰富的结构，这个点值得借鉴。布线合理反射才会好看，布线很关键，原则一般是开始建模阶段越少越好，目的是方便调整造型。这里我介绍2种做法：1）文本工具建模。一个直接用运动图形里的文本工具来做，但这样在字体面上做棱角结构时可能会遇到一个问题，没法循环切割，而且也没办法做倒角的问题。其实也是点太多造成的问题，基于前面提到的建模原则，这里有2个细节点是：
- 将模型C掉之后一定要记得全选所有点优化一下，不然后续做倒角改线时可能会有问题。
用这种方式做出来的模型，很多点之间是孤立的，需要手动把点连起来，会有些麻烦。
2）曲面建模。下面再介绍第二种办法，也是更通用的曲面建模的方式来做模型，好处是可以方便布线和调整模型结构。这里布线的时候也是一样，一开始不要用太多的点，能表达出大致的结构即可。好的布线结构，方便选线和卡边，也是未来渲染的基础。结构表达清晰后，加上细分，略微调整下细节，建模就完成了。起初是直接用的logo造型来做的3D模型，因为有倾斜，发现重心不稳，所以后面也优化了造型的角度保证画面的稳定性。这里的经验就是平面设计和3D画面还是有差异的，要以画面效果为标准，不要太死板。3）其他。有时候主体物建模完成后，会发现画面比较单薄，为了丰富整体的画面细节，可以适当增加一些装饰性模型，但不要分散主体物的视觉即可。
做材质渲染，首先需要理解这个材质的构成要素，就像用PS加样式一样，你得知道一个凸起的按钮需要有哪些效果才会去找对应的效果来加。在做3D材质的时候，也是一样的道理，你要观察出材质是由哪些要素组成，才能把这个材质调出来，而不是一顿瞎调碰运气。做类似玻璃材质的渲染要明白的一点，它的材质效果很多都是通过环境的反射得来的，环境颜色信息足够丰富越容易出效果，环境不够丰富的话才拿颜色来凑。所以，我这里是用了一张多颜色信息的HDR贴图，这张图的关键点在于颜色信息要足够丰富，至于图片本身的内容不是太重要。这里我用到的是这张图，后面也会在文末分享给大家。在做材质这里，我花了一天时间做测试，渲染了几十次，尝试了各种材质优化办法，最后才发现原来可以不用复杂的混合材质，单纯一个镜面材质就可以做出这种炫酷的磨砂玻璃效果。我的测试过程，各种节点混合材质都尝试了下，我也会在文末把这些测试过程的源文件分享给大家
注意，这里所说的技术点主要是针对我做的这个场景，其他不同场景中的玻璃，做法可能会有不同。每个不同场景，不同光照，需要的材质细节可能完全是不同的，渲染效果是这些影响因素的组合。我这里发的案例，材质上只用了一个镜面材质，然后材质细节的话，需要注意几个关键点：
玻璃材质勾上伪阴影，能让内部反射更加通透，原因是外部的光能在玻璃内形成折射（注意，如果想在玻璃外包的投影上做焦散效果，则不能勾选）索引可以适当拉高一点，加强一些反射效果，但不宜开的太高，反射出来的效果扭曲的太厉害会不大好看。为了避免反射扭曲问题的出现，还可以用一个混合材质来做：镜面+光泽材质，把光泽材质的索引打到1（完全反射），然后混合后把浮点值给到0.9左右，再给光泽材质加一点点粗糙度，反射效果会更好看。粗糙度适当给一点点就好，可以提升玻璃的质感。如果你期望玻璃材质的中间比较清透，边缘比较磨砂，可以给粗糙度加一个衰减节点，这样的质感会更加细腻好看。粗糙度往往是跟索引配合使用，大家可以在调材质的时候测试玩玩。色散可以让玻璃内部增加更多细节，玻璃越厚效果越明显。在所有节点的镜面材质中都可以增加一点色散属性，让玻璃产生色散效果，更好看。
4、灯光
一个hdr打光，细节可能还不够，我希望能反射出更多细节。所以，我这里还补了几个光，作为高光反射效果。打光的话，利用遮挡关系，细节会更多，可在文末分享的源文件看到。
5、渲染设置
在oc渲染前，渲染设置也很重要，这里主要关注下这几个参数，我的参数配置是这样的，供大家参考。在最终出图之前，可以给摄像机加上后期滤镜效果。经过尝试，我发现这个滤镜还不错。当然你们也可以尝试用别的滤镜，这里的滤镜选择是根据自己画面想要的感觉来的。渲染设置为(PT)，如果确定了效果最终出图的时候可以选择用（PMC）来渲染，效果会更好，只是时间会比较久。1）如果渲染出来的噪点较多，可以适当加高采样，能减少噪点6、PS后期
渲染出来的图，可能还是有点平，我一般还会用ps调优一下，目的主要是凸显主体物的特征。对于玻璃的话，我希望它的反射和透明感觉更强，所以我增加了对比度和饱和度，另外我习惯加一个高反差保留 + 叠加，让主体物的边缘更清晰。7、教程资源分享
除了我做的这个案例外，也跟大家分享几个我觉得非常不错的教程，关于玻璃材质渲染的，让大家更加深入全面的学会这个材质。玻璃渲染不再困难。1）曾神的C4D创建彩色玻璃的4个技法，非常干 https://www.bilibili.com/video/BV16p4y1k7H3?spm_id_from=333.999.0.0 2）玻璃的衍生效果，薄膜干涉的做法
https://www.bilibili.com/video/BV1ys411F77X?spm_id_from=333.999.0.03）萌新如何提升渲染质感？对于渲染质感讲的非常好
https://www.bilibili.com/video/BV1fa411A7DQ/?spm_id_from=333.788.videocard.154）如何用oc渲染器渲染直出漂亮的焦散效果玻璃，化妆品渲染可用此类效果 https://www.bilibili.com/video/BV1MK4y1Z7rx?spm_id_from=333.999.0.0本文中涉及到的HDR，材质测试及模型渲染源文件，我也打包进行分享，方便大家参考学习。点个“在看”，然后打开公众号“UI设计达人”输入框回复玻璃渲染，就能自动获取。主页君个人微信
添加主页君个人微信领取：大厂设计规范及组件库、免商中文字体、样机、作品集等