2D 视图

本页介绍Substance 3D Designer中​ 2D 视图 ​面板的用户界面和功能。

2D 视图

概述

2D 视图是Designer用户界面的主要面板之一。 其主要目的如下:

  • 显示指定的​ 节点 ​输出的​ 值 ​或​ 图像 ​或穿过指定的​节点连接器
  • 显示位图和矢量图形 资源
  • 显示​有关当前保留内容的其他信息,例如颜色通道或确切颜色值
  • 控制参数“小工具”

修改显示的图像或值后,2D 视图​会自动更新,以便与数据的当前状态保持同步。
可以随时激活​多个 2D 视图面板,并且每个面板可以显示不同的图像或值。 您可以使用用户界面面板的 大头针功能来控制何时应使用新面板。

在2D 视图中显示内容

WARNING
本节中提到的对​ 节点 ​执行的所有操作仅适用于图形。

在2D 视图中显示任何图像的最简单方法是双击​LMB…

也可以在资源管理器面板的资源上按住​LMB,或在图形视图中的视口上按住​RMB,将图像​直接拖放到中。

在图形视图中,您可以使用 在2D 视图中查看输出 上下文菜单选项将图像发送到2D 视图,可通过单击​ 人民币 ​访问该选项……

  • …在​ 节点 ​上显示​该节点的输出。 如果节点有多个输出,请在子菜单中选择所需的输出
  • …在图形视图中的​ 空格 ​上显示​该图形的输出。 如果图形有多个输出,请在子菜单中选择所需的输出

加载图形时,默认情况下,其​ 第一输出 ​自动显示在2D 视图中。 您可以在首选项中禁用此行为。 转到 编辑>首选项>图形>Substance合成图形 和​取消选中 打开图形时在2D 视图中查看输出选项。

视口

视口是 2D 视图 的​显示区域,并允许您使用以下鼠标和键盘快捷键​ 导航 ​显示的图像:

  • Pan: Ctrl+RMB / MMB
  • 缩放: Alt+RMB / MouseWheel / “显示比例”工具:
  • 调整以适合视口: F /“适合视图”按钮
  • 调整为1:1比例: Z / “适合比例”按钮
视口导航

使用触控板(仅限macOS)

  • 平移: 两指轻扫
  • 缩放:两指捏合/在按住Cmd时两指轻扫
IMPORTANT
不可用的操作
如果图像的当前显示大小比视口的大小​小,则平移​不是。
如果显示的内容​不再存在,则无法​放大/缩小图像 — 例如,已删除图像的引用节点或资源。
NOTE
缩放方向
每种缩放方法都会与另一种方法反转:
  • 鼠标滚轮​ 拉近 ​图像距离
  • 按住Alt+RINGOM并向上拖动​ 推送 ​图像
可在首选项中反转缩放方向。

图像本机​分辨率、色彩格式​和​ 位深度 ​显示在视口的左下方区域。

除了导航之外,该视口还提供以下功能:

  • 拼贴显示: 以拼贴图案在视口中重复图像。 这对于检查图案或纹理将如何重复非常有用。 已使用​ 空格键 ​或 平铺显示​按钮启用该功能
  • 物理尺寸显示:显示与图形的物理尺寸属性匹配的​ 比例 ​的图像使用 物理尺寸比例​按钮启用此功能
  • 保持视图大小:此选项​锁定显示比例,使其在不同的图像中保持一致。 默认情况下,已启用此功能,可使用 保持视图大小​按钮将其禁用

主工具栏

2D 视图面板的主工具栏允许您对显示的图像执行更多操作,并提供以下功能:

背景图像

2D 视图背景图像 {width="360px"}

您可以在当前显示的图像上​叠加其他图像。 按 背景图像按钮,系统将提示您选择要用作叠加的图像文件。

选择文件后,将出现一个新工具栏,其中包含图像叠加的以下控件:

关闭​叠加控件工具栏和​ 禁用 ​背景图像叠加。

选择​ 其他图像文件 ​用作叠加。

将叠加图像设置为​ 0% ​不透明度。

将叠加图像设置为​ 100% ​不透明度。

将叠加图像设置为​ 50% ​不透明度。

滑块可为您提供​对叠加图像的不透明度进行手动控制。

导出图像

