Enscape自定义资产-如何制作叶子

今天的博客来自业内专家的称赞 彼得Schiettecatte 从 A +我 在纽约市。 单击此处 查看此博客上的所有这些文章,包括最近非常流行的文章: 教程:如何创建自定义Enscape资产

你们中的许多人都对如何使用抠图来创建自定义Enscape资产有所帮助。一个典型的例子是植被:由于必须保持低数量,因此无法对每个叶子进行完整的建模。取而代之的是,仅用几个多边形来近似叶子的形状,然后使用透明的.png图像为叶子的颜色纹理添加额外的定义。

在本教程中,我们将以常春藤植物为例。您可以在此处下载Blender文件。

使用Blender 2.9渲染的常春藤模型 
带有线框的常春藤模型,请注意,叶子仅以每个6个多边形进行粗略建模

继续阅读以了解更多…

Enscape自定义资产-如何制作叶子插图

应用于叶子的材质着色器。请注意,使用了透明的.png。为了使透明度在Blender中起作用,必须将图像的alpha输出套接字连接到Principled BSDF着色器的alpha输入节点。

步骤1)将常春藤对象导出为gltf + bin + textures,并将白色占位符导出为.obj文件。有关详细信息,请单击此处。或者,在此处从Blender文件下载导出。

步骤2)使用资产创建器工具创建自定义资产,并将其加载到您的库中。在Enscape中渲染资源。请注意,叶子的透明边缘呈现黑色。 

Enscape自定义资产-如何制作叶子插图(1)

这是因为Enscape资产不支持.png文件的透明层。相反,我们将需要在.gltf文件中手动添加黑白抠图。

步骤3)制作.png叶子纹理贴图的副本,并将其转换为黑白.png。黑色表示透明区域,白色表示不透明区域。将抠图保存在资产文件夹中

Enscape自定义资产-如何制作叶子插图(2)

步骤4)在代码编辑器中打开.gltf文件。如果您没有安装代码编辑器,那么我建议您使用免费和开放源代码的Visual Studio Code(54mb)

步骤5)首先,必须声明将另外两个图像映射用于此gltf文件。

导航到.gltf的“图像”部分,并为每个抠图贴图添加一个新条目(以红色表示)。名称是任意的,但“ uri”必须与文件名完全匹配(包括文件扩展名)。请记住,Enscape资源不支持纹理贴图中的空间。

每个条目都需要用逗号分隔(以蓝色表示)。

Enscape自定义资产-如何制作叶子插图(3)

步骤6)接下来,需要将图像贴图加载到纹理插槽中。导航到.gtlf的“纹理”部分,并为每个抠图添加一个新来源(用红色表示)。同样,每个条目都需要用逗号分隔(以蓝色表示)

来源编号引用图像列表中的一个条目。编号从0开始,所以对于3中的图像列表的图像,源是2。

Enscape自定义资产-如何制作叶子插图(4)

步骤7)将Enscape扩展名添加到.gltf文件。导航到.gtlf文件的顶部,然后在“资产”部分的下面添加扩展信息,如下图的红色框所示。这样可以确保可以在材质上添加一个抠图(在默认的gltf中这不是一个选项)

Enscape自定义资产-如何制作叶子插图(5)

步骤8)将Enscape扩展(ENS_material 添加到叶子材质。该扩展提供了十几个选项,但是在这种情况下,只有两个是必需的:

  • “ materialType”:3,这将触发Enscape使用“叶子”着色器渲染材料。Enscape将使用一些优化,例如修改后的阴影计算,地下散射和不生成轮廓。
  • Masktexture:这是抠图,索引是指纹理列表中的编号(因此索引2是纹理列表中的第三个条目(计数从0开始)
Enscape自定义资产-如何制作叶子插图(6)

步骤9)保存.gtlf并启动Enscape。黑色边缘现在应该呈现透明。如果您在执行步骤时遇到问题,可以在此处下载完成的资产。

Enscape自定义资产-如何制作叶子插图(7)
0

评论0

请先

没有账号? 注册忘记密码?

社交账号快速登录

微信扫一扫关注
扫码关注后会自动登录网站