界面概述

Designer 乍一看会令人望而生畏，但是一旦您了解了界面中每个部分的功能，它就变得更容易理解了。

主工具栏

了解主要菜单和有用的快速访问按钮。

文件菜单让您可执行以下操作：

• 保存和打开包
• 创建包和图形
• 重新加载所有内容
• 退出应用程序

编辑菜单让您可撤消和重做操作。编辑菜单还让您可访问首选项窗口，您可在其中调整应用程序设置。

工具菜单让您可调整 Substance Engine 选项。Substance Engine 是计算 Substance 图形的进程。在工具菜单中，您可以暂停、重置和调整 Engine 的设置。工具菜单还让您可访问插件管理器。

窗口菜单让您可管理组成 Designer 界面的窗口。您可以打开新窗口、切换个别窗口可见性或使用窗口 > 重置布局来让 Designer 恢复到其默认状态。

从帮助菜单中，您可以访问各种资源，例如 Designer 的文档、教程和发行说明。您还可以向我们发送反馈意见和报告错误，或者找到有关许可和版本的更多信息。

浏览器面板

管理包和资源。

浏览器面板是与 Designer 中的文件和资源交互的主要途径。

浏览器面板列出所有打开的包并显示其内容。右键单击包、图形或其他资源可显示上下文相关菜单。所有资源都具有一组标准选项，其中包括

• 打开
• 关闭
• 重命名
• 复制和粘贴

一些资源具有仅在右键单击菜单中提供的唯一选项。您还可以在浏览器面板中右键单击空白处来创建新的空包。

浏览器面板顶部有一些用于管理资源的按钮。要启用这些按钮，请先选择包或图形。

如果您单击任何资源，属性面板将会更新并显示当前选择的属性。

您可以打开多个浏览器面板。使用窗口 > 新浏览器以打开另一个浏览器面板。

图形视口

创建和构建基于节点的图形。

图形视口是会在 Designer 中大量使用的面板。它显示您使用 Designer 构建或打开的图形，并且您可以在其中添加、删除和组织节点。

它包含两个不同的区域：工具栏和显示区域。

图形工具栏

图形工具栏含有用于帮助管理您的图形和许多最常用节点的工具。为了简单起见，带彩色背景的按钮是节点，其他按钮是工具。 

在主工具栏上，可以找到以下工具：

•  焦点 — 将您的选择带回到视野中。如果您未选择节点，焦点将改为显示整个图形。焦点可帮助您快速导航或找到您的选择。热键 F 具有相同的功能。
•  重置缩放 — 将缩放级别设置回默认的 1:1 级别。热键 Z 具有相同的功能。
•  屏幕截图 — 保存整个图形的 PNG 屏幕截图及透明度。一个文件对话框将会打开，以便您可以设置文件名和位置。
•  信息 — 打开下拉菜单，可在其中切换连接器名称、节点徽章、节点大小和节点计时。启用时，这些选项会将信息添加到显示区域中的节点。
•  搜索 — 通过过滤类型和文本，搜索图形中的节点和参数。
•  突出显示流程 — 澄清哪些节点连接到当前选择。未连接的节点显示暗淡。
•  节点工具栏 — 切换原子节点的按钮显示。
•  父项工具栏 — 切换工具栏中父项分辨率控件的显示。
•  链接创建模式 — 让您可选择使用三种链接模式中的哪一种（标准、材质或紧凑材质）。键盘快捷键 1、2 和 3 执行相同的功能。
•  直角链接 — 切换链接是平滑曲线还是直角。
•  计时控件 — 允许您重置计时显示。仅当在信息下拉菜单中启用了节点计时的情况下，计时控件才相关。
•  工具 — 允许您访问含有其他选项的下拉列表。
  • 清除可从图形中删除未使用的节点。
  • 导出输出会显示导出对话框以允许您导出位图文件。
  • 重新导出输出会使用相同的选项再次执行先前输出，而不显示该对话框。
  • PSD 导出器可打开另外的 PSD 导出器面板。PSD 导出器面板出现在图形视图的右侧。
