User Guide Cancel

2D view | Substance 3D Designer

  1. Substance 3D home
  2. User guide
  3. Glossary
  4. Getting started
    1. Getting started
    2. Activation and licenses
    3. System requirements
    4. Overview
      1. Overview
      2. What is a Substance 3D file?
    5. Workflow overview
    6. Shortcuts
    7. Tutorials & learning
  5. Interface
    1. Interface
    2. Customizing your workspace
    3. Home screen
    4. Main toolbar
    5. Preferences
      1. Preferences
      2. Project settings
      3. Version control
    6. Explorer
      1. Explorer
      2. Send to... / Interoperability
    7. Graph view
      1. Graph view
      2. Link creation modes
      3. Graph items
        1. Graph items
        2. Dot node (also Portal)
        3. Frame
        4. Comment
        5. Pin
    8. Library
      1. Library
      2. Managing custom content and filters
    9. Properties
    10. 2D view
    11. 3D view
      1. 3D view
      2. Material properties
      3. GLSLFX shaders
      4. Switching your shaders to OpenGL Core Profile
      5. Iray
    12. Dependency manager
  6. Resources
    1. Resources
    2. Importing, linking and new resources
    3. Bitmap resource
      1. Bitmap resource
      2. Bitmap painting tools
    4. Vector graphics (SVG) resource
      1. Vector graphics (SVG) resource
      2. Vector editing tools
    5. 3D scene resource
    6. AxF (Appearance eXchange Format)
    7. Font resource
    8. Warnings from dependencies
  7. Substance graphs
    1. Substance graphs
    2. Substance graph key concepts
    3. Creating a Substance graph
      1. Creating a Substance graph
      2. Graph instances / Sub-graphs
    4. Exposing a parameter
      1. Exposing a parameter
      2. Parameter presets
      3. Visible if: control visibility of inputs, outputs and parameters
    5. Graph parameters
    6. Inheritance in Substance graphs
    7. Output size
    8. Values in Substance graphs
    9. Publishing Substance 3D asset files (SBSAR)
    10. Exporting bitmaps
    11. Exporting PSD files
    12. Sample Substance graphs
    13. Warnings in Substance graphs
    14. Nodes reference for Substance graphs
      1. Nodes reference for Substance graphs
      2. Atomic nodes
        1. Atomic nodes
        2. Bitmap
        3. Blend
          1. Blend
          2. Blending modes description
        4. Blur
        5. Channel shuffle
        6. Curve
        7. Directional blur
        8. Directional warp
        9. Distance
        10. Emboss
        11. FX-map
        12. Gradient (Dynamic)
        13. Gradient map
        14. Grayscale conversion
        15. HSL
        16. Levels
        17. Normal
        18. Pixel processor
        19. SVG
        20. Sharpen
        21. Text
        22. Transformation 2D
        23. Uniform color
        24. Value processor
        25. Warp
        26. Output
        27. Input
      3. Node library
        1. Node library
        2. Texture generators
          1. Texture generators
          2. Noises
            1. Noises
            2. 3D Perlin noise
            3. 3D Perlin noise fractal
            4. 3D Ridged noise fractal
            5. 3D Simplex noise
            6. 3D Voronoi
            7. 3D Voronoi fractal
            8. 3D Worley noise
            9. Anisotropic noise
            10. Blue noise fast
            11. BnW spots 1
            12. BnW spots 2
            13. BnW spots 3
            14. Cells 1
            15. Cells 2
            16. Cells 3
            17. Cells 4
            18. Clouds 1
            19. Clouds 2
            20. Clouds 3
            21. Creased
            22. Crystal 1
            23. Crystal 2
            24. Directional noise 1
            25. Directional noise 2
            26. Directional noise 3
            27. Directional noise 4
            28. Directional scratches
            29. Dirt 1
            30. Dirt 2
            31. Dirt 3
            32. Dirt 4
            33. Dirt 5
            34. Dirt gradient
            35. Fluid
            36. Fractal sum 1
            37. Fractal sum 2
            38. Fractal sum 3
            39. Fractal sum 4
            40. Fractal sum base
            41. Fur 1
            42. Fur 2
            43. Fur 3
            44. Gaussian noise
            45. Gaussian spots 1
            46. Gaussian spots 2
            47. Grunge concrete
            48. Grunge Damas
            49. Grunge galvanic large
            50. Grunge galvanic small
            51. Grunge leaks
            52. Grunge leaky paint
            53. Grunge map 001
            54. Grunge map 002
            55. Grunge map 003
            56. Grunge map 004
            57. Grunge map 005
            58. Grunge map 006
            59. Grunge map 007
            60. Grunge map 008
            61. Grunge map 009
            62. Grunge map 010
            63. Grunge map 011
            64. Grunge map 012
            65. Grunge map 013
            66. Grunge map 014
            67. Grunge map 015
            68. Grunge rough dirty
            69. Grunge rust fine
            70. Grunge scratches dirty
            71. Grunge scratches fine
            72. Grunge scratches rough
            73. Grunge shavings
            74. Grunge splashes dusty
            75. Grunge spots
            76. Grunge spots dirty
            77. Liquid
            78. Messy fibers 1
            79. Messy fibers 2
            80. Messy fibers 3
            81. Microscope view
            82. Moisture noise
            83. Perlin noise
            84. Plasma
            85. Caustics
            86. Voronoi
            87. Voronoi fractal
            88. Waveform 1
            89. White noise
            90. White noise fast
          3. Patterns
            1. Patterns
            2. 3D linear gradient
            3. 3D volume mask
            4. Alveolus
            5. Arc pavement
            6. Brick 1
            7. Brick 2
            8. Brick generator
            9. Checker 1
            10. Cube 3D
            11. Cube 3D GBuffers
            12. Fibers 1
            13. Fibers 2
            14. Gaussian 1
            15. Gaussian 2
            16. Gradient axial
            17. Gradient axial reflected
            18. Gradient circular
            19. Gradient linear 1
            20. Gradient linear 2
            21. Gradient linear 3
            22. Gradient radial
            23. Height extrude
            24. Mesh 1
            25. Mesh 2
            26. Panorama shape
            27. Polygon 1
            28. Polygon 2
            29. Scratches generator
            30. Shape
            31. Shape extrude
            32. Shape mapper
            33. Shape splatter
            34. Shape splatter blend
            35. Shape splatter data extract
            36. Shape splatter to mask
            37. Splatter
            38. Splatter circular
            39. Star
            40. Starburst
            41. Stripes
            42. Tile generator
            43. Tile random
            44. Tile random 2
            45. Tile sampler
            46. Triangle grid
            47. Weave 1
            48. Weave 2
            49. Weave generator
        3. Filters
          1. Filters
          2. Adjustments
            1. Adjustments
            2. Apply color palette
            3. Auto levels
            4. Channel mixer
            5. Chrominance extract
            6. Clamp
            7. Color match
            8. Color to mask
            9. Contrast/Luminosity
            10. Convert to linear
            11. Convert to sRGB
            12. Create color palette (16)
            13. Grayscale conversion advanced
            14. Hald CLUT
            15. HDR range viewer
            16. Height map frequencies mapper
            17. Highpass
            18. Histogram compute
            19. Histogram equalize
            20. Histogram range
            21. Histogram render
            22. Histogram scan
            23. Non-uniform histogram scan
            24. Histogram select
            25. Histogram shift
            26. ID to mask grayscale
            27. Invert
            28. Lighting cancel high frequencies
            29. Lighting cancel low frequencies
            30. Luminance highpass
            31. Min max
            32. Modify color palette
            33. Pow
            34. Quantize color (Simple)
            35. Quantize color
            36. Quantize grayscale
            37. Replace color
            38. Replace color range
            39. Threshold
            40. View color palette
          3. Blending
            1. Blending
            2. Color (Blend node)
            3. Color burn
            4. Color dodge
            5. Difference
            6. Dissolve
            7. Linear burn
            8. Luminosity (Blend node)
            9. Multi switch
            10. Switch
          4. Blurs
            1. Blurs
            2. Anisotropic blur
            3. Blur HQ
            4. Non-uniform blur
            5. Radial blur
            6. Slope blur
          5. Channels
            1. Channels
            2. RGBA merge
            3. RGBA split
            4. Alpha merge
            5. Alpha split
            6. Pre-multiplied to straight
            7. Straight to pre-multiplied
          6. Effects
            1. Effects
            2. 3D texture position
            3. 3D texture SDF
            4. 3D texture surface render
            5. 3D texture volume render
            6. Ambient occlusion (HBAO)
            7. Ambient occlusion (RTAO)
            8. Anisotropic Kuwahara color
            9. Anisotropic Kuwahara grayscale
            10. Bevel
            11. Bevel smooth
            12. Cross section
            13. Curvature
            14. Curvature smooth
            15. Curvature sobel
            16. Diffusion color
            17. Diffusion grayscale
            18. Diffusion UV
            19. Directional distance
            20. Edge detect
            21. Emboss with gloss
            22. Extend shape
            23. Flood fill
            24. Flood fill mapper
            25. Flood fill to Bbox size
            26. Flood Fill to gradient
            27. Flood Fill to grayscale/color
            28. Flood Fill to index
            29. Flood Fill to position
            30. Flood Fill to random color
            31. Flood Fill to random grayscale
            32. FXAA
            33. Glow
            34. Mosaic
            35. Multi directional warp
            36. Non-uniform directional warp
            37. Reaction diffusion fast
            38. RT irradiance
            39. RT shadow
            40. Shadows
            41. Shape drop shadow
            42. Shape glow
            43. Shape stroke
            44. Summed area table
            45. Swirl
            46. Uber emboss
            47. Vector morph
            48. Vector warp
          7. Normal map
            1. Normal map
            2. Bent normal
            3. Facing normal
            4. Height normal blender
            5. Height to normal world units
            6. Normal blend
            7. Normal combine
            8. Normal invert
            9. Normal normalize
            10. Normal sobel
            11. Normal to height
            12. Normal to height HQ
            13. Normal transform
            14. Normal uncombine
            15. Normal vector rotation
          8. Tiling
            1. Tiling
            2. Make it tile patch
            3. Make it tile photo
          9. Transforms
            1. Transforms
            2. 3D texture offset
            3. Auto crop
            4. Cartesian to polar
            5. Clone (Filter node)
            6. Mirror (Filter node)
            7. Noise upscale 1
            8. Noise upscale 2
            9. Noise upscale 3
            10. Non-square transform
            11. Non-uniform rotation
            12. Polar to cartesian
            13. Quad transform
            14. Safe transform
            15. Skew
            16. Symmetry
            17. Symmetry slice
            18. Trapezoid transform
        4. Material filters
          1. Material filters
          2. 1-click
            1. 1-Click
            2. Bitmap to material light
          3. Effects (Material)
            1. Effects (Material)
            2. Height blend
            3. Material height blend
            4. Season filter
            5. Snow cover
            6. Water level
          4. Transforms (Material)
            1. Transforms (Material)
            2. Material transform
          5. Blending (Material)
            1. Blending (Material)
            2. Material adjustment blend
            3. Material blend
            4. Material color blend
            5. Material switch
            6. Multi-material blend
          6. PBR utilities
            1. PBR utilities
            2. BaseColor / Metallic / Roughness converter
            3. Base material
            4. PBR Albedo safe color
            5. PBR BaseColor / Metallic validate
            6. PBR Dielectric F0
            7. PBR Metal reflectance
            8. PBR render
            9. PBR render mapping
          7. Scan processing
            1. Scan processing
            2. AO cancellation
            3. Atlas scatter
            4. Atlas splitter
            5. Clone patch
            6. Color equalizer
            7. Crop
            8. Material clone patch
            9. Material crop
            10. Multi-angle to Albedo
            11. Multi-angle to Normal
            12. Multi-clone patch
            13. Multi-color equalizer
            14. Multi-crop
            15. Smart auto tile
        5. Mesh-based generators
          1. Mesh-based generators
          2. Mask generators
            1. Mask generators
            2. Bottom to top
            3. Cloth wear
            4. Dirt
            5. Dripping rust
            6. Dust
            7. Edge blur
            8. Edge damages
            9. Edge dirt
            10. Edge notch
            11. Edge select
            12. Edge speckle
            13. Edge wear
            14. Fiber glass edge wear
            15. Grease
            16. Ground dirt
            17. Leaks
            18. Leather wear
            19. Light
            20. Mask builder
            21. Metal edge eear
            22. Paint wear
            23. Selective dirt
            24. Sun bleach
            25. Surface brush
          3. Weathering
            1. Weathering
            2. Cracks weathering
            3. Fabric weathering
            4. Leather weathering
            5. Metal weathering
            6. Moss weathering
            7. Rock weathering
            8. Rust weathering
          4. Utilities (Mesh-based generators)
            1. Utilities (Mesh-based generators)
            2. 3D planar projection
            3. Material mesh data blender
            4. Material selector
            5. Mesh data combiner
            6. Triplanar
        6. Spline & Path tools
          1. Spline & Path tools
          2. Working with Path & Spline tools
          3. Path tools
            1. Path tools
            2. Paths format specifications
            3. Paths 2D transform
            4. Mask to Ppths
            5. Paths to spline
            6. Paths polygon
            7. Preview paths
            8. Paths warp
            9. Quad transform on path
            10. Paths select
            11. Paths vertex processor
            12. Paths vertex processor simple
          4. Spline tools
            1. Spline tools
            2. Paths to Spline
            3. Point list
            4. Scatter on Spline color
            5. Scatter on Spline grayscale
            6. Spline 2D transform
            7. Spline (Cubic)
            8. Spline (Poly quadratic)
            9. Spline append
            10. Spline bridge (2 Splines)
            11. Spline bridge (List)
            12. Spline bridge mapper color
            13. Spline bridge mapper grayscale
            14. Spline circle
            15. Spline fill
            16. Spline flow mapper
            17. Spline mapper color
            18. Spline mapper grayscale
            19. Spline merge list
            20. Spline render
            21. Spline sample height
            22. Spline sample thickness
            23. Spline select
            24. Spline warp
            25. UV mapper color
            26. UV mapper grayscale
        7. 3D view (Library)
          1. 3D view (Library)
          2. HDRI tools
            1. HDRI tools
            2. Blackbody
            3. Color temperature adjustment
            4. Exposure
            5. Exposure preview
            6. HDR merge
            7. Nadir extract
            8. Nadir patch
            9. Panorama 3D position
            10. Panorama rotation
            11. Gradient 2 points
            12. Gradient linear (HDRI)
            13. Line light
            14. Physical sun/sky
            15. Plane light
            16. Shape light
            17. Sphere light
            18. Straighten horizon
  8. Substance function graphs
    1. Substance function graphs
    2. What is a Substance function graph?
    3. Create and edit a Substance function graph
    4. The Substance function graph
    5. Variables
      1. Variables
      2. Built-in variables
      3. Get a variable value
      4. Create a variable
    6. FX-maps
      1. FX-Maps
      2. How it works
      3. The Iterate node
      4. The Quadrant node
      5. Using Substance function graphs in FX-Maps
        1. Using Substance function graphs
          in FX-Maps
        2. Iterate and $number variable
        3. Using the Sampler nodes
        4. Using the Set/Sequence nodes
    7. Warnings in Substance function graphs
    8. Sample Substance function graphs
    9. Nodes reference for Substance function graphs
      1. Nodes reference for Substance function graphs
      2. Function nodes overview
      3. Constant nodes
      4. Vector and Swizzle nodes
      5. Get nodes
      6. Sampler nodes
      7. Cast nodes
      8. Operator nodes
      9. Logical nodes
      10. Comparison nodes
      11. Function nodes
      12. Control nodes
  9. MDL graphs
    1. MDL graphs
    2. Main MDL graph concepts
    3. Creating an MDL graph
    4. MDL library
    5. Exposing parameters in MDL graphs
    6. Substance graphs and MDL materials
    7. Exporting MDL content
    8. Warnings in MDL graphs
    9. MDL learning resources
  10. Bakers
    1. Bakers
    2. Bakers legacy interface
  11. Best practices
    1. Best practices
    2. Filesize reduction guidelines
    3. Graph creation etiquette
    4. Performance optimization guidelines
  12. Pipeline and project configuration
    1. Pipeline and project configuration
    2. Project configuration files - SBSPRJ
    3. Configuration list - SBSCFG
    4. User preferences - Automating setup
    5. Retrieving the installation path
    6. Environment variables
  13. Color management
    1. Color management
    2. Spot colors (Pantone)
  14. Package metadata
  15. Scripting
    1. Scripting
    2. Plugin basics
    3. Plugin search paths
    4. Plugins packages
    5. Plugin manager
    6. Python editor
    7. Accessing graphs and selections
    8. Nodes and properties
    9. Undo and redo
    10. Application callbacks
    11. Creating user interface elements
    12. Adding actions to the Explorer toolbar
    13. Using color management
    14. Using spot colors
    15. Logging
    16. Using threads
    17. Debugging plugins using Visual Studio Code
    18. Porting previous plugins
    19. Packaging plugins
    20. Scripting API reference
  16. Technical issues
    1. Technical issues
    2. Warnings and errors
    3. Cannot create/load a project
    4. Application does not start
    5. Crash when rendering graphs
    6. Parameters not working as expected
    7. Incorrect image output
    8. 3D View issues
    9. User interface issues
    10. Python issues
    11. Substance model graph feature is missing
  17. Release notes
    1. Release notes
    2. All changes
    3. Version 14.0
    4. Version 13.1
    5. Version 13.0
    6. Version 12.4
    7. Version 12.3
    8. Version 12.2
    9. Version 12.1
    10. Version 11.3
    11. Version 11.2
    12. Version 2021.1 (11.1)
    13. Old versions
      1. Old versions
      2. Version 2020.2 (10.2)
      3. Version 2020.1 (10.1)
      4. Version 2019.3 (9.3)
      5. Version 2019.2 (9.2)
      6. Version 2019.1 (9.1)

