High Quality Screen Shots - Adobe Tools

karthik,

You create the high-quality image first. That becomes your master. You can then resample and "Save for Web..." for Web use. Web art is usually unsuitable for use in print reproduction due to its low resolution. You are more likely to be able to use them if they are reduced to about 1/3-1/4 size before using them for print.

A couple of tricks that may work to "improve" the appearance of the screen image include:

1. Recreate the screen as high-res art (Photoshop, Illustrator, typography, page layout app)

2. Use a large monitor and enlarge the graphics on-screen before taking the screen shot

Neil

Thanks for the reply Neil Keller,

I have this URL with an attached photo
<http://s209.photobucket.com/albums/bb303/karthik_681/?action=view&current=webshot.jpg>

This is what i was asking for how to take a web shot of this 'KIND' high quality with such clearness.

Personally, I wouldn't rate that quality as high.

Any screen shot could achieve that sort of web-res quality.

Or has uploading it reduced the quality of your file?

karthik,

Understand that these are not high resolution and not high quality. They show haloing from oversharpening (or similar) and appear to have some compression artifacts.

These would not be suitable for high-quality printing, and I've seen better quality for Web.

Neil

Thanks for all your posts,
But here is what i got for, that was need to some article to an inside page story. and the picture quality is so poor.
<http://s209.photobucket.com/albums/bb303/karthik_681/?action=view&current=shot.jpg>

Here I want the website or to say the browser menus, buttons and address bar to be clearly visible when printed that is to say a reader should reconize that the picture or the layout design is of an web page as it was in the early picture

Thanks

karthik,

I'm not really following what you are saying.

But your second screenshot post is so small that it is useless if you intend it to be read. But overall, it looks like a Web page.

Neil

As Neil said in the previous post open the window to get the type of view you want - biggest window is best that gives a good layout, I say this as it will give you more pixels in your capture but if the page is designed to only work around 800 pixels wide it may leave a lot of empty space one or both sides of the content. A large screen set to a high resolution can also help.

Then hit Alt-Print Screen. Then go to Photoshop and open new document. Select canvas size to be the clipboard and set the Colour Mode to RGB and the Colour Profile to sRGB.

You should then be able to just Edit > Paste the image into the canvas. Maybe convert to your appropriate cmyk profile for press and save as a tif or other lossless format. I don't resample screen shots up or down.

This image will look pixelated due to the inherent nature of capturing something from screen but IMO this gives a feel of the fact it is a screen shot and is acceptable. Also means the image will be readable when shrunk down a bit at the layout stage.

I think this is the best you can get from a screen grab without recreating the screen as high-res art as Neil has already pointed out.

As you say this is for a newspaper registration of the plates is often a big issue and you may want to think of how the plates are made up - ie make sure rgb black only goes to the black plate etc. But that's a whole other field.

Hope that helps a bit.

I'm not positive I'm understanding correctly. Let's say you're writing a
review on a web site and need a screenshot of the page. On mac what I
used to do is, as Neil said, get the page as large as I could on screen.
I'd do this by making the browser window as small as I could in the
upper left corner, then I'd lower my display resolution making the web
page appear much larger at 72ppi (Mac) and take my shot. Open in PS,
apply a slight guassian blur like .3px radius, then resize the image
with resampling off (I use old PS 6) to the appropriate resolution like
maybe 270-200 for newsprint. Then convert to CMYK or grayscale, color
correct/cleanup and unsharp. You're never going to get a great image or
large image, but it should pass. Be careful with sharpening, maybe set a
threshold of 3/up. Heaven forbid the site is made wit poor quality jpegs
with artifacts showing already.

Now, if it's an all text site, I say mimic the browser window at hi-rez
and copy /paste the text and match the site as best you can. Use the
above of any small image you want to capture and use in the page. At my
old newspaper I had created a web browser graphic that I'd use for all
such occasions.

Gratefully, working vice versa to create a web image from a print image
is much easier

inez