« Photoshop Friday {Issue #5}! | Main | Corrections, Additions, Addenda.. »

Photoshop Friday {Issue #4}

Welcome to Photoshop Friday!

This week I’ve been working on assignments, so my PS Friday stuff has had to get pushed back. And we’re leaving tomorrow to attend my sister’s wedding in Utah, so I’m running right down to the wire here. :)

But I have noticed that a lot of digital scrappers have questions about the best way to resize their layouts for web display. So I would like to share with you my method for preparing your layout to post online.

To Prepare a Layout to Post Online

  1. Make sure you have saved your final .psd. You’ll have to go through all these steps again every time you save for the web. Oh, and make SURE you have this original saved in a safe place. :)
  2. Change the image size from 300 to 72 dpi (Image>Image Size). Be sure to uncheck the resample image box. Your layout dimensions will change to something like 50 x 50 inches, but we’ll take care of that in a second.
  3. Flatten the image. (Layer>Flatten Image)
  4. Hit Ctrl-A to select all.
  5. Go to Edit > Transform > Scale. Choose 25% for height and width. Always use the scale rather than just changing the image size using Image Size. The algorithm Adobe uses for scaling is just a lot better. A lot clearer. A lot more accurate.
  6. Run an unsharp mask to sharpen. I usually use 85%, radius 1, threshold 4 (this is the “All-purpose sharpening” recommended by Scott Kelby). You can run this twice if you need a little extra sharpening boost.
  7. Save for Web. (File > Save for Web) There is a slider that allows you to determine the compression level, and thus affect your file size. I can usually get a 12x12 layout in the 150-250K range at about 60% quality. If you have a file size requirement that is smaller than this, go back and scale your layout down a bit and try it again.
  8. Hit OK. Now back at your layout, go back in the History palette and click on the step just BEFORE the Image Size step to keep working. Or if you’re all done with this layout, close it without saving (assuming you remembered to save right before the web-prep steps). DO NOT save your flattened layout, or you will be very sad later on. Trust me on that one.
And there it is. A lot of steps, but your layouts that look awesome at full resolution can now be shared online and look just as awesome. :)

If I can grab some more time tonight I’ll post a little freebie. If not, then you’ll know we are off to Utah! :)

Posted on Friday, May 5, 2006 at 06:02PM by Registered CommenterJessica in | Comments7 Comments

Reader Comments (7)

um, you are maybe a geius-
cuz I knew next to NONE of this...
how have I been posting all this time???
what??
SO excited to have a LO to resize!
is that dorky?
May 5, 2006 | Unregistered CommenterNisa
I was hoping you would do what you said you would last friday.. this:

p.s. Want to know how I made the photos look kind of cool and old and dreamy and handtinted? Stay-tuned! There's going to be a mid-week Photoshop tip. ;)

Hope you can show us this soon!


For today's stuff.. wow.. I never do any of that! I save as layers for a 'just in case' then I flatten, reduce to the size I want, and save as high quality as possible for where I'm posting it.. do you think I should switch?
You are so cool, Jess. I definitely will try that tip 'cause your layouts look dy-n-mite on the web! Thanks for sharing. And oh, where's the blinkie for PS Friday's - huh, huh? We need 'em!

Have a blessed & safe trip!
May 8, 2006 | Unregistered Commentertiffany
I'd love to be able to use this tip, but when I follow the steps in PSCS2 I end up with my small LO in the middle of a big blank page. When I go to save it wants to save the blank space around the LO too. What am I doing wrong?? Thanks!
May 22, 2006 | Unregistered CommenterHeather
Thanks for the tips! I turned the steps into an action so I can do it all in one step.
Note to Heather: this happened to me, too. I think the tutorial should include one more step: after you do edit-transform 25 percent, do image-crop to crop it to the small size.
June 3, 2006 | Unregistered CommenterHolly
I had saved this tutorial when you posted it and finally got a chance to try it today. AWESOME!!! I so needed this. Thanks!
February 9, 2008 | Unregistered CommenterAmy Hoogstad
Hello All!
i use the viagra pills at last time (about three monthes) but yesterday i saw
an article about cialis. and now i am going to get cilais at http://www.edtabsonline.com/ and test this tablet.
Someone took this tab before? Whats the effect?
Thanx
March 16, 2008 | Unregistered CommenterAlexpolors

PostPost a New Comment

Enter your information below to add a new comment.

My response is on my own website »
Author Email (optional):
Author URL (optional):
Post:
 
All HTML will be escaped. Hyperlinks will be created for URLs automatically.