Website Screengrab into a Brochure

Discussion in 'Design and Graphics' started by 2Sticky, Nov 30, 2008.

  1. 2Sticky macrumors regular

    Joined:
    Mar 4, 2005
    Location:
    UK
    #1
    What can I do to take a screengrab of a website and put it into a brochure, though the image of the website is gong to have to be 300dpi?

    Thanks
     
  2. IgnatiusTheKing macrumors 68040

    IgnatiusTheKing

    Joined:
    Nov 17, 2007
    Location:
    das Fort
    #2
    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.
     
  3. ChicoWeb macrumors 65816

    ChicoWeb

    Joined:
    Aug 16, 2004
    Location:
    California
    #3
  4. sambapati87 macrumors member

    Joined:
    Jun 27, 2007
    #4
    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.
     
  5. motoxpress macrumors 6502

    Joined:
    Mar 8, 2006
    #5
    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
     
  6. decksnap macrumors 68040

    decksnap

    Joined:
    Apr 11, 2003
    #6
    Of course you can make it 300dpi- it's just going to shrink the print dimensions. You'll end up with something a couple of inches wide probably. Although depending on your usage, you could push it to like 250 and grab a little extra size.
     
  7. eyeon macrumors regular

    Joined:
    Apr 7, 2004
    Location:
    Montana, USA
    #7
    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.
     
  8. AlexisV macrumors 68000

    AlexisV

    Joined:
    Mar 12, 2007
    Location:
    Manchester, UK
    #8
    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%.
     
  9. decksnap macrumors 68040

    decksnap

    Joined:
    Apr 11, 2003
    #9
    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.
     
  10. 2Sticky thread starter macrumors regular

    Joined:
    Mar 4, 2005
    Location:
    UK
    #10
    Thanks for all your responses.

    The image should still be a reasonable size once converted to 300dpi so I should be fine. Shall just run a few through the printer to check the quality.
     

Share This Page