Got a tip for us?
Let us know
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.
Website Screengrab into a Brochure
- Thread starter 2Sticky
- Start date
- Sort by reaction score
Can you fake it in Photoshop? If not, try making it as large as possible on the screen, then you can shrink the size (in inches) while increasing the DPI from 72 to 300 and it might not be tiny.
Well, nothing will be 300 dpi unless you re-create it. I've used Paparazzi in the past and it's done what I need it too.
http://www.macosxhints.com/article.php?story=20060712064929281
http://www.macosxhints.com/article.php?story=20060712064929281
You won't be able to make it 300dpi, because the screenshot is only going to be made of the pixels on your screen. It's impossible, and you'll basically have to live with it. Increasing the size/resolution in Photoshop will fake it, but its still essentially a 72dpi image.
For the screenshot itself, hit Command(Apple) + Shift + 4, then hit the spacebar, then click on your browser window.
For the screenshot itself, hit Command(Apple) + Shift + 4, then hit the spacebar, then click on your browser window.
The key here is how big will it be in the brochure? If it is larger than a 2x2" area then I would rebuild it at a higher rez.
-mx
-mx
I've done this numerous times in my print designs. Many clients want a screen grab of their website to showcase on a brochure or some sort of collateral and want me to make it happen and look good. The method I use is not ideal, but seems to work satisfactorily...
Take a screen grab of the website and bring it into Photoshop.
Create a separate new document that's the final print size of your brochure and, eh, I don't know, 150ppi or so.
Drag your screen grab into that document window and observe its size. Is it the size that you would like it in your final composition? A little too small? Create another new document with the same final print dimensions and change the ppi to 100. Then drag the original screen grab over into that window. See how the grab is now physically a bit bigger on the page, yet it didn't get any fuzzier? That's because the document's resolution has changed, but the original screen grab has not been resized... You just dragged the original image (which was probably grabbed at 72ppi) into a document window which was a different resolution, so it appears to be a different size but the pixels that make up the image have not been altered.
This will give you the sharpest possible results from a screen grab off of the web. If you were to resize your original screen grab to 300ppi, it would look horrible, as you would be increasing the resolution more than 3 times with no pixel information to compensate for that increase. Best to work within the limitations of the original image...
Play with resolutions on the destination document and drag your original screen grab into it until you find a physical size that suits your needs... then, if creating a brochure, I'd recommend converting the image to CMYK and importing it into InDesign or Illustrator and finishing up your type work there.
Hope this helps.
Take a screen grab of the website and bring it into Photoshop.
Create a separate new document that's the final print size of your brochure and, eh, I don't know, 150ppi or so.
Drag your screen grab into that document window and observe its size. Is it the size that you would like it in your final composition? A little too small? Create another new document with the same final print dimensions and change the ppi to 100. Then drag the original screen grab over into that window. See how the grab is now physically a bit bigger on the page, yet it didn't get any fuzzier? That's because the document's resolution has changed, but the original screen grab has not been resized... You just dragged the original image (which was probably grabbed at 72ppi) into a document window which was a different resolution, so it appears to be a different size but the pixels that make up the image have not been altered.
This will give you the sharpest possible results from a screen grab off of the web. If you were to resize your original screen grab to 300ppi, it would look horrible, as you would be increasing the resolution more than 3 times with no pixel information to compensate for that increase. Best to work within the limitations of the original image...
Play with resolutions on the destination document and drag your original screen grab into it until you find a physical size that suits your needs... then, if creating a brochure, I'd recommend converting the image to CMYK and importing it into InDesign or Illustrator and finishing up your type work there.
Hope this helps.
That's just increasing the resolution but not enlarging though! You can always take pixels away, but never add them and maintain quality.
A 1680 x 1050 pixel screenshot at 72dpi will be 14.2 x 8.9cm at 300dpi, which should be plenty.
In Photoshop, change 72dpi to 300 and change pixel dimensions to 100%.
A 1680 x 1050 pixel screenshot at 72dpi will be 14.2 x 8.9cm at 300dpi, which should be plenty.
In Photoshop, change 72dpi to 300 and change pixel dimensions to 100%.
But you don't need a separate document to do this. Just change 72 to 300 and keep the pixel dimensions the same. It will just shrink the physical dimensions.