By popular demand, I’m re-posting the Rule of Thirds tutorial.
I took it down when I revamped my site, largely because the tutorial is old and requires Shockwave. A few school teachers have let me know they used it in their classes, so I’m happy to repost it.
Background:Rule of Thirds is quick and fun tutorial explaining the concept of the rule of thirds as used in visual design. I created this tutorial for a graduate-level Macromedia Director course at San Francisco State University in 2004. Because it was created in Macromedia Director, you’ll need the Shockwave plug-in to view the file (sorry about that… I know it’s a hassle).
I’ve noticed many people use programs like TechSmith SnagIt to get screenshots. While SnagIt is a fine program, I think in many cases it’s overkill. Here’s a really simple way to get screenshots without needing any special software.
Grab screenshot using Print Screen.
Paste screenshot into Paint.
Save in your preferred format (TIF, BMP, GIF, JPG, PNG, etc.).
Note: Apple Macintoshes come with the utility “Grab”, which is pretty nice and easy to use.
In the old days, pressing the keyboard key “Print Screen” literally meant “make a printout of screen.” Nowadays, it means “take a snapshot of the screen and place the snapshot on the clipboard.” Once it’s on the clipboard, you can paste it into any program that accepts images, such as Microsoft Word, an email program like Outlook, image editors like Photoshop, and even specialized production software such as Flash or Illustrator.
The biggest headache people usually face is editing the screenshot once they’ve pasted it into their program of choice; many times you only want a portion of the screen, not the contents of the entire monitor. Tip: Holding “Alt” on your keyboard while pressing “Print Screen” will only capture the active window. See the illustration below. This can save you a ton of time if you’re taking a lot of screenshots.
Use the ALT key to limit the screenshot to the active window instead of the entire monitor.
Pasting into Microsoft Office Documents — Beware!
Microsoft Office’s default document resolution is 96 pixels per inch (ppi). However, all major operating systems (Windows 200/XP/Vista, Mac OS X, Linux) and all major web browsers (Internet Explorer, Firefox, Safari, and Opera) use a default of 72ppi. When pasting a 72ppi screenshot into a 96ppi Microsoft Office document, MS Office automatically scales/stretches your image to match the document’s resolution, often rendering the image blurry or distorted.
Screenshot pasted directly into Word. Notice how blurry it is.
What does this mean for you? It means you should never paste your image into Word or PowerPoint unless that’s the image’s final destination.
If you need to send someone a screenshot for them to use in whatever program they use (InDesign, Illustrator, Dreamweaver, Photoshop, Fireworks, etc.), you should send it as an image file, such as a TIFF, JPG or PNG. DO NOT paste the image into Word or any other MS Office application.
How Do I Make the Screenshot Look Crisp in Word?
If you intend to use your screenshot in Word, you should prep the screenshot by changing its resolution to 96ppi without resampling the image, then import the image into Word (don’t use ‘paste’).
Changing the image’s resolution will require an image editing application such as Photoshop or Fireworks. Trust me, it’s easier than it sounds. Here are the steps:
Paste the screenshot into the image editor (in this example, Photoshop)
Go to the image’s properties and change the resolution from 72 to 96. (In Photoshop, go to Image > Image Size, and be sure to UNcheck “Resample image”)
Save the image in a Word-friendly format. I find BMPs work the best.
Go to Word, and select Insert > Picture > From File
Choose the image you just created and click OK.
Your result will look something like this:
Two screenshots: one edited to be 96ppi then ‘inserted’ into Word (left), and one pasted directly into Word (right).