Skip to main content
Version: Current

Create text, typography, and equations

Text should usually remain editable while you write, style, position, and time it. Convert text to vector outlines only when you need path geometry—for example, a hand-drawn lettering reveal or a final logo treatment.

Scribe offers three creation routes:

  • Text Blocks add a designed, multi-object composition.
  • Text Presets add one pre-styled text object.
  • Custom text adds or edits your own content and typography.

Desktop also includes a separate Equation editor that turns safe LaTeX into scalable, drawable vector output.

Choose the right text type

NeedStart withWhy
A complete title card, callout, lower third, or social layoutText BlockInserts a coordinated group of text and supporting objects
One quick heading or labelText PresetCreates one centered, pre-styled text object
Exact wording and manual typographyCustom textGives direct control over content, font, weight, alignment, and wrapping
Letters appearing in sequenceEditable text + TypewriterTypewriter is a text-specific animation and keeps the wording editable
The hand drawing each letter shapeText → outlines → drawing workflowConverts glyphs into vector paths that can be planned and revealed
Mathematical notationDesktop Equation editorProduces scalable paths from constrained LaTeX instead of inserting a screenshot

Browse blocks and presets

Scribe Animator Desktop with the Text library showing search, category, tabs, text-block cards, and equation actions
The screenshot count reflects this build's catalog; built-in content can grow over time.
Screenshot callouts
  1. Text library
    Opens blocks, presets, custom text entry, and the Desktop equation action.
  2. Search
    Searches text blocks and presets by their catalog information.
  3. Category
    Narrows results to a purpose such as titles, education, business, callouts, or whiteboard.
  4. All, Text Blocks, Text Presets
    Use Blocks for compositions and Presets for a single styled text object.
  5. Preview cards
    Each card previews the visual hierarchy and identifies its category.
  6. Equation and advanced actions
    Desktop exposes Add Equation and Advanced Text Library beneath the current block/preset counts.

The catalog in this screenshot contains 18 blocks and 13 presets. Treat those numbers as a point-in-time count, not a compatibility guarantee.

Block categories

Current block categories cover designed uses such as:

  • Titles;
  • Social / YouTube;
  • Education;
  • Business;
  • Whiteboard;
  • Callouts;
  • Lower Thirds; and
  • Fun / Comic.

Text presets use related categories, including Basic, Whiteboard, Chalkboard, Corporate, YouTube/Social, Education, and Callouts.

Workflow A: insert a Text Block

Use a block when you want a ready-made composition, not just one line of type.

  1. Pause playback and select the intended scene.
  2. Open Text.
  3. Choose Text Blocks, or remain on All.
  4. Search or select a category.
  5. Inspect the card's preview, label, and purpose.
  6. Select the block.
  7. Wait for all of its objects to be created.
  8. Confirm the block's primary object is selected.
  9. Reposition the composition without accidentally separating supporting elements.
  10. Replace the sample wording in each text object.
  11. Preview the scene and verify that all block objects fit its duration.

Expected result: a block can add multiple text and SVG objects, all scoped and timed to the active scene. It is not necessarily one grouped text box.

Workflow B: insert a Text Preset

Use a preset for one styled heading, label, or sentence.

  1. Open Text → Text Presets.
  2. Search or filter by category.
  3. Select a preset.
  4. Confirm that one centered text object appears and becomes selected.
  5. Replace its placeholder wording.
  6. Adjust placement, width/wrapping, and typography.
  7. Rename the object in Basics if a descriptive timeline label will help later.

Workflow C: create custom text

Desktop provides a direct Text tool in the top canvas toolbar. Mobile Lite provides Library and Custom choices in its text sheet.

  1. Select the active scene.
  2. Choose Text or the Custom text route.
  3. Enter the final or near-final wording.
  4. Choose a font family.
  5. Set font size, weight, alignment, wrapping, line height, and any supported decoration or color.
  6. Add or update the text.
  7. Position it on the canvas.
  8. Check the timeline track and scene duration.

The current Desktop text editor constrains font size to 8–72. Canvas scale can make text appear larger, but scale and font size are not equivalent typography decisions.

Understand the inserted result

Scribe Animator Desktop after adding New Text, with the text visible on the canvas and a text track in the timeline
A successful insertion should be visible in both the active scene and the object timeline.
Screenshot callouts
  1. Canvas text
    The text is a real scene object, positioned in project canvas coordinates.
  2. Text timeline track
    The object has a track that can receive timing, property, and animation changes.
  3. Active scene
    Object creation is scoped to the selected scene, shown in the scene manager.

Edit with the canvas and Properties panel

Scribe Animator Desktop with New Text selected, a contextual canvas toolbar, Properties sections, outline conversion, and a text timeline track
Select the text before editing; the contextual toolbar and Properties panel operate on the real selected object.
Screenshot callouts
  1. Selected text
    Selection exposes object handles and makes its inspector and track active.
  2. Contextual object toolbar
    Duplicate, delete, scale, position, rotate, and reset the selected object.
  3. Convert to outlines
    Preview glyph paths first, then convert only when editable text is no longer required.
  4. Basics
    Rename the timeline object and edit core placement details.
  5. Text properties
    Expand Text to edit content and supported typography without converting to paths.
  6. Preset Animation
    Apply supported entrance behavior, including text-specific typewriter timing.
  7. Selected text track
    Use the track and Properties control to coordinate object timing with the scene.

