Super User is a question and answer site for computer enthusiasts and power users. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I like to annotate a series of existing pictures like that one shown below. Each shows GUI elements and I want to add some circles, arrows and numbers to create a step by step guide.

Is there any software that eases the job by providing a toolset like pre-defined circles, arrows etc? Right now I draw the circles myself ...

Step by step guide example

Update: I don't want to create videos.

share|improve this question

closed as off-topic by DavidPostill, Mike Fitzpatrick, bwDraco, random Jan 19 '15 at 15:20

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "Questions seeking product, service, or learning material recommendations are off-topic because they become outdated quickly and attract opinion-based answers. Instead, describe your situation and the specific problem you're trying to solve. Share your research. Here are a few suggestions on how to properly ask this type of question." – DavidPostill, Mike Fitzpatrick, bwDraco, random
If this question can be reworded to fit the rules in the help center, please edit the question.

Related question:… – Gnoupi Mar 25 '10 at 14:04
a programm i just found: – Chris Apr 22 '10 at 11:39
StepShot - built specifically for this! It is like problem steps recorder, but easier to use. – LexRema Jan 30 at 17:04
up vote 12 down vote accepted

I would use a tool like Snag-It to do the screen capture, then it has add-in stamps you can use, including ones that already have a circle with a number on it. Very easy to use.

share|improve this answer
+1 For Snag-It thats what I would have suggested and the program I used when I was doing screenshots for users new to Office 2007 – Joe Taylor Mar 25 '10 at 13:19

The Windows 7 Problem Steps Recorder automatically takes screenshots at each important step, and saves the resulting images and annotations to a zipped MHT file.

share|improve this answer
I thought of that as well and it's a really great tool. However, it's probably more geared towards reproducing problems while recording really anything you do and documenting it with a screenshot. For guides or How-Tos that's maybe a bit too much and too technical. Still, I like that tool :-) – Joey Mar 25 '10 at 19:54
i figure it can easily work in a pinch. And it's free! – Ian Boyd Apr 3 '10 at 23:56

10-4 looks like Greenshot will do what you want. Never used it myself, but the description matches. Found via

share|improve this answer

IrfanView has all you need for this - a capture function and a plugin for drawing simple shapes like circles and numbers. And it is free for personal use.

share|improve this answer

We actually develop a product, ScreenSteps, that is specifically designed to create step-by-step guides. It lets you capture screen shots and automatically assembles them into documents where you can add text, annotations, etc. It also has a sequence tool that lets you just click to add numbered circles that automatically increment in number. Makes it really easy to reference GUI elements.

share|improve this answer

Snagit is a great tool (so I gave the above answer a +1), especially for collecting a series of screenshots which you can then go back and edit (you don't have to edit each one and save it, they are just stored by the Snagit editor until you are ready, you can set the default so it does not switch to the editor every time you take a screenshot so you don't interrupt your flow.

share|improve this answer

I use Screendocs on the Mac.

It creates a HTML webpage with my step by step screenshots.

As an added bonus, it saves to my Dropbox public folder and gives me the public URL I can share with my colleagues and friends instantly.

share|improve this answer

Not the answer you're looking for? Browse other questions tagged .