2D view

This pages describes the user interface and features of the 2D View panel in Substance 3D Designer.

In this page


2D View

Overview

The 2D View is one of the main panels of Designer's user interface. Its main purposes are the following:

  • displaying value or image output by a specified node or going through a specified node connector
  • displaying bitmaps and vector graphics resources
  • displaying additional information about the content it currently holds, such as color channels or exact color values
  • controlling parameters' gizmos

When a displayed image or value is modified, the 2D View updates automatically to stay in sync with the current state of the data.
Multiple 2D View panels can be active at any time, and each can display different images or values. You can control when a new panel should be used by using the Pin feature of the user interface panel.

Displaying content in the 2D View

Alert:

All mentions of actions made on nodes in this section only apply to Substance graphs.

The most straightforward way to display any image in the 2D View is to double-click LMB...

Images can also be dragged and dropped directly into the viewport by holding LMB on a resource in the Explorer panel, or RMB on a node in the Graph View.

In the Graph View, you can send an image to the 2D View using the View output in 2D View contextual menu option, which is accessed by clicking RMB...

  • ...on a node to display that node's output. If the node has more than one output, select the desired output in the submenu
  • ...on empty space in the Graph View to display that graph's output. If the graph has more than one output, select the desired output in the submenu

When loading a graph, its first output is automatically displayed in the 2D View by default. You can disable this behaviour in the Preferences. Go to Edit > Preferences > Graph > Substance compositing graph and uncheck the View output in 2D view when opening a graph option.