Scale, font size, and wrapping are different

  • Font size changes the actual typography.
  • Scale transforms the entire text object, including spacing and stroke.
  • Wrap width determines where automatic line breaks occur.
  • Manual wrap preserves only the line breaks you entered.
  • Line height controls vertical distance between lines.
  • Letter spacing controls horizontal space between characters.
  • Corner resizing changes visual bounds and may not produce the same result as choosing a deliberate font size and wrap width.

For headings, use intentional line breaks and a clear hierarchy. For paragraphs, choose a readable line length instead of shrinking the font until everything fits.

Animate editable text

Use an entrance preset when the whole object should fade, slide, or scale into the scene. Use Typewriter when characters should appear progressively.

  1. Keep the text editable.
  2. Select it and expand Preset Animation.
  3. Choose an animation supported for text.
  4. Set its timing inside the active scene.
  5. Preview from before the animation starts.
  6. Confirm the final line remains on screen long enough to read.

Typewriter applies to text objects. A vector outline is no longer text and therefore uses vector/drawing behavior instead.

Supported languages and scripts for outline conversion

Scribe's current text-outline workflow is verified against exact language samples and bundled font binaries. This is content-language coverage: it does not mean the editor menus are localized into every language, and it is separate from local AI voiceover language coverage.

Verified language coverageScript laneRecommended bundled fontEvidence level
English, Spanish, French, German, Italian, Portuguese, Dutch, Catalan, Galician, Danish, Norwegian, Swedish, Finnish, Icelandic, Polish, Czech, Slovak, Slovenian, Croatian, Romanian, Hungarian, Turkish, Vietnamese, Indonesian, Malay, AfrikaansLatinNoto SansEvery stored sample passed glyph and outline checks; Spanish, French, Polish, Turkish, and Vietnamese completed the full Desktop UI and Draw Step workflow
Hindi, Marathi, NepaliDevanagariNoto Sans DevanagariEvery stored sample passed; Hindi completed the full Desktop UI and Draw Step workflow
Arabic, Persian, UrduArabic-family complex shapingNoto Sans ArabicEvery stored sample completed shaping, outline, Desktop UI, and Draw Step checks
HebrewHebrew complex shapingNoto Sans HebrewThe stored sample completed shaping, outline, Desktop UI, and Draw Step checks
Scribe Animator scene with separate editable English, Spanish, French, Hindi, Arabic, Urdu, and Hebrew text objects
The current editor can keep multiple verified language objects editable in one scene before each one is previewed and converted independently.
Screenshot callouts
  1. Latin and Devanagari examples
    English, Spanish, French, and Hindi are separate live text objects in the scene.
  2. RTL examples
    Arabic, Urdu, and Hebrew render in their real visual direction with the verified fonts.
  3. Independent text tracks
    The timeline retains each language as its own editable object before outlining.

The multilingual handwritten text tutorial provides the exact samples, per-language evidence matrix, Hindi and RTL screenshots, Draw Step workflow, and the current not-verified list. Do not infer Bengali, Tamil, Telugu, Thai, CJK, Cyrillic, Greek, or another script from the Noto brand alone.

Convert text to outlines

Outlining converts font glyphs into vector path geometry. Use it for:

  • hand-drawn letter reveals;
  • a final, fixed logo treatment;
  • path-level editing; or
  • a vector result that must not depend on live font rendering.

Do not outline merely to resize text.

  1. Finish wording, capitalization, punctuation, wrapping, and font choice.
  2. Duplicate the editable text object as a recovery copy.
  3. Hide or move the recovery copy if needed.
  4. Select the final text and choose Preview under Convert to outlines.
  5. Inspect every glyph, line break, and script.
  6. Choose Convert.
  7. Confirm the result contains vector paths.
  8. If a physical drawing appearance is required, open Vector Path → Stroke Material and choose Solid, Marker, Chalk, Pencil, Crayon, Dry Marker, Ink Brush, or Highlighter.
  9. Run stroke planning and adjust path order.
  10. Preview the complete reveal.

Outlined glyphs use the same deterministic material and partial-reveal pipeline as other vector paths. Normal editable text remains clean; it is not automatically textured by a Blackboard, Paper, or Blueprint surface. See Choose board surfaces and stroke materials for pairing and export guidance.

Conversion changes the editing model

Outlined text is not equivalent to live editable text. Keep the duplicate until the project is approved.

Right-to-left and mixed-script limits

The current outline workflow has explicit complex-script boundaries:

  • Arabic, Persian, and Urdu use the approved Noto Sans Arabic path; Hebrew uses Noto Sans Hebrew;
  • automatic wrapping is not supported for complex RTL outline conversion;
  • authored manual line breaks are supported when each line still fits without automatic wrapping;
  • keep the original logical text order—do not reverse Arabic, Persian, Urdu, or Hebrew strings manually; and
  • mixed Arabic and Hebrew in one text object is unsupported.

