instructions styles
Min/Max screenshot
- Click on Snippets
- Insert 'Zoomable Image'
- Click on the image (NOT the magnifying glass)
- Go to Images window
- Replace 'Placeholder' image with your chosen image by clicking your chosen image
- Add a description
- Delete the Height/Width options
- IF you want the image set maximised then 1) Click on the image 2) Click on the 'div' section of the pathway at the bottom of edit window 3) Select Style=Maximised from 'styles' menu
Instructions table style
- Go to Snippets
- Select Cross-referenced image text
- It will add an empty Instructions table
| 1 | Do a thing |
Something will happen. Hooray! |
| 2 | Do another thing. |
Something else will happen. |
| 3 | Instruction | Comment |
| 4 | Instruction | Comment |
| 5 | Instruction | Comment |
| 6 | Instruction | Comment |
| 7 | Instruction | Comment |
| 8 | Instruction | Comment |
| 9 | Instruction | Comment |
| 10 | Instruction | Comment |
| 11 | Instruction | Comment |
Parameter table
- Go to Snippets
- Select parameter table
| Name | Use | Example | Rules |
|---|---|---|---|
| Content | Content | Content | Content |
| Content | Content | Content | Content |
| Content | Content | Content | Content |
| Content | Content | Content | Content |
| Content | Content | Content | Content |
| Content | Content | Content | Content |
| Content | Content | Content | Content |
| Content | Content | Content | Content |
| Content | Content | Content | Content |
| Content | Content | Content | Content |
| Content | Content | Content | Content |
Monospace style for parameters in text
- Type in the text you want
- Highlight the area you want in monospace
- Select 'monospace' from Styles drop-down
if (time.equals(‘hammer’)) { this.touchable = false; }
Key press style
- Type the text you want
- Highlight the text
- Select 'key' from the Styles menu. This won't do anything visible. Until you...
- Highlight the area you want rendered in 'key press' style
- Select 'Bold' from the WYSIWYG menu
- It will render that text with a little box round it, eg:
Press star to continue
Conventions for annotated screen shot
- Highlighted area (yellow) = draw attention to key parts of the image
- 'Flash' shape with cursor = Click here
- Red callout with number = cross-reference with x-ref image table
- Dotted outline (not shown above) = lassoo to draw attention to an area (interchangeable with yellow highlight, use either depending on what looks best on the screen shot)
Snagit document containing standard styles
Prod11/Mkt11/Proj/DN2/Snagitshapes_v1.snagproj
NB: .snagproj files only work on Mac! But it's quite easy to recreate the styles in your own copy of Snagit (approx 5min)