Skip to content

Basics

Tools & shortcuts

The toolbar holds every creation tool. Most have a single-key shortcut so you can switch without leaving the canvas.

Tools live in the top toolbar. Click one, or press its shortcut key, then draw on the canvas. The select tool is your home base — press V (or Escape) to return to it any time.

The SSHOW editor in light mode: the toolbar across the top, the Scenes and Objects panels on the left, a title slide on the canvas, and the Scene inspector on the right.
The editor at a glance — toolbar up top, panels left and right, your artboard in the middle.

Tools

Each tool and what it does. Shortcut keys are shown on the right.

The SSHOW toolbar showing the select, move, anchor, frame, rectangle, ellipse, shape, line, pen, path, text, image, video, and audio tools in order.
The toolbar, left to right — selection and view tools, then the shape, path, text, and media creation tools.
  • Select V

    Select, move, resize, and rotate objects. Double-click a group to edit inside it.

  • Move H

    Pan the canvas. Hold Space with any tool active to pan temporarily.

  • Anchor A

    Reposition an object's anchor point — the pivot for rotation and scaling.

  • 3D Gizmo G

    Move, scale, and rotate with an on-canvas widget — Position and Scale along the X/Y axes, Rotation in 3D: the outer ring spins Z, the X/Y rings and the inner trackball tilt the object in space (turn Perspective on to see the depth).

  • Frame

    Draw a fixed-size container with a background and rounded corners that clips the layers placed inside it.

  • Rectangle R

    Draw rectangles with adjustable, per-corner radius.

  • Ellipse C

    Draw circles and ellipses, with an optional inner radius for donut shapes.

  • Shape

    Insert ready-made shapes — stars, polygons, arrows, and symbols — from the Shape panel.

  • Line L

    Draw straight lines with full stroke control and optional arrowheads.

  • Pen B

    Click to drop anchor points and drag for bezier handles, building a path one point at a time. Shift keeps a corner sharp or snaps a handle to 15°; double-click or Enter finishes.

  • Path P

    Draw a freeform path in one continuous stroke. Once it exists, double-click it to drop into the same anchor-by-anchor editing as the Pen.

  • Text T

    Add and edit text with full typography control — font, size, weight, alignment, spacing.

  • Image I

    Place an image from your assets onto the canvas.

  • Video

    Place a video clip with playback, trim, volume, and timeline-sync controls.

  • Audio

    Add an audio track with trim, volume, loop, and timeline-sync controls.

Design and Animation

The switcher in the top-left header puts the editor in one of two modes. Every drawing tool above stays exactly the same in both — what changes is what an edit means and what the left panel shows.

The header's mode switcher with two segments, Design and Animation, with Animation active.
Design for building the scene, Animation for animating it — Tab flips between them.
Design
The default. Draw, arrange, and style: the canvas shows your design exactly as designed, and the left panel lists the scene's objects.
Animation
The Objects panel becomes a timeline, a key badge appears beside every animatable property in the inspector, and the canvas shows the scene at the playhead — so an edit lands as a keyframe at that moment.

Tip Tab switches modes whenever you're not typing. The drawing tools behave identically in both, so you can nudge a shape into place mid-animation without leaving Animation.

Read the animation guide

Keyboard shortcuts

The most common editing actions. Use Ctrl on Windows/Linux and ⌘ on macOS.

