DemoFast tutorial

Add zoom and custom highlight areas

Direct attention to a dense interface with a resizable custom area or a single zoom area on the selected step.

For Creators working with detailed product screensReviewed
Illustrative DemoFast annotation tools with a click marker and highlighted area
Illustrative DemoFast interface

Before you begin

Prerequisites

  • A captured screen with a small but important focal area
  • Edit permission

Step by step

Follow the current DemoFast workflow

  1. 01

    Choose the focal region

    Select the step and identify the smallest area the viewer must inspect.

  2. 02

    Add a Custom Area

    Choose Custom Area in the toolbar, move the rectangle over the region, and resize it from its handles.

    Illustrative DemoFast annotation tools with a click marker and highlighted area
    Illustrative interface
  3. 03

    Configure the treatment

    Select the area to adjust the available border, fill, and emphasis settings.

  4. 04

    Add a Zoom Area when scale is the problem

    Choose Zoom Area, position and resize it over the detail, then use the editor's zoom preview to test the result.

  5. 05

    Preview the transition

    Save and preview. Make sure the zoom supports comprehension and does not disorient the viewer.

Troubleshooting

If the workflow does not match

Another zoom area cannot be added

The current editor supports one zoom area per step. Resize or move the existing area.

The focal region is still hard to read

Use a tighter area or create a separate captured step at the needed scale.

Related product guide

Annotations

Choose the lightest annotation that makes the step clear.

Read the guideCreate a free demo ↗