•  缩略图工具栏 — 切换工具栏上缩略图选项下拉菜单的显示。
•  对齐工具 — 切换工具栏上“对齐”工具的显示。“对齐”工具让您可对齐和组织图形网格上的节点。

节点工具栏

单击“节点”工具栏中的节点可将节点添加到图形。“节点”工具栏包含 Designer 的原子节点。原子节点是 Designer 图形的基础节点，它们是可用于创建复杂网络的构建基块。有关节点的更多信息，请参阅节点概述页面。

图形显示

图形显示区域包含组成图形的节点。放置并连接节点以创建生成纹理的图形。 

请参阅构建图形页面，了解有关处理图形的更多信息。

属性面板

修改上下文相关的属性。

属性面板与上下文相关，并显示会更改您选择的资源或节点的参数。图形面板和属性面板组合是您在 Designer 中使用最多的组件。

因为一次性可以显示大量控件，属性面板具有类别以让控件井井有条。请阅读下文以了解主要类别：

• 基本参数是显示在图形资源和每个节点上的类别。它让您可更改与图形分辨率和设置相关的核心参数。下面列出了一些重要的核心参数。
  
  • 输出尺寸 - 设置图形或节点的分辨率。
  • 输出格式 - 设置图形或节点的格式或精度。
  • 平铺模式 - 设置图像是否在其边界外环绕。
  • 随机种子 - 用于程序化生成的更改随机种子。

基本参数的行为方式取决于继承方法 ()。“相对”意味着节点的行为方式在别处定义（通过图形，或通过先前连接的节点）。“绝对”意味着它使用参数控件进行设置。如果基本参数灰显，则可能是因为继承模式设置为“相对”。

• 属性包含与图形或节点相关的元数据。您可以使用元数据在库中创建类别。
• 输入参数仅对于图形可见。您可以在此处找到您所有的已公开参数。
• 实例/特定参数仅对于节点可见。名称在原子节点和实例节点之间不同，但是功能是相同的：它允许您调整特定于此节点的设置。举例来说，您可以更改节点输出的颜色、混合操作的不透明度或噪声的程度。
• 输入仅对于图形可见。它列出所有输入节点或公开参数，并允许您设置它们的名称和属性。
• 输入值仅对于节点可见。它允许您将值输入添加到节点。您只能在高级工作流程中使用输入值。
• 输出仅对于图形可见。它列出所有输出节点（或插槽），并允许您从中央位置设置它们的名称和属性。

2D 视口

获得上下文相关的图像预览。

2D 视口显示节点的内容。双击图形中的图像节点，2D 视图将会显示节点的输出。

进行了缩放时，您与 2D 视口的交互限制为缩放和平移。您可以通过滚动来放大和缩小。使用 2D 视口右下方的按钮来控制缩放。您还可以使用快捷键 Z 重置缩放，或者使用快捷键 F 将焦点放置在画布上。

在 2D 视口的顶部，您可以找到以下控件：

•  背景图像 — 设置当存在透明像素时要显示的背景图像。
•  保存视图 — 让您可将 2D 视口中的当前图像保存为位图文件。
•  复制到剪贴板 — 将 2D 视口的内容复制到剪贴板。
•  选择输出 — 让您可在节点的不同输出之间切换。
•  选择 UV 集 — 允许您选择要显示的 UV 通道。除非 3D 视口的场景菜单中的在 2D 视图中显示 UV 处于激活状态，否则此按钮会灰显。
  

在 2D 视图左下方，可以找到具有其他功能的按钮：