Split mixed-script content into separate objects and preview before conversion.

Add a math equation on Desktop

The Equation editor converts constrained LaTeX into SVG/path content that can be added and drawn. It does not take a screenshot of a web-rendered equation.

Scribe Animator Desktop Add equation modal showing a fraction preview, LaTeX source, layout, color, accessibility label, and Add and draw
The preview is the rendered result; the source field remains constrained LaTeX and the final action creates drawable canvas content.
Screenshot callouts
  1. Live equation preview
    Inspect the rendered symbols and spacing before creating canvas content.
  2. LaTeX source
    Enter LaTeX without surrounding dollar delimiters. Unsafe macros and external links are blocked.
  3. Layout
    Choose Display for a standalone expression or the compact/inline layout when appropriate.
  4. Color
    Set the vector equation color before insertion.
  5. Accessibility label
    Add an optional spoken description that communicates the equation meaning.
  6. Add and draw
    Commits the validated equation as scalable, drawable canvas content.
  1. Pause playback.
  2. Open Text and choose Add Equation.
  3. Enter LaTeX. The editor accepts LaTeX input rather than a general rich-text equation language.
  4. Choose display or compact/inline presentation.
  5. Set the equation color.
  6. Add an accessibility label when the visual expression needs a spoken description.
  7. Wait for the live preview; preview rendering is deliberately delayed by about 250 ms while typing.
  8. Verify symbols, fractions, roots, limits, and line breaks.
  9. Choose Add and draw.
  10. Resize proportionally and preview at the target export size.

Equation metadata is retained so a supported equation can be edited later.

Equation safety and limits

  • LaTeX input is limited to 4,096 characters.
  • Unsafe macros and external links are blocked.
  • MathJax is loaded from Scribe's local /vendor/mathjax/tex-svg.js runtime.
  • URL protocols, arbitrary styles, classes, and IDs are disabled in the safe configuration.
  • Generated SVG output larger than 5 MB is rejected.
  • Equation editing is currently a Desktop feature.

Because the renderer is local, it can work offline after the required MathJax asset is available.

Desktop and Mobile Lite differences

TaskDesktopMobile Lite
Discover contentSearch, category, All/Blocks/PresetsLibrary search/filter for blocks and presets
Custom textCanvas Text tool and inspectorCustom tab with touch-friendly form
Exposed stylingFull inspector sections and object toolbarText, font family, font size, weight, left/center/right alignment, manual/auto wrap, wrap width, and line height
Advanced object propertiesBasics, Layer Order, Text, Preset Animation, Object CameraCompact editing surfaces designed for touch
Equation editorAvailable through Add EquationNot available
Outline conversionPreview/Convert in PropertiesSelection-based conversion is surfaced only where supported by the Mobile Lite action set

Limits and offline behavior

  • Basic text editing does not require authentication.
  • Bundled fonts and local text rendering can work offline after application assets are available.
  • A font that has not loaded cannot be outlined correctly; wait for it or choose a bundled supported font.
  • Browser text metrics can differ slightly, especially across rendering engines. Inspect wrapping after changing browser, device, or font.
  • Blocks may add several objects and tracks. Check all of them before deleting or moving only the primary object.
  • Extremely long text is a poor fit for animated scenes; divide it across scenes or use narration.
  • Outlining increases path data and can make selection, planning, and preview more expensive.
  • Account/cloud connectivity is unrelated to the core act of creating local text or local equations.

Verify the result

Check that:

  • wording and punctuation are final;
  • the object belongs to the intended scene;
  • line breaks match the target aspect ratio;
  • text remains readable against the background;
  • the timeline label is descriptive;
  • animation finishes before the audience needs to read;
  • outlined glyphs match the editable source; and
  • equation accessibility text explains meaning rather than merely repeating raw LaTeX.

Troubleshooting and recovery

SymptomLikely causeRecovery
Nothing is insertedNo current project/scene or playback is activeOpen/select a scene, pause, and retry
Block looks incompleteOnly one of its multiple objects was moved, hidden, or deletedUndo, reinsert the block, and inspect all newly added tracks
Text wraps unexpectedlyAuto wrap width, font loading, or browser metrics changedSet an explicit wrap width or use manual line breaks
Text is blurry or oddly proportionedThe whole object was scaled instead of choosing a suitable font sizeReset scale where appropriate, then set font size and width deliberately
Typewriter option is missingThe selected object is an outline/vector, not editable textSelect the editable copy or recreate the text object
Outline preview misses glyphsFont is unavailable or the script/font combination is unsupportedWait for a bundled font, choose an approved font, and preview again
RTL outline wraps incorrectlyAutomatic RTL wrapping is unsupportedInsert manual line breaks and use one supported script per object
Equation preview shows an errorInvalid/unsupported LaTeX or blocked unsafe inputReduce to supported LaTeX and remove unsafe macros/links
Equation is rejected after renderingGenerated SVG exceeds 5 MBSimplify the expression or split it into multiple equation objects
Text changed after reopening elsewhereRequired font differs or was not availableUse a bundled font, preserve an editable copy, or convert the approved final text to outlines