Skip to main content
Version: 5.x
Supported on
Snapchat
Spectacles
Camera Kit

Material Editor Toolbar and Shortcuts

Introduction

This guide walks through the various toolbar buttons available in Material Editor, and lists all keyboard shortcuts for Windows and Mac.

In Lens Studio you can find the Material Editor window under Window > Panels > Material Editor, if it's not already shown in your layout.

Toolbar

The Material Editor toolbar provides some useful tools for creating custom materials.

Add Node Button (Tab)

Opens the Add Node menu, which allows you to browse through all available nodes and add them to your graph. This menu can also be opened using the Tab hotkey. Typing a node name while this menu is open will filter the results and let you quickly find the node you're looking for.

Snap to Grid Button

Enables or disables grid snapping, which snaps node positions to a grid when moving them around. This can make it easier to lay nodes out in an organized way.

Sub-Graph Button

Creates a new Sub-Graph encapsulating all selected nodes. Note that this feature is only available when at least one node is selected, and all selected nodes are allowed in Sub-Graphs. Parameter nodes and the Shader node are not allowed in Sub-Graphs.

Comment Button

Creates a comment group around any selected nodes. This is useful for documenting or organizing a graph.

Reset View Button

Resets the zoom level to 100% and positions the view to center on all nodes.

Mini-View Button

Toggles the Mini-View window, which shows a zoomed out view of the full graph and can be used to quickly navigate.

Preview Button

Toggles the Preview view, which shows a preview of how the material looks on a primitive mesh.

Graph Navigator

Provides a quick way to switch between graph materials and the sub-graphs inside them. The leftmost dropdown box shows a list of all graph materials in the project, and selecting any of them will switch to that graph. Any sub-graphs present in the current graph will show up in a dropdown to the right, and selecting one will jump into that sub-graph. This continues recursively for any sub-graphs nested within sub-graphs.

Basic Editing

MacWindows
Copy⌘+CCtrl+C
Paste⌘+VCtrl+V
Cut⌘+XCtrl+X
Duplicate⌘+DCtrl+D
Create Sub-graph⌘+GCtrl+G
Select All Nodes⌘+ACtrl+A
Create Comment Block⌘+BCtrl+B
Show/Hide Node PreviewPP
Show InformationQQ
Show/Hide MiniviewMM
Center Graph (Home)HH
Fit All Nodes to ViewFF
Fit Selected to ViewShift+FShift+F
Delete selected nodesDelete, BackspaceDelete, Backspace
Delete selected nodes and Auto-reconnectShift+Delete, Shift+BackspaceShift+Delete, Shift+Backspace
Select all connected nodes to the left
Select all connected nodes to the right
Iterate through node view modes (selected node)↑ / ↓↑ / ↓
Zoom to cursorScroll WheelScroll Wheel
Zoom to centerShift + Scroll WheelShift + Scroll Wheel
Pan ViewRight Mouse DragRight Mouse Drag
Pan View (alt method)Middle Mouse DragMiddle Mouse Drag

Node Creation & Sub-graph Navigation

MacWindows
Create a new nodeTabTab
Enter Sub-graphReturn or IReturn or I
Exit Sub-graphEscape or Shift + Return or OEscape or Shift + Return or O

Auto-Connect & Connection Editing

MacWindows
Auto-connect the selected node to the shader output node⌘+ECtrl+E
Auto-connect between two connected nodes (node is not yet connected)Shift + Left Mouse Drag the node over the existing connectionShift + Left Mouse Drag the node over the existing connection
Auto-disconnect node while restoring the original connection (node already connected)Shift + Left Mouse Drag the connected nodeShift + Left Mouse Drag the connected node
Cut node connectionShift + Left Mouse Drag over the connectionShift + Left Mouse Drag over the connection
Create passthrough nodeLeft Mouse Drag over the connectionLeft Mouse Drag over the connection
Create passthrough node (alt method)Left Mouse Click on the connectionLeft Mouse Click on the connection

Duplicate via Mouse

MacWindows
Duplicate selected nodesHold Space + Left Mouse Click and Drag the selected nodesHold Space + Left Mouse Click and Drag the selected nodes

See keyboard shortcuts to see other available keyboard shortcut.

Was this page helpful?
Yes
No