•  通道显示 — 让您可打开和关闭红色 (R)、绿色 (G) 和蓝色 (B) 通道。在灰度模式下使用效果最佳。
•  透明度显示 — 切换透明像素是显示为棋盘纹理还是纯黑。
•  灰度/彩色切换 — 在以彩色或灰度显示 2D 视口之间切换。
•  重复平铺 — 在 2D 视口中平铺图像。这样，您就可以轻松找到平铺伪影。当您将鼠标放置在 2D 视口上时，空格键用作快捷键。
•  使用实际尺寸 — 切换对预览显示使用实际尺寸信息。
•  图像信息 — 打开图像信息面板，其中显示您将鼠标悬停在其上的像素的精确值。
•  直方图 — 打开一个面板，其中显示当前预览的直方图分析。
•  sRGB 切换 — 打开或关闭以 sRGB 颜色空间显示。
•  预乘切换 — 切换使用背景颜色预乘具有 Alpha 通道的像素。

3D 视口

与完整材质的 3D 预览交互。

3D 视口显示您的材质。与 2D 视口不同，默认情况下，它使用图形的输出图来渲染整个材质。在 3D 视口中，您可以查看您的通道（如底色、法线和粗糙度）如何结合以创建最终结果。

要在 3D 视口中查看您的材质，请右键单击图形显示区域中的空白区域，然后选择在 3D 视图中查看输出。您还可以将个别图发送到 3D 视图，方法是右键单击节点并选择在 3D 视图中查看。

您可以使用 3 键鼠标和键盘来与视口交互，如下所示：

• 使用鼠标左键拖动可让相机环绕网格拖动。
• 使用鼠标中键拖动可平移相机。
• 使用鼠标右键拖动或滚动可从网格中放大和缩小。
• 键盘快捷键 F 会使相机焦点返回到中央网格（如果您丢失了焦点跟踪的话）。
• Ctrl + shift + 鼠标右键（在 Mac 上使用 Cmd + shift + 鼠标右键）可让环境光旋转。

下面介绍七个顶部菜单：

• 场景让您可更改显示在视口中的网格。您还可以保存和加载视口的状态。要在 3D 视口中查看您的自定义网格，请在浏览器面板中双击它。
• 材质显示网格上的所有材质插槽，让您可选择要使用的着色器和参数。在此菜单中，您可以设置诸如以下选项：UV-平铺、高度位移和非 PBR 渲染。
• 光线是来自 Designer 早期版本的菜单。此菜单中的光线在默认情况下禁用，我们建议除非要打开旧文件，否则不要使用它们。选择编辑选项以访问光线设置。
• 相机让您可在预定义的相机角度之间跳跃。它还让您可保存 3D 视口中已渲染的捕获。选择编辑可更改后处理设置。
• 环境具有用于调整场景的基于图像的光照的选项。要在 3D 视图中更改 HDR 图像，请从库面板的 3D 视图类别中拖放资源。
• 显示让您可更改视口的几个其他设置，例如线框和分辨率显示。
• 渲染器是一个重要的菜单，它允许您从实时 OpenGL 渲染更改为 GPU 加速的 IRay 光线追踪。选择 IRay 作为渲染器时，将有更多 IRay 选项可用。

库面板

查找图形的资源。

在库面板中，您可以访问 Designer 的所有默认内容。为了更好地了解库中不同类型的节点，请参阅节点概述。

您可以将库中的内容添加到您的图形，只需将它拖入图形显示区域中即可。将光标悬浮在图形显示区域上时，您还可以使用空格键或 tab 键盘快捷键打开菜单来快速搜索节点。

库面板的大缩略图可以帮助您查找内容。使用右上方的下拉菜单 () 调整缩略图大小。

下一步是什么？

了解界面之后，您就准备好跳到 Designer 的核心概念了。

有疑问或好想法？

如果您有疑问要提问或有好想法要分享，请在 Substance 3D Designer 社区中与其他 Designer 用户交流。获得帮助、提出可并入到 Designer 中的建议或展示您的作品和技巧。

如果您有 Designer 节点或功能的新想法，请在这里与我们分享您的想法！