three.js 贴图只显示颜色_使用平铺贴图制作马赛克材质的室内教程

本文是一篇室内设计教程,介绍如何利用three.js的贴图功能,结合平铺贴图和平面材质,创建出马赛克拼花墙的效果。通过调整平铺设置和砖缝设置,实现马赛克的图案和凹凸感,最终达到模拟真实马赛克的效果。
摘要由CSDN通过智能技术生成

  马赛克作为装修的元素之一,被应用的范围也是比较广的,不管是家装还是工装,都能见到它的存在。我们在做室内设计效果图的时候,也会运用这一元素作为设计点,今天的室内设计

  马赛克作为装修的元素之一,被应用的范围也是比较广的,不管是家装还是工装,都能见到它的存在。我们在做室内设计效果图的时候,也会运用这一元素作为设计点,今天的室内设计教程分享的是用材质贴图制作马赛克拼花墙。一起来看看这个方法如何?

ff09aaacf29bcd8ce1089e740b2e13aa.png

  因为我们采用的是材质贴图,所以只需要创建一个面片

c721bd79e2a64fdf316e568befacd501.png

  首先看下材质的拓扑图,一个是基础材质球,另两张分别为平铺贴图(tiles)和位图

6aea0715e91e20c5d09aece79151dfae.png

  基础材质调节只需要简单的调节反射就好了

38f3731a896dba9dfb46200297b488de.png

  添加第一个平铺贴图到基础材质的漫反射里(用来制作马赛克墙的图案).

c5a4e4eba79509c7735b14debd5b8357.png

  在高级控制里分别调整平铺贴图的平铺设置(控制平铺的格数)和砖缝设置(控制砖缝的粗细).

9548a79ff04cf161c72330434fc94704.png

  向平铺设置添加我们选好的图片,教程案例我用的是梵高的《星月夜》作为贴图.

ea8ceb4ada0914ffe789dc73b529a1bc.png

  修改淡出变化(Fade),用来模拟马赛克的颜色抖动.

66f5f622245421dd6cb4fa565f29aa36.png

  添加第二个平铺贴图到基础材质的凹凸和置换贴图内(用来模拟马赛克的凹凸).

c9c8c77e89d61c672236809c6fdd5ff0.png

  只需要修改平铺与砖缝的颜色即可,其他参数与第一个平铺贴图保持一致.

9e00dbdb2c4315d66e9f5003e12e49db.png

  材质调整基本完成,由于图片太清晰,可以通过调整位图的模糊值将图案模糊.

3c1ed45fb17dab8a3bf05115f496bc37.png

  做完以上的步骤,也就完成了整个材质的调节,接下来渲染出图就好了,对于室内设计贴图材质的教程就说到了这里,下次设计的过程中,如果没有自己喜欢的马赛克贴图,我们就可以用这种方法制造符合要求的马赛克贴图了。

欢迎留言讨论哦

更多行业相关文章推荐阅读

R.xiaohaha:室内设计行业——永不衰退的行业 行业缺口大​zhuanlan.zhihu.com
bb3fd7b38a05ed9e8c0f87f3ebbabbe7.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值