Viewport

The viewport is the display area of the 2D View, and lets you navigate the displayed image using the following mouse and keyboard shortcuts:

  • Pan: Ctrl+RMB / MMB

  • Zoom: Alt+RMB / MouseWheel / 'Display scale' tool:

  • Adjust to fit viewport: F / 'Fit to view' button  

  • Adjust to 1:1 scale: Z / 'Fit to scale' button 

2D View viewport navigation

Using a trackpad (macOS only)

  • Pan: Two-finger swipe
  • Zoom: Two-finger pinch / Two-finger swipe while holding Cmd
Unavailable actions

It is not possible to pan the image if the current display size of the image is lower than the size of the viewport.

It is not possible to zoom in/out of the image if the displayed content does not exist anymore – e.g. a image's reference node or resource was deleted.

Zoom direction

Each of the zooming methods is inverted with the other:

  • Mouse wheel up pulls the image closer
  • Alt+RMB and drag up pushes the image away

The zoom direction can be inverted in the Preferences.

The image native resolution, color format and bit depth appear in the bottom left area of the viewport.

In addition to navigation, the viewport offers the following features:

  • Tiled display: repeats the image in the viewport in a tiled pattern. This is useful for checking how a pattern or texture will repeat. It is enabled using the Space bar or Tiled display button

  • Physical size display: Displays the image with a ratio matching the Physical size property of the graph It is enabled using the Physical size ratio button

  • Keep view size: This option locks the display scale so it stays consistent throughout different images. It is enabled by default and can be disabled using the Keep view size button


