Saving a webpage ScreenShot

  • Code_Sniper
  • Born
  • Born
  • No Avatar
  • Joined: Jul 12, 2006
  • Posts: 3
  • Loc: Kenya
  • Status: Offline

Post July 12th, 2006, 8:12 am

How I can I save a screen shot of a webpage in photoshop?

Anyone Help! :!:
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post July 12th, 2006, 8:12 am

  • SB
  • Moderator
  • Genius
  • User avatar
  • Joined: Nov 16, 2004
  • Posts: 8685
  • Loc: Aberdeen, Scotland
  • Status: Offline

Post July 12th, 2006, 8:34 am

On your keyboard do your screenshot by pressing "CTRL" and "Prt Scr" buttons at the same time. In Photoshop create a new document (File, New... and press "Ok") this should automatically have the image size set to the size of your screen shot if not be sure to change it to your screen resolution eg. 1024x768. Then go to "Edit" and click on "Paste". This should have pasted the whole of your computer screen to a file in Photoshop. Save the graphic as whatever.

If you want to print one thing in particular for example an error box that appears on the screen then when the error box is up press ALT and Prt Scr at the same time and do the same as above to save the graphic.
  • bleepnik
  • Professor
  • Professor
  • User avatar
  • Joined: Feb 14, 2004
  • Posts: 971
  • Loc: South Jersey, US
  • Status: Offline

Post July 12th, 2006, 9:33 am

On XP, Ctrl is not needed. PrtScn captures your whole desktop, Alt + PrtScn captures the current window. For a web page that scrolls, you will need to take multiple screenshots and paste them in Photoshop, editing the canvas size to accommodate the extra bits, unless.... you use Firefox. If you do, you can grab a brilliant extension called ScreenGrab. This thing is wicked. It captures the entire web page in one go so you don't have to copy and paste several screenshots.

- Gita
  • SB
  • Moderator
  • Genius
  • User avatar
  • Joined: Nov 16, 2004
  • Posts: 8685
  • Loc: Aberdeen, Scotland
  • Status: Offline

Post July 12th, 2006, 2:08 pm

:lol:

Oh well. I have XP and i still use CTRL. Quite embarassing.
  • Code_Sniper
  • Born
  • Born
  • No Avatar
  • Joined: Jul 12, 2006
  • Posts: 3
  • Loc: Kenya
  • Status: Offline

Post July 13th, 2006, 12:33 am

justG, I got screen grab.It really does capture very clear shots of a web page.But how can i use it to capture the whole page without havin to capture several parts of the page seperately?
  • Impel GD
  • Professor
  • Professor
  • No Avatar
  • Joined: Oct 26, 2004
  • Posts: 834
  • Loc: Cologne, Germany
  • Status: Offline

Post July 13th, 2006, 1:10 am

Code_Sniper wrote:
But how can i use it to capture the whole page without havin to capture several parts of the page seperately?

justG wrote:
For a web page that scrolls, you will need to take multiple screenshots and paste them in Photoshop, editing the canvas size to accommodate the extra bits, unless.... you use Firefox. If you do, you can grab a brilliant extension called ScreenGrab. This thing is wicked. It captures the entire web page in one go so you don't have to copy and paste several screenshots.

Have you tried the extension?

Also see http://snissa.com/
Web and print design
  • kilo_4que
  • Novice
  • Novice
  • No Avatar
  • Joined: Jul 11, 2006
  • Posts: 23
  • Status: Offline

Post July 13th, 2006, 8:15 am

Id normally just press the print screen button on the keyboard and do exactly what SB has advised

however if the browser window is not maximised and your wanting just the window itself then just do Alt+PrtScr

hope that helps
  • bleepnik
  • Professor
  • Professor
  • User avatar
  • Joined: Feb 14, 2004
  • Posts: 971
  • Loc: South Jersey, US
  • Status: Offline

Post July 15th, 2006, 4:37 am

Code_Sniper, right-click on the page and find the ScreenGrab context menu. You'll have three options: Save document as image, Save viewport as image, and Save window as image. The one you want is "Save document as image."

Hope that helps,
.g
  • brspurri
  • Born
  • Born
  • No Avatar
  • Joined: Feb 13, 2009
  • Posts: 1
  • Status: Offline

Post February 13th, 2009, 2:45 pm

Code_Sniper wrote:
How I can I save a screen shot of a webpage in photoshop?

Anyone Help! :!:


I see this post is old, but maybe someone else will find this useful.

i wrote a quick web api found at:
http://api.brettspurrier.net/web-screen ... urrier.net

which will return a screenshot of any webpage in user-specified formats and sizes.

Documentation can be found at:
http://api.brettspurrier.net/
  • jbladeus
  • Novice
  • Novice
  • No Avatar
  • Joined: Oct 16, 2006
  • Posts: 20
  • Status: Offline

Post March 12th, 2009, 5:42 am

As a poster has also mentioned, ScreenGrab! (http://screengrab.org/) is easily the best tool out there for this purpose.

Post Information

  • Total Posts in this topic: 10 posts
  • Users browsing this forum: No registered users and 41 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.