In this mini-series of tutorials helping you learn how to create and use graphic images in your WordPress site, we’ve covered header art images, adding text overlays to images, and made a call-to-action graphic with a link wrapped around it, all common uses of images with WordPress sites. I’ve also introduced you to the free online web app Autodesk Pixlr, a powerful graphic editor.
In this part of the image lessons, the last in the series, I will teach you about creating a screen capture.
A screen capture is an image taken of your computer screen. Screen captures are used often for all types of web content, demonstrating software, web apps, mobile apps, tutorials, techniques, and more.
In the old days of computers, we experimented with cameras, adjusting the shutter speed of the camera pointed at the screen so the Moire pattern wouldn’t appear. It was difficult to get a sharp image.
With the need to capture an image of the screen for tutorial purposes as well as to provide a visual image to help support staff literally see what the user was seeing, the PRINT SCREEN (PRNT SCR) was added to most keyboards and incorporated into most operating systems.
Once you capture an image, then what? You must save it. How?
In Windows, you can paste the Print Screen captured image into any graphic program, including Microsoft Paint, or use the Microsoft Windows Snipping Tool.
On the Mac, you have the ability to use CMD+SHIFT+4 to initiate the screen capture, then drag the cross hair pointer over the area. Click when done to capture the screen. Then paste the image into a graphic program or work with the image saved as a PNG file to the desktop (since OS X v10.6).
There are many other tools to capture the screen for different operating systems. While these are helpful tools, and many use these and nothing else, I’m going to introduce you to a tool that makes the process easier and faster all around.