Main toolbar

The main toolbar of the 2D View panel lets you do more with your displayed images, and offers the following features:

2D View background image

You can overlay a different image on top of the currently displayed one. Press the Background Image button and you will be prompted to select an image file to use as an overlay.

Once the file is selected, a new toolbar appears with the following controls for the image overlay:

 Close: close the overlay controls toolbar and disable the background image overlay.

 Load image: select another image file to use as an overlay.

 Source image: sets the overlay image to 0% opacity.

 Background image: sets the overlay image to 100% opacity.

 Reset: sets the overlay image to 50% opacity.

A slider gives you manual control over the opacity of the overlay image.

Note:
The toolbar can be repositioned around the 2D View panel using the leftmost handle represented by three parallel lines.
2D View export image

The image currently displayed can be exported to an image file. Press the Save Image... button and you will be prompted to select an location, name and file format for the exported file.

While the image will be exported as its native resolution – which is displayed in the bottom left area of the viewport – the bit depth and color format will depend on the image format selected. For instance, 32-bit floating point precision images can only be exported at their full data range with image formats which support this precision, such as TIFF, EXR and HDR. If the image format does not support the data, clamping and/or color banding are likely to occur in the exported image.
In general, be mindful of which precision and features are offered by the image formats you intend to use – floating point support, ICC profiles, etc.

