搜索

    [UE虚幻] UE4丨窗户材质的制作 深度室内 视差贴图

    查看：4649 |回复：5 | 2021-4-16 22:34:36
    CG沣

    您需要 登录 才可以下载或查看，没有账号？注册

    x
    本帖最后由 猫爪君 于 2021-7-15 11:41 编辑

    今天给大家带来的是UE4窗户材质的制作
    我是很久不见

    大家好，我是很久不见，主要从事的方向是引擎美术。本次给大家带来的是，使用UE4制作一个窗户的材质效果。

    先来看一下最终的效果展示：

    v2-f5637d55e063e5d3a8d87cc1c689e2c4_720w.jpg

    v2-37c23a9022d7f577cce7893074c9bd67_b.jpg














    1思路分析
    在制作某些楼宇场景时，由于不想使用过多的时间去制作楼宇里面的场景，替代方案通常是使用一张简单的贴图做窗户材质，但是想要将窗户里面制作的更为精细，就需要在材质上花点功夫。

    制作这类材质最核心的内容是UE4中自带的材质函数“InteriorCubemap”，单独看这个材质函数，其实已经有向内产生空间的感觉了。




    做一个简单的材质连接，就可以初见成效。






    一般情况，如果对于楼宇建筑制作窗户材质需求不高，做到这里就可以了。接下来对此材质做更多的效果变化。

    2随机角度变化的实现

    如果想看到别的视角作为窗户材质的正面视角的话，则需要修改材质函数“InteriorCubemap”的UVs。

    首先是要在Cubemap的四面墙里随机显示一面，此处从物体位置Object Position作为输入，分别拆分为三个轴向，取绝对值后两两相乘，用上Fmod节点，此处的B输入要为4，向上取整后追加矢量。总之就是借用了物体的当前三维坐标位置得到了新的坐标。


    然后与TexCoord相加输出给材质函数“InteriorCubemap”的UVs。


    将此材质创建材质实例，并赋予到一个正方平面上，此时在视图中拖动平面物体，是不会有随机效果产生的，所以记得要回到材质编辑器中，把材质函数“InteriorCubemap”的Randomize Rotation (B)右键提升为参数，并确保数值为True。


    此时在视图中会的到一个随着面片物体移动产生随意视窗角度的材质。


    然后将之前的TexCoord做一点点改动，以便在必要的时候可以修改Cubemap的UV参数。


    3随机窗帘的加入

    方法和之前的类似，同样也是使用Object Position作为输入，通过一些简单的计算得到一个随机值。


    之后将这个随机值与TexCoord配合输出给窗帘贴图的UV上，这里我做了一个switch开关，可以得到从两个方向随机开合窗帘的效果。






    注意这里要在纹理编辑中修改窗帘贴图的Y轴平铺方式，否则窗帘开合的时候是被重复平铺的。


    如果贴图在远处显示错误还要记得勾选“无Mip贴图”。






    接下来对之前的Cubemap做了一个变色的处理。


    要注意的是这里的几个输入对象，两个Multiply的B输入的都是从之前随机窗帘得到的数值。




    此时的Lerp分别输入的是HueShift和变色后的窗帘，Alpha连接的是窗帘贴图Alpha缝隙处。所以这里在平铺没有占满的地方，就是改变明度和颜色的区域。


    最后这里我又修改了一下Switch的方式，以便用一个开关就可以即时改变窗帘的位置。


    4法线和粗糙度的制作




    这里都从之前的窗帘随机值中Add了一个B输入值，可以随机产生粗糙度和法线位置。


    5Cubemap的制作

    最后说一下Cubemap的制作。由于材质函数“InteriorCubemap”是一个正方形，此处的Cubemap也需要制作一个正方形。

    在虚幻引擎的帮助文档中有介绍过立方体贴图的制作，如下图。


    我这里使用了虚幻商城里“照片级渲染”的资源，搭建了一个BOX盒体空间，并将四周的家具缩放后贴墙摆放。




    为了方便得到六个方向的渲染图，我在场景中心创建了一个摄像机，并制作了一个Sequencer，每个关键帧的点对应一个面的角度。


    然后使用高分辨率截图将六个面进行截图。


    在Photoshop中将六个面的图片依次按照+X、-X、+Y、-Y、+Z、-Z的方式进行排列，这里可以参考一下官方的示例图。


    导出的时候，这里使用的是Photoshop的DDS插件。


    在UE4中记得要将Cubemap的压缩设置改为HDR。


    6细节制作

    为了效果更好，我又加了窗框的效果，并在Photoshop中转换了法线，在UE4中使用Lerp合并了之前的窗户材质效果。




    以上就是本次教程案例的内容了，希望大家可以从中有所收货。

    如果对于本案例中的节点不是很明白的话，以下我将本次案例的所有节点共享到我的blueprintue网站中，大家可以在网页中复制节点到你UE4项目的材质中

    评分

    参与人数 2元素币 +30 活跃度 +37 贡献值 +1 展开 理由
    蒙薪忑哮虱 + 15 现在用不上，不代表我以后用不上，收藏一波！！！！！！
    元素界王神 + 30 + 22 + 1 【点赞】这很有大网气质！

    查看全部评分

    2021-4-16 22:34:36  
    赞 赞 1

    使用道具 登录
    5个回答，把该问题分享到群，邀请大神一起回答。
    2#
    堂堂5948  

    关注TA
    不错不错
    回复 收起回复
    2021-4-17 10:14:01   回复
    赞 赞 0

    使用道具 登录
    3#
    Carrey  

    关注TA
    感谢分享
    回复 收起回复
    2021-4-17 23:39:22   回复
    赞 赞 0

    使用道具 登录
    4#
    chenhj  

    关注TA
    学习了，谢谢！~
    回复 收起回复
    2021-4-29 16:40:58   回复
    赞 赞 0

    使用道具 登录
    5#
    奶粉哥  

    关注TA
    不错不错
    回复 收起回复
    2021-7-23 09:42:14   回复
    赞 赞 0

    使用道具 登录
    6#
    翔欢喜  

    关注TA
    感谢分享
    回复 收起回复
    2021-11-2 09:33:02   回复
    赞 赞 0

    使用道具 登录

    CG 游戏行业专业问题

    图文教程技术文章技术文库UE虚幻引擎
    显示全部 7

    显示全部标签

    搜索中出现以下关键词标签即可被搜索引擎找到
    楼主可在左边的【标签】按钮中添加
    希望搜索结果同时满足多个条件，可用空格隔开
    • 图文
    • 教程
    • 技术
    • 文章
    • 技术文库
    • UE
    • 虚幻引擎

    最新问题

    最热回答

    高级模式
    B Color Image Link Quote Smilies
    您需要登录后才可以回帖 登录 | 注册

    本版积分规则

    提醒
    0
    快速回复 返回顶部 返回列表