Reducing screen shots

RB
Posted By
Russell_Bastock
Jun 23, 2004
Views
336
Replies
3
Status
Closed
I often create instruction manuals on how to use software and use lots of screen dumps of menus and dialog windows. Reducing the images and still making the text legible is difficult as I either get ghosting around the text or if I reduce the ghosting I get blocking of text (its either blocky or fuzzy). This is using unsharp mask. Is there any way of getting a better reduction of this type of thing? How do they get such crisp images in the product reference manuals?

Must-have mockup pack for every graphic designer 🔥🔥🔥

Easy-to-use drag-n-drop Photoshop scene creator with more than 2800 items.

GP
Graham_Phillips
Jun 23, 2004
You need to keep all the pixel data intact in the document, and scale only at the output (print) stage.

So, don’t scale the image in Photoshop. Don’t apply image adjustments or filters unless you are deliberately trying to alter the appearance of a screen shot. By all means use Photoshop to crop the image, or erase or paint over parts you wish to change, and save in a more suitable lossless format, e.g. TIFF with LZW compression. But never scale it in an image editor because by doing so you are removing vital data (scaling down) or introducing redundant data (scaling up).

Instead, import the screen shot, edited or otherwise, directly into your document processor and use whatever functions are available to your document processor to scale the image. In Word for Windows, for example (ugh, the very thought of it makes me nauseous) I would drag in the screen shot (which I would paste into Photoshop, perhaps edit, flatten, save as TIFF) and scale it to 50% or 25%. This works because scaling in Word means changing the resolution at which it prints, it does not change the image data, even though it looks like rubbish on screen.
P
progress
Jun 23, 2004
set interpolation to nearest neighbour is the best way of keeping the integrity of screenshots when resizing them…but there’s a catch, when reducing you can only do it by 1/2 other wise the pixels dont quite line up and text can look a little odd.
P
progress
Jun 23, 2004
nearest nieghbour will allow you to keep the image intact when englarging…but always enlarge by a round number, an integer…if you end up with an image too large then just adjust the DPI up (while keeping the file size the same, ie dont resample)…thats how its done in manuals.

dont rely on a rip to keep your images at a low res as previously suggested, some workflows can up res images at print stage…you dont want that, they may look like what your trying to avoid.

MacBook Pro 16” Mockups 🔥

– in 4 materials (clay versions included)

– 12 scenes

– 48 MacBook Pro 16″ mockups

– 6000 x 4500 px

Related Discussion Topics

Nice and short text about related topics in discussion sections