如何使用Unity 2D PSD导入器包提升2D游戏、动画工作流程的速度

2D游戏通常由数百甚至数千个子图层组成。Unity的2D团队正在不断努力改进工作流程，包括导入和迭代资产所需的步骤，以此提升用户在创建2D工作流程时的整体速度。其中一项重大改进就是2D PSD导入器包的开发。本文将介绍如何将Photoshop的PSB文件导入到2D游戏制作项目中，并列举在使用2D资产时提高用户工作效率的真实使用案例。如果你对2D游戏制作感兴趣，那么本篇文章可能会为你带来不小的帮助。

什么是2D PSD导入器？

将具有多个图层的Photoshop文件导出和导入到Unity中可能会很耗时。如果我们对源文件进行了更改，那么当需要调整它们时，可能会陷入重新导入文件的低效循环。2D PSD导入器解决了这个问题。

如何使用2D PSD导入器包

我们可以从包管理器中安装2D PSD导入器包（不需要其他额外的设置）。当成功安装好2D PSD导入器包之后我们就可以开始向Unity中导入PSB文件了。

PSD导入程序支持PSB文件格式，PSB格式在功能上与更常见的Adobe PSD格式相同。区别在于PSB格式的图像文件比PSD格式支持的图像要大得多。

要从Photoshop中创建PSB文件，请单击文件→另存为，然后从类型下拉列表中选择大文档格式（PSB）。

当我们将文件拖放到所需项目的“资产”文件夹中时，Unity会自动创建一个包含所有Photoshop图层作为子图层的预设。每个子对象都有一个子图层渲染器组件，默认情况下，它们会保留源文件的转换和深度排序数据，可以重新创建源图像。

我们可以在“导入设置”中更改导入行为。有些设置与将图像导入项目的默认设置相同。而其他一些设置是全新的，是此软件包推出的全新设置。

例如导入隐藏设置允许用户导入PSB文件的隐藏层，而不仅仅是可见层。

Unity2021.1中的2D导入器包检查器视图

嵌入设置将会为每个图层生成一个子图层。禁用此设置将从Photoshop的使用图层中创建一个单独的子图层。这就像是导出图像的平面版本。

角色装备属性允许用户创建一个预设，预设使用原始变换和深度排序来维护每个生成的子图层。

大部分绘图软件允许用户将有多个图层的图像导出为PSD格式，我们可以将这些文件重命名为PSB，以便在2D PSD导入器中使用

如果子图层包含骨骼或体重数据，PSD导入器会添加创建2D动画所需的子图层皮肤组件。我们可以将其与蒙皮编辑器配合使用。

禁用此选项将生成一个包含Photoshop切片图层的子图层，但不保留其顺序或预设。

使用图层分组设置将允许预设的子预设作为Photoshop的图层组嵌套在新的空游戏对象下，这些对象代表Photoshop的图层组。启用此选项将在Unity中重新创建在Photoshop中拥有的精确层次结构。

要正确导出PSB文件，需要了解一些规则。例如，需要避免Photoshop的图层具有重复的名称。请记住，2D PSD导入器不能导入Photoshop的图层效果。

现在让我们来看看2D PSD导入器的一些用例。

制作图标或项目的集

第一个使用案例是使用PSD导入器来加快导入阶段和图像迭代过程，从而加快2D工作流程。

想象一下图形设计师创建了一堆图标，或者如下图所示，每层一个。将它们放在不同的层中有助于设计师通过在同一文档中使用大小或颜色参考来保持外观风格的一致。设计师可以直接导入PSB文件，而不是将每个图层导出到一个单独的PNG文件中，这将大大减少设计师的工作流程。

Photoshop文件和不同的图层都是作为子图层在Unity中导入的。

图标将在游戏中将被视为平面图形，所以我们将禁用角色装备设置，这使得资产成为一个简单的子图层列表。文件的每一层都显示为一个独立的子图层。

创建由不同部分组成的大型对象