2D 视图导出图像 {width="360px"}

当前显示的图像可以​导出到图像文件。 按 保存图像……按钮,系统将提示您为导出的文件选择​位置、名称​和​文件格式。

图像将导出为​本机分辨率(显示在视口左下方),但​ 位深度 ​和​ 色彩格式 ​将​取决于所选的图像格式。 例如,32位浮点精确度图像只能在其完整数据范围内使用支持此精确度的图像格式(例如TIFF、EXR和HDR)导出。 如果图像格式不支持数据,则在导出的图像中可能会出现钳位和/或颜色条纹。
通常,请注意您要使用的图像格式(浮点支持、ICC配置文件等)提供了哪些精确度和功能。

如果 OCIO 或AdobeACE 色彩管理模式当前已使用,其他选项可用于选择所导出图像的​色彩空间。

复制到剪贴板

2D 视图复制到剪贴板 {width="360px"}

当前显示的图像可以​复制到剪贴板。 按 “将图像复制到剪贴板”按钮,即可将图像粘贴到任何第三方软件(如Adobe Photoshop)中。

图像将作为精度为​ 8位 ​的图像以​ 本机分辨率 ​进行复制,该分辨率显示在视区的左下方区域。

切换图形输出

2D视图切换图表输出 {width="360px"}

如果当前显示的图像是​图形输出,则您可以使用 选择输出按钮​ 快速切换到任何 ​其他图形输出。

此功能​ 不 ​可用于其他节点,包括具有多个输出的节点。

uv叠加

2D视图UV叠加 {width="357px"}

如果在3D视图停靠区的 场景 菜单中启用了 在2D视图中显示UV 选项,则UV叠加功能在2D视图中可用。

您可以使用 UV 按钮启用它。

这样会将当前在3D视图🔗中选定的网格的UV显示为彩色线框。

如果素材颜色信息在网格文件中可用,则素材颜色将用作UV叠加的颜色。

如果网格有多个UV集,则可以在下拉清单中选择所需的UV,单击按钮中“UV”标签旁边的箭头可打开该清单。

图像信息

2D查看图像信息 {width="360px"}

您可以使用 信息 面板在图像中显示​精确像素值 和坐标,该面板是使用 图像信息按钮启用的。 例如,在检查HDR图像或确保像素之间的步进遵循预期进度时,此功能非常有用。

颜色用 RGBA 和 HSV 值表示,并根据图像的​ 精度 ​显示,如下所示:

  • 8位: 0-255整数/ 0.0-1.0浮点

  • 16位: 0-65532整数/ 0.0-1.0浮点

  • 16F(16位浮点):原始浮点值

  • 32F(32位浮点):原始浮点值

像素坐标由 X 和 Y 值表示。

直方图

2D视图直方图 {width="360px"}

您可以使用 直方图 面板显示图像的​直方图,该面板是使用 显示直方图按钮启用的。

以下​ 直方图模式 ​可用:

  • 明亮度

  • 红色

  • 绿色

  • 蓝色

  • RGB

  • Alpha

以下信息在模式下面列出:

  • 像素:图像中的像素数

  • 范围:整个值范围可用

  • 使用的范围:值范围从最低值像素到最高值

此外,您还可以单击直方图上的​LMB,或单击直方图上的​按住 LMB​和​ 拖动 ​以​选择数据的特定部分。 然后针对此选择显示以下信息:

  • 所选像素:具有所选值的像素数

  • 所选范围:所选部分的值范围

  • 所选最大值:所选部分中包含值的最大像素数

通过在直方图上单击​人民币,可以​ 清除 ​所选内容。

上面某些值的表示方式取决于在面板下半部分中选择的精度,如下所示:

  • 8位: 0-255整数

  • 16位: 0-65532整数

  • 32位:原始浮点值

直方图的某些部分可能包括极低的像素计数值,因此难以读取。 在这种情况下,可以使用​ Sqrt ​按钮启用​ 平方根 ​模式,该按钮使用实际值的​ 平方根 ​来绘制直方图。

显示工具栏

默认情况下,显示​工具栏位于​ 2D视图 ​面板的​底部,可让您控制如何在视区中显示图像。