The top-left bar of the editor: the SSHOW mark, the editable project name, and the undo and redo buttons.
Undo and redo sit top-left beside the project name — or just press Ctrl/⌘+Z and Ctrl/⌘+Shift+Z.
Action Shortcut
Undo Ctrl / ⌘ + Z
Redo Ctrl / ⌘ + Shift + Z
Duplicate selection Ctrl / ⌘ + D
Duplicate by dragging Alt + drag
Copy Ctrl / ⌘ + C
Cut Ctrl / ⌘ + X
Paste Ctrl / ⌘ + V
Delete selection Delete / Backspace
Select all Ctrl / ⌘ + A
Deselect Esc
Nudge selection (Shift for 10px) ↑ ↓ ← → · Shift = 10px
Group Ctrl / ⌘ + G
Ungroup Ctrl / ⌘ + Shift + G
Mask with selection Ctrl / ⌘ + M
Lock / unlock Ctrl / ⌘ + Shift + L
Show / hide Ctrl / ⌘ + Shift + H
Bring forward Ctrl / ⌘ + ]
Send backward Ctrl / ⌘ + [
Bring to front ]
Send to back [
Fit selection to view .
Zoom to fit Ctrl / ⌘ + 0
Zoom in Ctrl / ⌘ + =
Zoom out Ctrl / ⌘ + −
Add a solid color fill Ctrl / ⌘ + Shift + C
Add an image fill Ctrl / ⌘ + Shift + I
Add a dynamic fill Ctrl / ⌘ + Shift + D
Search & replace Ctrl / ⌘ + F
Switch Design / Animation mode Tab

Tip Shortcuts keep working even when your keyboard is in Korean input mode — SSHOW maps Hangul keys back automatically. And hold Space to pan with any tool active.

Sub-tools & number keys

When you select an object, a contextual sub-tool strip appears with the actions that apply to it — alignment, flips, and more. Every visible button is mapped to a number key: press 1–9 for the 1st through 9th button, and 0 for the 10th, counted left to right. For a single selected object the map is:

The contextual sub-tool strip that appears with a selection: align left, center, and right; align top, middle, and bottom; and flip horizontal and vertical.
Select an object and this strip appears — align and flip, each mapped to a number key.
Key Action
1 Align left
2 Align center (horizontal)
3 Align right
4 Align top
5 Align middle (vertical)
6 Align bottom
7 Flip horizontal
8 Flip vertical

Tip Want an object dead-center on the canvas? Press 2 then 5 — horizontal center, then vertical middle. The number keys make repetitive alignment almost muscle-memory.

Alignment reference depends on how many objects are selected: a single object aligns to the canvas, while two or more align to the selection's combined bounds. Selecting multiple objects also adds Distribute buttons (so the digits shift accordingly), and text objects expose extra formatting buttons — the strip is always contextual.

What appears when

The strip is built from small groups, and each one shows up only when it applies:

Align & flip — any selection
Six alignment buttons plus horizontal and vertical flip. Present whenever something is selected.
Distribute — two or more objects
Evens out the horizontal or vertical spacing across the selection. It appears only for a multiple selection, which also shifts the number keys along.
Text — a text object
Paragraph alignment (left, center, right, justify), vertical alignment, bold, italic, underline, strikethrough, and auto-size.
Distort & split
Distort turns on the free four-corner perspective warp (any visual object); Split text breaks a text object into per-character or per-line pieces you can style and animate separately.
Gizmo — Position · Scale · Rotation
Shown while the 3D Gizmo tool is active: pick which part of the transform the widget edits. Position and Scale work along the X/Y axes; Rotation adds the X/Y rings and the trackball for 3D tilts.
Edit — an image or a path
Enters that object's own editing mode, exactly like double-clicking it, and the button becomes Exit while you're inside.
Path editing — inside a path
Add or delete anchors, join and split, and switch a point between corner and smooth. The design guide walks through the whole gesture set.
Image editing — inside an image
Lasso, magic wand, rectangle and ellipse selection, invert selection, crop, then brush, eraser, fill, stamp, invert colours, and adjustments.
The sub-tool strip with a text object selected: align and flip, paragraph and vertical alignment, bold, italic, underline, strikethrough, auto-size, distort, and split text.
With text selected the strip grows the formatting groups — so the same digits now reach different buttons.
The sub-tool strip inside image editing: lasso, magic wand, rectangle and ellipse selection, invert selection, crop, brush, eraser, fill, stamp, invert colours, and adjustments.
Step inside an image and the strip swaps entirely for the retouching set.

Note Path and image editing each get a full walkthrough in the design guide — this page is the map of where those buttons live.

The magnifier in the top-right rail (or Ctrl / ⌘ + F) searches the whole project at once — not just the scene you're looking at. Results list with a snippet of context; clicking one jumps to that scene and selects the object.

Scope
Search the current scene or every scene in the project.
Where to look
Four toggles decide what counts as a match — text content, layer names, scene names, and speaker notes. Turn off the ones you don't want.
Matching
Aa matches case, ab matches whole words, and .* treats the query as a regular expression.
Replace
Type a replacement and use Replace for the current match or All for every one. A replace-all lands as a single undo step, so one Ctrl / ⌘ + Z puts everything back.

Tip Search is the fastest way to find a stray placeholder before you present — search for a bracket or a lorem word across all scenes.

Notes

Keep reminders with your project. The Notes button in the top-right opens a panel with project-wide notes plus a separate note for each scene — handy for briefs, to-dos, and handoff details that should travel with the file.

The Notes panel with Project and Scene tabs and a text area holding a few project reminders.
Notes keep reminders with your project — switch between project-wide notes and per-scene notes.