Tutorial
Shotomatic Team
5 min read

How to Turn Existing Screenshots into a Step-by-Step Guide on Mac

Import existing screenshots into an ordered guide on Mac, add clear page instructions and annotations, then export the result as PDF or images.

Shotomatic Documents editor with ordered screenshot pages and an arrow annotation

This guide covers how to turn screenshots you already have into an ordered set of instructions on Mac. You will select the useful images, import them into a Document, put the pages in task order, write the page text, add necessary visual cues, and check the exported result.

Disclosure: We make Shotomatic, the app used in this tutorial. The planning and editing method also applies to other tools that can keep screenshot pages in order.

1. Select the screenshots the guide needs

Start with one task and keep one screenshot for each action or result the reader must see. Remove duplicate states, loading screens, and images that do not change the instruction.

Before importing, check every screenshot for customer names, email addresses, account details, notifications, and unrelated windows. Recapture a clean screen when possible. Redaction should be the fallback, not the first privacy step.

Use numbered filenames only when they make the initial order easier to recognize:

01-open-settings.png
02-select-notifications.png
03-disable-weekly-email.png

These filenames are for organization. The page titles inside the guide should tell the reader what to do.

2. Create a Document from Images

Open Documents, choose New Document, and select Images. Pick the screenshot files on your Mac. Shotomatic adds each imported image as an editable page.

Shotomatic New Document menu with Images and other capture sources

If you captured the screenshots in an earlier Shotomatic session, choose Capture History instead. The new Document stays separate from that source session, so you can edit the guide without changing the original capture record.

An empty Document also keeps the three main starting points visible: images on your Mac, Capture History, or a new capture.

Empty Shotomatic Document with options to add images, use Capture History, or start a new capture

3. Put the pages in task order

The page order should match the order in which the reader completes the task. Drag pages into place, remove unnecessary screens, and duplicate a page only when the same screen needs two different instructions.

Read the page list from top to bottom without opening the images. If the sequence is not clear from the titles alone, the guide still needs work.

Shotomatic Documents editor with three ordered pages and page text controls

Keep one main action on each page. A page that asks the reader to open a menu, choose an option, and confirm a dialog should usually become three pages because each action changes the screen.

4. Write a direct title for every page

Each page title should state the action, not label the screen. Use a verb and the exact control name where possible.

Weak titleClear title
Settings screenOpen Settings
NotificationsSelect Notifications
Weekly emailsTurn off Weekly summary

Use the description for information the screenshot cannot show: a prerequisite, the expected result, or a warning. Do not restate what is already visible.

For example:

  • Title: Select Notifications
  • Description: This setting is available to workspace administrators.

This pattern keeps the visual documentation scannable while preserving the context needed to complete the task.

5. Add only the visual cues the reader needs

Add an annotation when the target is easy to miss, when several similar controls appear together, or when the reader must avoid a nearby option. An arrow or short text label is often enough.

Shotomatic Documents editor with a real arrow annotation pointing to the next action

Free includes Text, Rectangle, Ellipse, Line, Arrow, Framing, and Action Focus. Pro adds Blur, Click Marker, and Step Numbers. The separate screenshot annotation guide explains when each type helps and when it becomes visual noise.

Do not place an arrow on every page by habit. If the title and screenshot already make the target obvious, the annotation adds nothing.

6. Export and inspect the finished guide

Export the Document as PDF when the reader needs one ordered file. Choose PNG, JPG, or WebP when the pages will be inserted into a help center, wiki, or presentation. ZIP keeps the exported page files together.

Shotomatic Document export menu with PDF, PNG, JPG, WebP, and ZIP formats

Free and Pro can export PDF, PNG, JPG, WebP, and ZIP. After export, open the actual output and check:

  • the first and last page;
  • the complete page order;
  • every title and description;
  • small annotation text at normal viewing size;
  • any framing or Action Focus crop;
  • private details that may have been missed.

If the only goal is to combine images into one file, use the shorter guide to save screenshots as a PDF on Mac. Use a Document when the screenshots also need editable page order, instructions, and visual guidance.

Capture the next guide from clicks

Importing is the right path when the screenshots already exist. For a new software task where each click defines the next step, Action Capture can collect the sequence while you work and open it as a Document afterward.

The final editing rule is the same for both routes: one task per guide, one main action per page, and only enough text or annotation to make that action clear.

Frequently Asked Questions

Related posts

See more posts

Fix the affected pages without rebuilding the whole PDF

Use Shotomatic Documents to replace, reorder, and review permitted pages before exporting a corrected PDF on your Mac.

How to Turn Existing Screenshots into a Step-by-Step Guide on Mac | Blog | Shotomatic