I am creating an online portfolio. I would like to have a page of sample urls. I have seen many time in other portfolios images of urls, where the entire browser window is visable. Photoshop might not be the right application. If it is can anyone tell me how to do it and if it is the wrong application let me know which one to use. Thanks Beckym
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Chriss Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Creating samlple web page images for portfolio
- Thread starter beckym
- Start date
There was a post recently about this. The easiest way is to open the page in the browser window, press "Alt+Print Screen", move to photoshop and create a new file, accept the default measurements (they will be the size of the image in memory) and press paste. The screen image should appear.
If you want to capture the hidden part of the screen this involves a little more work - you will have to do it in steps. First increase the canvas size so that it is longer than your final image will be (don't change the width, just the height, and anchor the image to the top centre), scrolling the browser so there is a little overlap, capturing the screen with "Alt+Print Screen", and then paste into the open file.
You will end up with another layer - move this to the back in the layers palette so it is behind the first image, and with the move tool selected and the shift key held down (this constrains the movement to 90 degree increments) move it up to roughly the right position. Fine tune it with the up and down arrow keys. Keep doing this for each section of the browser. When you are finished crop the extra space of the bottom of the screen and flatten the image.
good luck
gollyg
If you want to capture the hidden part of the screen this involves a little more work - you will have to do it in steps. First increase the canvas size so that it is longer than your final image will be (don't change the width, just the height, and anchor the image to the top centre), scrolling the browser so there is a little overlap, capturing the screen with "Alt+Print Screen", and then paste into the open file.
You will end up with another layer - move this to the back in the layers palette so it is behind the first image, and with the move tool selected and the shift key held down (this constrains the movement to 90 degree increments) move it up to roughly the right position. Fine tune it with the up and down arrow keys. Keep doing this for each section of the browser. When you are finished crop the extra space of the bottom of the screen and flatten the image.
good luck
gollyg
One other thing - when you save them image for the web you will probably resize it as well (make it smaller to fit your page). You'll get the best results by reducing to either 50% or 25% of the original size (less interpolation for photoshop). You can the use the sharpen filter to make the picture look a little cleaner. Experiment with different settings!
gollyg
gollyg
gollyg-
Thank you for the post; I had been wondering about this same thing for some time, and it worked great!
reeces <><
Digital Imaging**Graphics**Web Design
Thank you for the post; I had been wondering about this same thing for some time, and it worked great!
reeces <><
Digital Imaging**Graphics**Web Design
- Status
Similar threads
- Locked
- Question
- Locked
- Question