Update (March 3, 2011): The developers of ScreenSteps informed me that this functionality is already included in the software. Yay! Find out more here.
Often when I’m creating a tutorial using ScreenSteps, I need to show an action taking place, such as a dropdown list actually dropping down or what the user will see when their mouse hovers over something.
By default, when you are grabbing an image for a step, ScreenSteps captures the current screen state.
I compensate for this by using a screen capture software that automatically copies the saved image to the clipboard and then choose the option in ScreenSteps to pull the image from the clipboard.
If I was using ScreenSteps native image capture tool, my screen capture would look like this:
As you can see, I can't display the dropdown/hover behavior unless I use my other screen capture software.
You can also use the 'Import Image File' option to use an image that you have already saved.
Note: You can also use this technique if you need to provide documentation that includes screencaptures of ScreenSteps itself.
- I created this post with ScreenSteps and exported it as a draft. It’s a great documentation tool. Check it out.
Facebook: Rather Geeky Tips