抱歉,您的浏览器无法访问本站
本页面需要浏览器支持(启用)JavaScript
了解详情 >

之前就一直很想模仿Tr的官方trailer风格做一张渲染图或者动画,但是一直有一个问题不知道怎么解决才好———如何把tr的墙体放进Blender中并且给它一定的“厚度”,同时还能够对它的材质做一些处理(比如蘑菇地的发光效果)。这篇文章主要就是记录一下目前我自己研究出来的一套流程。

文章使用到的软件、插件:

其中Asprite和Blender有Steam版本

@[toc]

一、获取墙体图片

获取的方法很多,我个人是使用TEdit选取一块区域后复制粘贴到天空,之后截图、抠图,获得一张背景透明的png图片。这里需要注意,截取的图片应足够清晰————在ps等软件中放大应能清楚的看见每个像素

二、墙体图片 ➡️ .vox文件

在上一篇文章中有提到我们可以使用MV来把Tr的2D贴图转换为3D的文件,这次的整体思路也是借助MV来把墙体的图片转换为3D的文件,但之前我也提到过MV导入的图片分辨率不能超过256*256,否则MV会自动缩放图片导致丢失图片的细节。

解决这一问题的方法也很简单,即把图片拆分成若干块大小适当的图片,再全部导入MV,拆分图片的步骤使用ps的切片工具可以很方便的做到

在这之前我们可以先对图片进行“瘦身”————大多数情况下获得的图片的大小可以缩小至50%甚至25%(因为Tr贴图的像素比较“大”,大多是2*2的,这和截得的图片也有关系,自行调整,缩放时的算法记得选择 邻近(硬边缘),这样我们得到的切片数量可以大大减少,方便之后的操作

又或者我们可以使用 FileToVox 自动实现上述的切片、导入的步骤,FileToVox可以通过简单的命令将多种格式的文件转换为.vox文件(不想打命令的话可以使用FileToVox-LazyGUI),下面是FTV简单的用法

下载后解压,打开cmd或者其他的终端(比如我使用的是Terminus),把 FileToVox.exe 拖进终端的窗口,输入以下命令

1
--i 想要转换的图片路径+文件名(可以直接拖进图片) --o 输出路径+文件名 --c(使转换的vox含有颜色) --cs 数字(<256,设置每个区块的大小)

最后得到的命令的示例

1
E:\\FileToVox-v1.11\\FileToVox.exe --i C:\\Users\\Kege\\Pictures\\unknown.png --o C:\\Users\\Kege\\Pictures\\ooo --c --cs 255 

如果没什么问题,运行结果如下

FTV还有很多可以调试的地方,大家可以自己研究一下

三、查看、调整vox

这步其实是可以跳过的,但如果大家想在MV中渲染场景,或者想导出obj文件的话这步就是必须的啦

打开MV,把之前转换的图片拖进调色盘区域,在右边的面板打开匹配颜色,拖入得到的 .vox 文件(这样做可以避免导入后的颜色变得很奇怪)

导入 .vox 大家可能会发现所有的物体都挤在一个角落里,甚至有些部分重叠在一起(调小cs可以避免重叠),我们可以全选后把物体移动到世界的中心并分开

四、导入vox到Blender

为什么这次我们导入vox,而不是在MV中先导出obj再导入到Blender中呢?因为使用导入 MagicaVoxel_Importer 导入vox时,我们可以选择把调色盘中的每种颜色都单独作为一种材质导入,这样之后想做些自发光之类的效果会容易许多(有点类似MV的材质设置了),但导入vox也是有麻烦的地方的,下面会提到。

打开Blender,安装插件后,文件–导入–MagicaVoxel(.vox),选择你要导入的vox,右边的设置中体素大小可以改小些,其它的选项我一般都保持默认,vox内的物体比较多的话,导入的时间可能会长一点

导入后大家视野里可能并没有出现新的东西,这是因为导入的物体太大了,或者再MV内没有调整物体的位置,导致偏移太远了,自行调整一下就行了,调整完毕后大家会发现另一个问题————物体并没有按照在MV中那样排列,这就是之前提到的麻烦的地方,但如果善用吸附的话调整位置也很快就是了

调整完,确认之后,选择所有导入的物体,右键–合并,进入编辑模式的点模式,全选,右键–合并顶点–按距离,避免之后因为重叠的点出问题

五、调整墙体

仍然是编辑模式的点模式,勾选背面剔除后,来到物体的正面,框选正面全部的点(可能需要放大之后多选几次),移动所选的顶点来增加“厚度”(这一步也可以用实体化修改器,但是实体化修改器给的值高了会出现奇怪的效果),之后可以修改一下材质,比如我这里给了地面的蓝色一个自发光效果(可能颜色会出现在不想让它发光的位置,这时候把不想发光的那部分拆分,之后让那部分的材质独立即可),最终结果如下

评论