最左侧​部分包含​ 颜色 ​和​ 透明度 ​的控件,而​ 最右侧 ​部分包含​ 视口 ​控件,这些控件在本页的视口部分中进行了详细说明。

NOTE
可以使用以三条平行线表示的最左侧​手柄,围绕​ 2D视图 ​面板​重新定位。

2D视图颜色通道 {width="360px"}

颜色通道

可以使用 颜色通道按钮显示图像的单个通道。 这将打开一个组合框,允许您选择应显示红色、绿色、蓝色和 Alpha 声道中的哪一个。 通过选择 RGB 选项,可以恢复包含所有通道的图像的正常外观。

可使用以下​ 键盘快捷键 ​快速切换到不同的颜色通道:

  • RGB: C
  • 红色: R
  • 绿色: G
  • 蓝色: B
  • Alpha: A

颜色通道按钮​ 的 ​图标​会根据当前显示通道而更改。

NOTE
仅当2D视图面板具有焦点时,键盘快捷键才可用。 您可以至少单击一次此面板,以确保不会发生这种情况。
由于面板需要焦点,因此这些快捷键​ 不干扰 ​您为在图表中创建节点而设置的任何​自定义快捷键 — 在此处了解有关此功能的更多信息。

2D视图透明度切换 {width="360px"}

透明度切换开关

可以使用 / 显示棋盘按钮打开和关闭透明度显示。 启用此选项后,将使用棋盘图案显示透明度。

解释透明度有两种主要方式,可使用 / 透明度模式按钮选择它们:

透明度信息仅存储在Alpha通道中,不影响图像的任何其他方面

透明度信息存储在Alpha通道中,并且还会影响RGB通道,因为它们已针对Alpha通道进行了有效乘

若要显示​正确的颜色,应在 2D视图 面板中选择适当的透明度模式,以匹配在​ 创建图像 ​时应用的透明度方法。

二维视图色彩空间 {width="360px"}

色彩空间

为了最准确地呈现颜色,默认情况下,图像以​ 色彩空间 ​显示,与​ 监视器 ​使用的色彩空间相匹配。

/ 色彩空间按钮的可用控件和效果将取决于项目设置中设置的色彩管理模式。 在本页的色彩管理部分中了解有关这些控件的更多信息。

位图绘画工具

位图绘画工具可用于符合以下条件的位图资源:

  • 位图使用​ 8位 ​精度
  • 位图资源已​ 导入 ​到包中,链接图像​ 不 ​受支持
note
NOTE
在Substance 3D Designer中创建的​ 新 ​位图资源将​ 自动匹配 ​这些条件。
2D视图位图绘画工具
TIP
您可以在文档的位图绘画工具页面中了解更多信息。

矢量图形编辑器

矢量图形编辑器可用于​导入的SVG资源,链接资源​不受支持。

note
NOTE
在Substance 3D Designer中创建的​新 SVG资源将​ 自动匹配 ​此条件。
2D视图矢量图形编辑器
TIP
您可以在文档的矢量编辑工具(已弃用)页面中了解更多信息。

2D视图色彩管理 {width="360px"}

色彩管理

2D视图提供了简单的​ 色彩管理 ​控件,允许您选择在显示图像时应使用的​显示色彩空间。

这些控件将适应在项目设置中设置的当前色彩管理模式,如下所示:

  • 旧版:您可以将图像显示为 sRGB或 线性sRGB色彩空间;
  • ACE:您可以 启用​色彩管理,并为​ 当前监视器 ​设置最合适的色彩空间(由AdobeACE引擎检测到),或 禁用​色彩管理,并使用Raw颜色值显示图像;
  • OCIO:您可以 启用​色彩管理,并为​ 当前监视器 ​设置最合适的色彩管理(OCIO引擎检测到此项),使用组合框并选择当前使用的OCIO配置文件中可用的​ 显示色彩空间 ​或 禁用​色彩管理,并使用Raw颜色值显示图像。
WARNING
请注意,这些控件​ 仅 ​影响​显示色彩空间。 还应考虑图像的​ 原始色彩空间 ​和​工作色彩空间,以确保颜色在​ 2D视图 ​中准确显示。
TIP
转至本文档的色彩管理部分,了解有关此功能及其在Designer中更广泛实施的更多信息。
recommendation-more-help
substance-3d-designer-help-guide