Basic UI elements

Orient yourself with the canvas, toolbars, brushes, color tools and marking menus

Jump to Mobile


When you first open Sketchbook you will see the default UI. For all versions of the app, there will be a canvas and toolbar. The rest of the interface will be slightly different depending on the platform and version you're using. See the sections below to familiarize yourself with the interface and how it works.


Basic UI elements in Sketchbook Pro for desktop

Get started with an introduction to the interface and the most basic interactions. When you open Sketchbook, by default, you'll see the canvas‍, lagoon, toolbar‍, brush‍ and color pucks‍, and Brush Palette‍.

1640048362297-sketchbook_canvas.png


Use hotkey shortcuts‍ and marking menus to access tools and functions quickly. To change your view‍ and navigate around your canvas, hold down the Enter key.

View of the Sketchbook Pro canvas and UI for Changing the view


Lagoon tool summary

Lagoon's radial menu

The Lagoon is the round UI element. By default, it is found in the bottom left corner, though you can change its location‍. It is a hub for many useful tools in Sketchbook. It is driven by gestural movements, just like the Layer Editor‍. To view the tools‍ in a lagoon marking menu, tap an icon to expose the tools in that category. With your stylus (or right mouse button) down, drag to the tool you want to select. When it’s highlighted, lift your stylus (or release your right mouse button).

Here are the default settings for each category:

Lagoon menus

The version of Sketchbook you're running will determine which tools appear in which marking menu.

The Sketchbook Pro Lagoon numbered

  1. Interface controls
  2. View controls, transform tools‍, rulers‍, layers‍, & vertical & horizontal symmetry
  3. Brushes & palette
  4. Colors‍ & Transparent Color
  5. Selection‍, editing‍, & layer transform tools‍ 
  6. Open, Save, New, Next & Previous Image
  7. Shows current tool
  8. Shows current color
  9. Undo/redo


Basic UI elements in Sketchbook for mobile devices

To get the most out of Sketchbook, you should become familiar with its basic UI, such as the canvas‍, toolbar‍, double puck‍, and marking menu and corner tools.

Once your UI is hidden‍, you can access all the tools using the Rapid UI mode‍.

Tablets

v.4.0 or above iPad canvas and toolbar

You will see the toolbar‍, a full brush palette including advanced brushes‍ and the customizable Brush Library‍, and colors, which accesses the Color Editor‍, along with the Layer Editor‍ with blend modes‍, and transparent color‍.


Handheld devices

You will see a toolbar‍ and the marking menu.

The Marking Menu in the iOS version of Sketchbook The Marking Menu showing tools in the iOS version of Sketchbook


Marking menu

Use Clutch (the marking menu) to access an assortment of tools, as well as the corner tools without going to the toolbar. If you are working with the interface hidden‍, the marking menu provides access to a host of tools without unhiding your interface.

Within Clutch (the marking menu) are tools for switching between the current and last brush‍, flipping the canvas‍, selecting a color from your screen‍, accessing the Double Puck‍, and Transparent Color‍.

The marking menu with an option selected in the iPad version of Sketchbook

NOTE: To access these tools even quicker, from Clutch, flick toward the tool’s position.


Corner tools

Access a corner tool by double-tapping a corner of the screen.

Tap Marking menu icon in the iOS version of Sketchbook, the Corner tools are visible.

The default corner quick tool mappings are:

Top left (Clear Layer) Top left

Top right (Fit To View) Top right

Bottom left (Undo) Bottom left

Bottom right (Redo) Bottom right

If you want to customize your corner tools, see Customizing the corner tools‍.