How to edit screenshots after recording

After recording your step-by-step articles or UI overview articles, you can edit the screenshots to protect sensitive information or highlight important elements. This guide shows you how to access the visual editor and apply modifications like blurring, hiding, or spotlighting specific parts of your screenshots.

Step 1Step 2Step 3Step 4Step 5Step 6Step 7Step 8Step 9Step 10Step 11

Accessing the visual editor

  1. Open a recorded article
    Navigate to any article that contains recorded steps, such as a step-by-step article or a UI overview article. These are the only article types that support screenshot editing.

Step 2

  1. Switch to Steps view
    Click on the "Steps" option in the top toolbar to open the visual editor. This will display all your recorded screenshots in a vertical strip on the left side of the screen.

Editing screenshots

  1. Navigate between steps
    You can jump from step to step using the thumbnail strip on the left side of the visual editor. Click on any thumbnail to view and edit that specific screenshot.

  2. Select elements to modify
    Hover your mouse over different elements in the screenshot. As you hover, you'll see various editing options appear in a floating toolbar: Hide, Blur, Spotlight, or Edit.

Step 6

  1. Apply modifications
    Choose the appropriate modification for your needs:

    • Hide: Completely removes the selected element from view
    • Blur: Obscures sensitive information while keeping the element visible
    • Spotlight: Highlights the element to draw attention
    • Edit: Allows you to modify the text content
  2. Save your changes
    After making modifications, click the "Save" button at the bottom of the screen. You'll see a dialog asking if you want to apply the changes to all steps.

  3. Apply changes across multiple steps
    When the "Save Changes" dialog appears, you can toggle "Apply to all steps" to automatically apply the same modification to similar elements in other screenshots. The system will indicate how many steps contain the same element.

  4. Confirm your changes
    Click "Save Changes" to finalize your edits. The system will process and apply your modifications to the selected steps.

After completing these steps, your screenshots will be updated with the applied modifications, protecting sensitive information while maintaining the clarity of your instructional content.