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.
Tools
Each tool and what it does. Shortcut keys are shown on the right.
-
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.
- 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 guideKeyboard shortcuts
The most common editing actions. Use Ctrl on Windows/Linux and ⌘ on macOS.
| 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:
| 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.
Note Path and image editing each get a full walkthrough in the design guide — this page is the map of where those buttons live.
Search and replace
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.