创建立方体贴图

在Photoshop中创建立方体贴图的过程。

Windows
MacOS
Linux

本文档介绍了使用Photoshop创建立方体贴图的过程。

创建立方体贴图

要想创建立方体贴图,您所需要的就是6张图片,分别代表沿着X、Y和Z坐标轴的正方向和负方向查看时所看到的视图。但是,这些图片需要进行适当的组合,并且组合时还需要考虑一些事项,才能创建出立方体贴图。

当使用Photoshop 的NVIDIA Texture Tools插件 (32bits/Channel, 8.8.8.8 ARGB 32 bpp, unsigned) 时,您需要以特定形式排列这六张图片才能生成立方体贴图。该插件将在同一文件中查找这6张图片,将它们像下面这样并排排列:

正X-轴、负X-轴、正Y-轴、负Y-轴、正Z-轴、负Z-轴

CubeMapNvidiaLayout.png

一旦将该图片从Photoshop中导出并导入到虚幻引擎4(UE4)中,编辑器会把它们合成为一张很好的立方体贴图。但是,您会发现在这个实例中其中某些图片应用了非常有趣的旋转。这是由NVIDIA插件从每个图片组合该立方体贴图的方式所决定的。

当将其导入为立方体贴图,并在UE4的纹理编辑器窗口中展开时,结果如下所示:

CubeMapNvidiaLayout_Cubemapped.png

由于给某些图片应用了特殊的旋转,从而使得立方体的面可以保持竖立。

查看该旋转机制的快速方法如下所示:

坐标轴

旋转度

正X轴

逆时针旋转90度

负X轴

顺时针旋转90度

正Y轴

旋转180度

负Y轴

不旋转

正Z轴

顶部必须和正Y轴对齐的面

负Z轴

顶部必须和正Y轴对齐的面

可视化立方体贴图图片的旋转

当第一次创建一张立方体贴图时,查看如何布局该立方体贴图的图片并不是那么简单。这个方法可以帮助您查看如何正确地布局您的图片,以便同Photoshop的NVIDIA贴图工具结合使用。

或许,可视化立方体贴图图片的旋转情形的最简单的方法是: 想象您身体沿着笛卡尔坐标轴躺在地上,朝上盯着看。这意味着,您正看到正Z-轴方向(向上),X-轴指向右侧,Y轴指向您头顶上方,如下所示:

CubeMapOrientation.png

但是,要想查看这个朝向是如何影响立方体的布局的,那么我们可以把这六张图片看成代表在6个方向上的视图。

Cubemap_PositiveX.png Cubemap_NegativeX.png Cubemap_PositiveY.png Cubemap_NegativeY.png Cubemap_PositiveZ.png Cubemap_NegativeZ.png

目前,所有图片都是竖直向上及向下旋转的。某些图片需要进行适当的旋转才能正确地排列。所以,回到刚才的示例,我们可以想象我们正像上面那样躺着。

现在,想象把您的头向右转。这意味着您会看沿着X-轴向下看。但是由于您在躺着,所以所看到的视图会相对您的头部逆时针旋转90度,如下所示:

Cubemap_PositiveX_Vis.png

如果您将您的头部向左转,您将看到负X-轴视图:

Cubemap_NegativeX_Vis.png

要想查看正Y-轴图片,您必须在把您的头旋转回来。这会使得视图看上去是上下颠倒的,如下所示:

Cubemap_PositiveY_Vis.png

要想查看负Y-轴的图片,您可以向下朝您的脚部看,您将会看到这样的视图:

Cubemap_NegativeY_Vis.png

正Z-轴图片的很容易就可以看到,因为您从一开始就在向上盯着看:

Cubemap_PositiveZ_Vis.png

要想查看负Z-轴的图片,您必须超肚子方向弯曲身体,盯着地面看,所以您将看到:

Cubemap_NegativeZ_Vis.png

一旦创建了所有这些图片,并进行了适当的旋转,那么您需要按照以下顺序把它们排列到一个文件中:

X+, X-, Y+, Y-, Z+, Z-

完成后,您将获得一张类似于这样的图片:

Uffizi_Cubemapped.png

Tags
Select Skin
Light
Dark

Welcome to the new Unreal Engine 4 Documentation site!

We're working on lots of new features including a feedback system so you can tell us how we are doing. It's not quite ready for use in the wild yet, so head over to the Documentation Feedback forum to tell us about this page or call out any issues you are encountering in the meantime.

We'll be sure to let you know when the new system is up and running.

Post Feedback