Screenshots in Windows®

SCREENSHOTS IN WINDOWS®
• HOW-TO GUIDE

This document will include steps for taking the best possible screenshot (or capture) of your saved eSigns.com design using some basic features included with all versions of Microsoft Windows.  Certain small steps may differ, depending upon which version of Windows you may have, but the essentials for any given step will be the same.

Key Symbols:

The "A" Key The letter "A" key.

The "ALT" key. The "ALT" key.

The "CONTROL" key. The "CONTROL" key.

The letter "F" key.The letter "F" key.

The FUNCTION key.The FUNCTION key, used to toggle different key functions (an example would be my using this with the F3 key to turn my laptop's wireless on and off).

The "PRINT SCREEN" key. The PRINT SCREEN key.  This will often share a key with the SYSRQ command (system request).  By default, it performs as the Print Screen command.

The SHIFT Key.The SHIFT Key.

The letter "V" key. The letter "V" key.

The letter "X" key. The letter "X" key.

In this guide, I’ll be using Microsoft Internet Explorer 11 and Microsoft Paint 6.1 on a computer running Windows 7 SP 1 — if you’ll be using a different web browser or graphics program, that’s fine, the steps that follow can still be used, though as above, the details may differ.

There are three [3] basic steps to this process:

  1. Screenshot — getting the initial screenshot (of capture) image.  The final image will be modified to remove everything except the online design image.

  2. Final Image — removing the parts of the screenshot we do not want, and then saving the image for further use (such as circulation to a committee for approval).

If you have an account at eSigns.com, please log into your account.  When logged in, click the My Account link located to the right of where the email address you’re using is displayed at the top of the page.  On your My Account page, click on My Designs to open the list of designs you have saved in your account.  Find the design that you’d like to make a screenshot of and open the design in the online tool by clicking on the thumbnail image of it or on the blue Online Design button.

If you have been using eSigns.com as a guest, it will work best if you are using the same computer used when the design was originally created and saved.  Look for and click on the link named My Saved Designs at the top of the page.  There should be a number other than zero displayed as part of this link if you have already saved one or more designs.  Find the design that you’d like to make a screenshot of and open the design in the online tool by clicking on the thumbnail image of it or on the blue Online Design button.

Though it is not necessary to do so, it may help to print this guide for future reference and to aid in reducing the number of open program windows that you might have to bring to the front of your screen.

Throughout this article I'll be using keyboard shortcuts.  If you're not familiar with them, a keyboard shortcut is a way to do something in Windows using one or more of the keys on your computer keyboard in combination (quite commonly, two keys).  For these the article uses symbols that represent the keys involved.  The symbols will appear in the order the keys are to be pressed.  As an example, the Paste command uses the Control and V keys.  To use this shortcut, press and hold a Control key (), then press the V key (), and release both of them together.  This keyboard shortcut is commonly noted as: 

You should now have the basic idea of what the following will cover, and have the preliminaries taken care of so, at your convenience, please continue reading and begin the first step.

Step 1 – Screenshot:

In this step we will load a copy of the entire web browser window onto the Clipboard.

To make the initial screenshot (sometimes referred to as a screen capture), open the online design you'd like to make a screenshot of, and scroll down as needed so that the entire design is visible in the browser window.  Once the design is in position, use the 'Copy Active Window to Clipboard' keyboard short cut The "ALT" key.The "PRINT SCREEN" key. to place an image of the browser window onto your computer's clipboard.  (The clipboard uses the computer's physical memory (RAM) to store things like text, images, and so on.  There will not be a visible effect for this.) 

If the Print Screen key on your keyboard has more text on it that that, please note whether or not Print Screen is the first or second line.  If Print Screen is first, then the rest of these instructions may be followed as they are.  If Print Screen is second, then you will have to use a combination of keys, such as  + The "PRINT SCREEN" key.. That is, Function and Print Screen together.

I've done this, getting the image immediately below as a result:

View of the Online Design Tool page.
This completes Step 1, now you should be ready to move on to Step 2 and make the finished screenshot.

Step 2 – Final Image:

In this last step we will paste the screenshot into Microsoft Paint and remove the parts of the image that we do not want before saving the result.
 
As noted previously, when making the screenshot nothing visible will take place, but a copy of everything displayed on the screen at the time is copied in your computer’s memory (as above, this is referred to as the Clipboard).
 
To launch Paint, Windows 7 and Vista users should be able to click on the Start button and then type the word Paint into the Search Programs and Files box.  For other versions of Windows, go to the Start button, then go to Programs, then Accessories, and then Paint.  (Start > Programs > Accessories > Paint)
 
Your Paint program window may appear different, but once you have it open, look for the Paste button, which will look like a physical clipboard.  Click on the Paste button to put the image made in Step 1 into Paint for editing.  (The keyboard shortcut + may also be used to do this.)
Paint's view after pasting the clipboard contents.

After using the paste command, you should see that what was shown in the web browser is now visible in Paint as an image.  Continuing below, we will select just the design and then remove the rest of the image.

And finally, the result will be saved to your computer for limited use.  A copy for your records, circulation for order approval, and so on.  Please do not use the result for printing other sign types, as that will violate the eSigns.com license agreement and terms of use:

eSigns.com Terms of Use

You may find it helps to zoom out a step of two so that the entire screenshot is visible in your Paint window.

Next, select the sign image using the Select tool (In Paint 6.1, click the Home tab, and then click the Select button.  Move the mouse over to one corner of the sign, then click & drag the cursor to the opposite corner of the design to select it all.  With the design selected, click Crop to remove everything outside of the design ( + The SHIFT Key. + is the Paint keyboard shortcut for the Crop command.).

Paint's view after cropping.

Paint's "Save As" Menu.And finally, it is time to save the resulting image.  When saving the JPG and PNG formats should give you the best results with the smallest file sizes.  

There are various ways to use the Save and Save As commands, one of the easiest is to use the keyboard combination The "ALT" key. + , and then press The "A" Key — this is the 'Save As' command.

I’ve selected the JPG format to get the image shown below. 

And that is all, you should now have a saved image that be shown to others without having to be logged into your eSigns.com account (or giving your log in information to others, which is not recommended.)

Thank you and I hope that you've found reading this brief guide to have been helpful.

You’re welcome to contact us with any further questions by email ( cs@esigns.com ) or by telephone ( 1-800-494-5850 ), thank you.

Finished Screenshot JPG.

Add Feedback