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
- 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. :)
- 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.
- Flatten the image. (Layer>Flatten Image)
- Hit Ctrl-A to select all.
- 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.
- 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.
- 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.
- 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.
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! :)
Reader Comments (7)
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?
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?
Have a blessed & safe trip!
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.
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