当前位置: 首页 >文章 > 教程 | 风靡全网的微软设计风,原来可以这么简单的做出来
收藏
分享

教程 | 风靡全网的微软设计风,原来可以这么简单的做出来

举报彩云译设计彩云译设计发布于 2021-09-13976阅读3点赞
微软风在设计圈里几乎是带起了一股设计新趋势,轻薄,通道,明亮是这个风格的代名词。那它到底是怎么做出来的呢...

最近这几年,有着宣传片制作大厂之称的微软,输出了一大波通透的玻璃材质渲染风格,我们简称微软风。

它在设计圈里几乎是带起了一股设计新趋势,轻薄,通道,明亮是这个风格的代名词。那它到底是怎么做出来的呢?正好在彩云的社群里有很多朋友也问到这种毛玻璃风格的3d要怎么做?所以,彩云最近也抽空也研究了下,今天就跟大家分享下我的研究成果。(太忙了,拖了2周才写完这篇教程,大家别忘了给我点赞哇!)

文章以我的公众号logo“D”作为案例,教大家一步一步的做出这种材质效果,保姆级教程,制作难度不大可放心学习。



1、分析

做任何渲染之前,一定要先分析好它的材质组成,仔细观察。所以,做之前先找了一些风格参考,从中分析找到想做的目标效果。

材质上:从参考中提炼一些关键词,自己要表达的目标效果有:多彩反光、边缘高亮、磨砂。

结构上:因为是想做“D”这个字母造型,参考中的字母“R”的棱角设计细节觉得挺不错,创造了更丰富的结构,这个点值得借鉴。

确认了目标材质和结构后,接下来就开工制作了。



2、建模

布线合理反射才会好看,布线很关键,原则一般是开始建模阶段越少越好,目的是方便调整造型。这里我介绍2种做法:

1)文本工具建模。一个直接用运动图形里的文本工具来做,但这样在字体面上做棱角结构时可能会遇到一个问题,没法循环切割,而且也没办法做倒角的问题。

倒角的话,由于布线问题,会发生破面。

其实也是点太多造成的问题,基于前面提到的建模原则,这里有2个细节点是:

  • 将默认设置中的点插值方式改为自然并将数量改为 1
  • 将模型C掉之后一定要记得全选所有点优化一下,不然后续做倒角改线时可能会有问题。

用这种方式做出来的模型,很多点之间是孤立的,需要手动把点连起来,会有些麻烦。


2)曲面建模。下面再介绍第二种办法,也是更通用的曲面建模的方式来做模型,好处是可以方便布线和调整模型结构。这里布线的时候也是一样,一开始不要用太多的点,能表达出大致的结构即可。

好的布线结构,方便选线和卡边,也是未来渲染的基础。结构表达清晰后,加上细分,略微调整下细节,建模就完成了。

起初是直接用的logo造型来做的3D模型,因为有倾斜,发现重心不稳,所以后面也优化了造型的角度保证画面的稳定性。这里的经验就是平面设计和3D画面还是有差异的,要以画面效果为标准,不要太死板。

3)其他。有时候主体物建模完成后,会发现画面比较单薄,为了丰富整体的画面细节,可以适当增加一些装饰性模型,但不要分散主体物的视觉即可。



3、材质

做材质渲染,首先需要理解这个材质的构成要素,就像用PS加样式一样,你得知道一个凸起的按钮需要有哪些效果才会去找对应的效果来加。在做3D材质的时候,也是一样的道理,你要观察出材质是由哪些要素组成,才能把这个材质调出来,而不是一顿瞎调碰运气。

做类似玻璃材质的渲染要明白的一点,它的材质效果很多都是通过环境的反射得来的,环境颜色信息足够丰富越容易出效果,环境不够丰富的话才拿颜色来凑。所以,我这里是用了一张多颜色信息的HDR贴图,这张图的关键点在于颜色信息要足够丰富,至于图片本身的内容不是太重要。这里我用到的是这张图。

在做材质这里,我花了一天时间做测试,渲染了几十次,尝试了各种材质优化办法,最后才发现原来可以不用复杂的混合材质,单纯一个镜面材质就可以做出这种炫酷的磨砂玻璃效果。

我的测试过程,各种节点混合材质都尝试了下。

注意,这里所说的技术点主要是针对我做的这个场景,其他不同场景中的玻璃,做法可能会有不同。每个不同场景,不同光照,需要的材质细节可能完全是不同的,渲染效果是这些影响因素的组合。我这里发的案例,材质上只用了一个镜面材质,然后材质细节的话,需要注意几个关键点:


1)伪阴影

玻璃材质勾上伪阴影,能让内部反射更加通透,原因是外部的光能在玻璃内形成折射(注意,如果想在玻璃外包的投影上做焦散效果,则不能勾选)



2)索引

索引可以适当拉高一点,加强一些反射效果,但不宜开的太高,反射出来的效果扭曲的太厉害会不大好看。为了避免反射扭曲问题的出现,还可以用一个混合材质来做:镜面+光泽材质,把光泽材质的索引打到1(完全反射),然后混合后把浮点值给到0.9左右,再给光泽材质加一点点粗糙度,反射效果会更好看。


3)粗糙度

粗糙度适当给一点点就好,可以提升玻璃的质感。如果你期望玻璃材质的中间比较清透,边缘比较磨砂,可以给粗糙度加一个衰减节点,这样的质感会更加细腻好看。粗糙度往往是跟索引配合使用,大家可以在调材质的时候测试玩玩。


4)增加色散

色散可以让玻璃内部增加更多细节,玻璃越厚效果越明显。在所有节点的镜面材质中都可以增加一点色散属性,让玻璃产生色散效果,更好看。



4、灯光

一个hdr打光,细节可能还不够,我希望能反射出更多细节。所以,我这里还补了几个光,作为高光反射效果。打光的话,利用遮挡关系,细节会更多。



5、渲染设置

在oc渲染前,渲染设置也很重要,这里主要关注下这几个参数,我的参数配置是这样的,供大家参考。

在最终出图之前,可以给摄像机加上后期滤镜效果。经过尝试,我发现这个滤镜还不错。当然你们也可以尝试用别的滤镜,这里的滤镜选择是根据自己画面想要的感觉来的。

渲染设置为(PT),如果确定了效果最终出图的时候可以选择用(PMC)来渲染,效果会更好,只是时间会比较久。

这里有2个参数对渲染效果有利的:

1)如果渲染出来的噪点较多,可以适当加高采样,能减少噪点

2)适当调高折射深度,玻璃的透光性会更好



6、PS后期

渲染出来的图,可能还是有点平,我一般还会用ps调优一下,目的主要是凸显主体物的特征。对于玻璃的话,我希望它的反射和透明感觉更强,所以我增加了对比度和饱和度,另外我习惯加一个高反差保留 + 叠加,让主体物的边缘更清晰。






本文原创,未经作者允许不可转载!

更多内容,欢迎关注作者微信公众号:彩云译设计!


0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,637人)

电商海报设计训练营
距离开班仅剩9天66人已报名
【5月】零基础手绘插画训练营
距离开班仅剩9天54人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩26天15人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了27,078
并提交了210份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证