If either OCIO or Adobe ACE color management mode is currently used, and additional option is available to select the color space of the exported image.

2D View copy to clipboard

The image currently displayed can be copied to the clipboard. Press the Copy Image to Clipboard button and the image will be ready to be pasted into any third party software, such as Adobe Photoshop.

The image will be copied as an 8-bit precision image at its native resolution, which is displayed in the bottom left area of the viewport.

2D View switch graph outputs

If the image currently displayed is a graph output, you can quickly switch to any other graph output using the Select output button.

This feature is not available to other nodes, including nodes which have more than one output.

2D View UV overlay

If the Display UVs in 2D View option is enabled in the Scene menu of the 3D View panel, then the UV overlay feature is available in the 2D View. You can enable it using the UV button.

This displays the UVs of the 3D View panel's current mesh as a colored wireframe. If material color information is available in the mesh file, then the material color is used as the color of the UV overlay.

If the mesh has multiple UV sets, the desired UVs can be selected in the drop-down checklist which can be opened by clicking the arrow next to the UV label in the button.

2D View image information

You can display the exact pixel values and coordinates in an image with the Information panel, which is enabled using the Image Information button. This is very helpful when inspecting HDR images, for instance, or making sure stepping between pixels follows the intended progression.

Colors are represented by RGBA and HSV values, and displayed depending on the precision of the image, as follows:

  • 8-bit: 0-255 integer / 0.0-1.0 floating point
  • 16-bit: 0-65532 integer / 0.0-1.0 floating point
  • 16F (16-bit floating point): raw floating-point value
  • 32F (32-bit floating point): raw floating-point value

