Screenshot Overlay - Overview


Screenshot Overlays are a great tool to edit screenshots and add content to your topics.


Steps:

  1. In this example we'll use the Edit menu to create our Screenshot Overlay, but it is also available here on the Developer toolbar.

    Step 1
  2. Click the Edit menu.

    Step 2
  3. Point to the Screenshot Editing menu.

    Step 3
  4. Click the Create Overlay... button.

    Step 4
  5. The TopicOverlayEditor is a useful tool to for efficiently updating multiple frames. It can be installed without administrator or other special privileges.

     

    Click the Install button.

    Step 5
  6. Click the Close button.

    Step 6
  7. The topic is converted into PowerPoint.

    Step 7

  8. PowerPoint opens and we are presented with the Guidelines for the Overlay Editor.

     

    These Guidelines indicate what you can expect from the Overlay Editor. Pay close attention to what you can do and what you cannot do while editing a Screenshot Overlay.

    Step 8

  9. Let's get started. First, we'll find a frame that we want to edit.

    Step 9

  10. Click the Page down button.

    Step 10
  11. Choose a frame.

    Step 11
  12. Click the Zoom In button.

    Step 12
  13. This table contains information that we do not want to display to the end user for any number of reasons: the data may be a sensitive (social security number), misleading (wrong data set), or otherwise distracting.

     

    In this example, we'll simply mask it to make the field appear blank.

    Step 13

  14. Click the Rectangle list item.

    Step 14
  15. Draw an appropriately sized rectangle in the desired field.

     

    Step 15
  16. The default color doesn't match the color of the application field, so we'll change it to white.

     

    Click the Shape Fill button.

    Step 16
  17. Click the White list item.

    Step 17
  18. And we'll do the same with the outline.

     

    Click the Shape Outline button.

    Step 18
  19. Click the White list item.

    Step 19
  20. The data has been effectively masked with a few quick and easy steps. However, this data appears on the rest of the frames in the topic. Next, we'll look at how we can reuse this shape to mask the data on the rest of the frames in just a few more steps.

    Step 20

  21. The Overlay Editor tab was installed when we created our Screenshot Overlay.

     

    Click the Overlay Editor tab.

    Step 21
  22. The Overlay Editor tab has several powerful, time-saving features.

     

    Copy to Previous (Frame), Copy to Next (Frame), and Copy to All Frames will copy the selected elements to the previous, next or all of the frames in the topic respectively. Draw once and reuse the element on multiple frames, reducing the overhead of traditional screenshot editing.

     

    Delete from All Frames will delete the selected element from all frames in the topic, making it easy to update your overlay.

    Step 22

  23. Copy Screenshot copies the screenshot as an editable picture element. The screenshot can then be cropped and placed to mask data.

     

    Alternatively, this will be an extremely useful tool for mocking up screenshots of in-production or unfinished applications.

    Step 23

  24. Show/Hide Bubble offers a quick way to hide the bubble to view the entire screenshot for editing and show it again to review the edits as the user will see them.

    Step 24

  25. You'll notice that the bubble will be hidden from all slides, including the slide navigation pane, when the Hide Bubble feature is engaged.

    Step 25

  26. As the Guidelines on the first slide describe, the notes pane can be used to add Author Notes to the frames within the Topic Editor.

    Step 26

  27. After the Overlay is complete, simply close PowerPoint.

     

    Click the Close button.

    Step 27
  28. If you do not save your changes, the Overlay you created will be lost.

     

    Click the Save button.

    Step 28
  29. The PowerPoint document is then converted to a Screenshot Overlay.

    Step 29

The Screenshot Overlay is a very versatile tool allowing Screenshot Overlays to be edited independently of the screenshots themselves. This non-destructive method of modifying the topic's screenshots offers many advantages and efficiencies to traditional screenshot editing.

Table of Contents  Start Topic