导入Photoshop文件时自动生成的预设有助于用户将生成的图像组合在一起。这种情况发生在角色或任何分层元素上，如图所示：

导入后，PSD格式的树就可以放置在场景中了。每个子图层的位置和旋转视角都是正确的，处理游戏对象深度排序的层顺序值也是正确的。数字越高，对象看起来离相机越近。

将PSB源文件放在项目的资产文件夹中，并直接从Photoshop的图层数据中读取，可以让艺术家更高效、更灵活地使用Unity创建他们的2D动画或游戏项目。

在2D动画中用骨骼动画制作角色动画

假设我们已经导入了一个Photoshop文件，其中包含一个带有多个饰品的角色，如下图所示：

如果没有PSD导入器，我们可能会将所有附件导出到一个PNG子图层表中，并使用Unity自动将其切片。然后，在Unity中手动将饰品子图层放置在角色上，重新创建Photoshop参考。

使用2D PSD导入器，我们可以将所有附件放在最终位置，并在Photoshop中进行所需的调整。完成这一切之后，如果想要进行新的更改只需将文件在Photoshop中保存即可。

使用2D PSD导入器结合2D动画包，为艺术家们创建2D动画提供了一个极佳的解决方案。

Photoshop中的角色是Unity中的预置，我们可以在子图层编辑器中对其进行配置

上图是一个在导入PSB文件后创建的预置和子图层编辑器。在这种情况下，我们可以选择蒙皮编辑器，并开始通过添加骨骼和重量来创建网格骨架。在这一部中我们节省了大量的时间，因为这省去了手动组装角色预置的过程。

制作逐帧动画

基于Photoshop层自动生成的预设也便于制作逐帧动画。

Henry Software提供的作品，可在资产商店购买

在此Photoshop文件中，我们在时间轴中插入一个动画角色。每一层代表动画的一帧。

在Unity中重新创建此动画的步骤很简单：

l 导入PSB文件

l 禁用角色装备选项以获取子图层表

l 将PSB资产拖放到场景视图中

l 在弹出窗口中单击保存，选择动画保存的位置。

l 创建一个带有子图层渲染器组件和动画组件的游戏对象

l 点击播放

l 如果有需要，则可以在动画窗口中通过选择新创建的游戏对象来调整动画

用视差层设计关卡

平面视差设计是2D PSD的另一个实际使用案例，例如创建一个具有视差效果的2D背景。

视差效果是通过将背景细分为多个层，并将其放置在远离相机的不同深度来实现的。有了PSD导入器包，艺术家们可以直接从Photoshop中处理PSB文件，将背景细分为多层，并在Unity中查看所有直接应用于预设的更改。

创建法线和蒙版贴图版本

2D PSD导入包也适用于导入法线贴图和蒙版贴图。在这个Photoshop文件中，我们有一个包含所有角色图层的组和一个包含生成的法线贴图的组。

因为PSD导入器不导入隐藏层，所以创建两个版本的角色资产非常容易

为了将它们导入到Unity中，我们导出了一个只显示人物的PSB文件和一个只显示法线贴图的PSB文件。

为了自动应用法线贴图，我们首先需要通过禁用角色装备设置获得一个子图层表。然后，打开子图层编辑器，添加一个二级纹理。

请确保为子图层选择支持法线贴图的着色器，例如URP/ 2D渲染器中包含的子图层照明着色器，该着色器适用于2D灯光。

总结

Unity的2D PSD导入器包可以快速将Photoshop的PSD与PSB文件导入到Unity之中，从而有效的减少2D动画艺术家们的工作流程，提升工作效率，缩减项目制作的时间。另外，2D PSD导入器包强大的功能还支持创建或修改带有视差效果的背景以及创建角色的法线和蒙版贴图版本。如果你也对使用Unity创建2D游戏项目和动画项目感兴趣，请继续关注我们的账号，我们会定期发布有关Unity的新闻和使用案例。