Pixel coordinates are represented by X and Y values.

Note:
The Information panel can be resized, repositioned and undocked from the 2D View panel into a floating panel.
2D View histogram

You can display the histogram of the image with the Histogram panel, which is enabled using the Display Histogram button.

The following histogram modes are available:

  • Luminance
  • Red
  • Green
  • Blue
  • RGB
  • Alpha

The following information is listed below the modes:

  • Pixels: the number of pixels in the image
  • Range: the entire value range available
  • Used range: the value range from the lowest value pixel to the highest

Additionally, you can click LMB on the histogram, or hold LMB and drag across the histogram to select a specific portion of the data. The following information is then displayed for this selection:

  • Selected pixels: the number of pixels which have the selected values
  • Selected range: the value range of the selected portion
  • Selected max: the highest number of pixels which have a value included in the selected portion

The selection can be cleared by clicking RMB on the histogram.

How some of the values above are represented depends on the precision selected in the lower section of the panel, as follows:

  • 8 bits: 0-255 integer
  • 16 bits: 0-65532 integer
  • 32 bits: raw floating-point value

Some portions of the histogram may include very low pixel count values, and thus be challenging to read. In this case, you may enable the square root mode, using the Sqrt button, which uses the square root of the actual values to draw the histogram.

Note:
The Histogram panel can be resized, repositioned and undocked from the 2D View panel into a floating panel.

