Hot Tips Logo

General

Screenshots or Screen Captures

How to create a screenshot. Step by step instructions are given for Photoshop, but you could also use this tutorial with Corel PhotoPaint or Paint Shop Pro or even MS Paint.

1. Open the web page in the web browser. On Windows, press the Print Screen or Prnt Scrn key on your keyboard, found at the upper right of the keyboard, usually just after the F12 key. This key will capture the entire screen. Whatever your resolution is set to, that will be the size of the screen capture.

To capture only the active window (no borders), press Alt + Print Screen.

On the Mac, press Command + Shift + 3.

2. Next, open up your paint program - Photoshop, Paint Shop Pro, Corel PhotoPaint, or even Paint, usually installed on Windows in the Start/Programs/Accessories/Paint.

3. In the paint program, select File/New, then Edit/Paste. Your screen capture is now ready to be cropped or scaled.

Troubleshooting Screen Captures

The trouble with screen captures comes when you need to scale them for print or the web. Because your screen resolution is so small, any resizing usually obliterates the type within the screen capture. To minimize the changes to your screen capture, try these tips:

  • If you scale (resize) the screen capture, make sure that you resize proportionately or constrain proportions (whichever your paint program uses.) Problems occur when you rescale more in one direction than another.

  • If you need to print the screen capture, try changing the dots per inch size rather than resizing the image. For instance, if your screen capture is 640x480 at 72 dpi, and you need it to fit on a letter sized page, change the dpi to 100 or 150 instead of reducing the pixel size.

  • Resizing a screenshot to display on a web page? Since you'll need to reduce the actual pixel size it's just going to get fuzzy.

  • How do they get such nice looking text on screen captures in magazine ads? Simple, they fake it. In your paint program, erase the text, but leave the rest of the web page layout. Open the screen capture in a drawing program like Adobe Illustrator, or Corel Draw, or Quark, or Pagemaker, etc. Then recreate the text in your drawing or page layout program.

Some Useful Utilities

The little print screen trick above works fine for a few screen caps, but to create a lot of screen captures you'll want to use a handy utility like those listed below. You may already have a screen capture utility available to you: Corel Draw includes a utility called Capture which captures both still screens and onscreen animation, and PaintShop Pro also includes the ability to do screen captures.

One last point - you will definitely need a screen capture utility to take screen captures inside Photoshop.

Back to Index
Portfolio
Banners
Flash
Source Code and images proprietary©1999-2009 Bobbye, All Rights Reserved.
For questions or further information, contact ImWebLover@aol.com
This site is optimized in 800 x 600 resolution
.