The Editor

Text & Captions

Text overlays let you add titles, captions, narration boxes, credits, chapter headings, or any other written content directly on the canvas — with full control over font, size, color, and shadow.

Placing a text box

1. Click the Text icon in the left toolbar
2. The cursor changes to a crosshair
3. Click anywhere on the canvas to create a text box at that position
4. Start typing immediately — the box is in edit mode as soon as it's placed
5. Press Escape or click outside to exit edit mode

Editing existing text

Click a text overlay to select it, then double-click to enter edit mode. The text becomes an editable textarea. Press Escape or click outside to finish editing.

Text supports multi-line content. Press Enter for a new line inside the box.

Text properties

When a text overlay is selected, the left properties panel shows all styling options:

• Font Family — choose from available fonts. Fredoka is the default (matches the YarnSaga brand). Other Google Fonts are available.
• Font Size — in pixels. Adjust for captions vs large titles.
• Font Weight — Normal, Bold, or Extra Bold (900). Use Extra Bold for impact titles.
• Font Style — Normal or Italic.
• Text Align — Left, Center, or Right. Center is typical for speech-style captions; left for narration boxes.
• Text Color — any hex color via color picker.
• Line Height — adjust spacing between lines for readability.

Text shadow

Text overlays support a configurable drop shadow — useful for making white text readable over light panels, or black text readable over dark areas.

• X / Y offset — shadow position relative to text
• Blur — softness of the shadow (0 = hard edge, higher = soft glow)
• Color — shadow color (usually black or dark)
• Opacity — 0–100% transparency of the shadow

Moving and resizing text boxes

Like all overlays, text boxes can be:

• Moved — drag the box body
• Resized — drag any corner handle
• Rotated — drag the rotation handle above the selection
• Deleted — press Delete/Backspace or use the delete button in the properties panel

Keyboard shortcuts in text edit mode

• Ctrl+B / Cmd+B — bold
• Ctrl+I / Cmd+I — italic
• Tab — indent
• Enter — new line
• Escape — exit edit mode

Common use cases

• Chapter title — large, centered, bold text at the top of a splash page
• Narration box — smaller left-aligned text with a colored text box behind it (place a ribbon underneath)
• Sound effects — extra bold, large, rotated text overlaid on an action panel
• Credits — small text at the bottom of the last page
• Caption strip — text placed on top of a ribbon for a classic comic caption look