Display toolbar

The Display toolbar, which is located at the bottom of the 2D View panel by default, lets you control how the image is displayed in the viewport.

The leftmost section includes controls for color and transparency, while the rightmost section includes the viewport controls detailed in the Viewport section of this page.

Note:
The toolbar can be repositioned around the 2D View panel using the leftmost handle represented by three parallel lines.
2D View color channels

Color channels

You can display a single channel of the image using the Color channels button. This opens a combo Box letting you select which of the Red, Green, Blue and Alpha channels should be displayed. The normal aspect of the image with all channels is restored by selecting the RGB option.

The following keyboard shortcuts can be used to quickly switch over to different color channels:

  • RGB: C
  • Red: R
  • Green: G
  • Blue: B
  • Alpha: A

The icon of the Color channels button changes depending on the currently display channel(s).

Note:

Keyboard shortcuts can only be used if the 2D View panel has focus. You may click on this panel at least once to ensure this is the case.

Since the panel needs focus, these shortcuts do not interfere with any custom shortcuts you may have set for creating nodes in the graph – learn more about this feature here.

2D View transparency toggle

Transparency toggle

Transparency display can be toggled on and off, using the / Show checkerboard button. When this is enabled, transparency is displayed using a checkerboard pattern.

There are two main ways to interpret transparency, which can be selected using the / Transparency mode button:

 Straight: transparency information is only stored in the alpha channel, and does not impact any other aspect of the image

 Premultiplied: transparency information is stored in the alpha channel, and also impacts the RGB channels since they are effectively multiplied against the alpha channel

To display correct colors, the appropriate transparency mode should be selected in the 2D View panel to match the transparency method which was applied when the image was created.

2D View color space

Color space

For the most accurate representation of color, images are displayed by default in a color space which matches the one used by the monitor.

The available controls and the effect of the / Color space button will depend on the Color management mode set in the Project settings. Learn more about these controls in the Color management section in this page.


Bitmap painting tools

The Bitmap painting tools are available for Bitmap resources matching these criteria:

  • The bitmap uses 8-bit precision
  • The bitmap resource is imported into the package, linked images are not supported
Note:
New bitmap resources created within Substance 3D Designer will automatically match these criteria.
2D View bitmap painting tools

Tip:

You can learn more in the Bitmap painting editor page of the documentation.


Vector graphics editor

The Vector graphics editor is available for imported SVG resources, linked resources are not supported.

Note:
New SVG resources created within Substance 3D Designer will automatically match this criterion.
2D View vector graphics editor

Tip:

You can learn more in the Vector Graphic Editor (deprecated) page of the documentation.


2D View color management

Color management

The 2D View offers simple color management controls to let you choose which display color space should be used when displaying the image.

These controls will adapt to the current Color management mode set in the Project settings, as follows:

  • Legacy: you can disp.lay the image in the  sRGB or  Linear sRGB color spaces;
  • Adobe ACE: you can  enable color management and set the most appropriate color space for the current monitor as detected by the Adobe ACE engine, or  disable color management and display the image using the Raw color values;
  • OCIO: you can  enable color management and set the most appropriate one for the current monitor as detected by the OCIO engine, use the combo box and select any of the display color spaces available in the OCIO configuration file currently used, or  disable color management and display the image using the Raw color values.
Alert:

Be mindful that these controls only impact the display color space. The original color space of images and the working color space should also be taken into account to make sure colors are displayed accurately in the 2D View.

Tip:

Go to the Color management section of this documentation to learn more about this feature and its broader implementation in Designer.

Get help faster and easier

New user?