Annotating Graphics & Screenshots
We have some simple guidelines to use when annotating your tutorial graphics. You shouldn't use annotation for words or explanation — this should be kept in the tutorial text. But occasionally it can be helpful to draw attention to certain elements within a screenshot or graphic, with arrows, circles, or numbers.
If you're fairly proficient in Adobe Photoshop or Illustrator, we have a downloadable set of brushes and layer styles that you can use. We've also prepared two tutorials that explain how to use them.
Thanks to Andrei Marius for creating these annotation styles and tutorials!
- Download the PSD File (CC)
- Download the PSD File (CS5)
- Download the PS Action file
- View the Tutorial
An alternative, if you're not comfortable in Photoshop or Illustrator, is to use Skitch. You can follow our simple guide to get started.