Annotations

Savvyshot's drawing toolbar (top of the editor canvas) has 12 tools for marking up your screenshot. Each tool has a single-key shortcut — press the letter to switch tools, then click or click-drag on the canvas to draw.

Selecting any placed annotation brings up a contextual toolbar above it with the options described below.

Shape styles (Rectangle, Circle, Arrow)

Rectangle, Circle, and Arrow support three fill styles, selectable from the contextual toolbar:

• Solid — fully filled shape.
• Tonal — semi-transparent fill with a solid border.
• Outline — border only, transparent fill.

All three also let you set the color and line/border width.

Line

A straight line with adjustable color and width — useful for underlines, dividers, or simple pointers.

Arrow

Like Line, but with an arrowhead. In addition to color and width, you can adjust the arrow size, its direction, and the tail offset (how far the line starts from the arrowhead).

Text

Click to place a text box, then type. Style options include:

• Font (from your installed system fonts)
• Size
• Color
• Alignment — a 9-point grid (top/center/bottom × left/center/right) for positioning the text box
• Filled or plain background style

Blur

Drag to cover an area with a blur effect — useful for quickly hiding small details by hand. The blur intensity is adjustable via a slider. For automatically finding and blurring sensitive text (emails, phone numbers, etc.), see Redaction.

Emoji

Open the emoji picker, choose an emoji, and place it on the canvas. Supports the same 9-point alignment options as text for fine positioning.

Step Counter

Adds a numbered circular marker — drop several on screen and they auto-increment, great for "1, 2, 3..." style walkthroughs. Choose between a full circle or a pointed corner style.

Zoom Callout (Magnifier)

The Zoom Callout tool draws two linked boxes:

1. A source box (dashed outline) over the area you want to highlight.
2. A loupe — a magnified (2×) view of that area — connected to the source box with a connector line.

Both boxes can be moved and resized independently after placing them, so you can point the loupe wherever there's room on the canvas. The contextual toolbar lets you adjust the connector line color and border thickness.

Spotlight

Spotlight dims the entire canvas and cuts out a bright "hole" over the area you draw, drawing the viewer's eye straight to it — useful when a blur or box callout isn't enough to focus attention.

1. Press S (or select Spotlight from the toolbar).
2. Click and drag to draw the focused area.
3. The rest of the canvas darkens immediately; the dragged area stays at full brightness.

After placing it, drag the handles to resize or reposition it. The contextual toolbar lets you adjust:

• Shape — rectangle or oval.
• Dim color — the color used for the darkened overlay.
• Dim opacity — how dark the rest of the canvas gets.

You can place multiple spotlights; they share one overlay, so overlapping areas don't stack into extra darkness.

Working with annotations

• Select an annotation by clicking it; drag its handles to resize, or drag its body to move it.
• Duplicate the selected annotation with Ctrl/Cmd+D.
• Delete the selected annotation with Delete or Backspace.
• Deselect with Esc.

See Keyboard Shortcuts for the complete list.