We help IT Professionals succeed at work.

Photoshop - Should I Just Crop

Hi, i have been designing websites in photoshop for a few years now and there was always one thing that i was a little paranoid about.


Let's say my design (canvas) is 1000px high and a client asks me to make the header or footer smaller which means that only 900px of the canvas is now being used. Should i just crop 900px of the canvas where the design is being used, so that the 100px of the canvas that is no longer being used is removed OR is their a better or more professional approach for removing the top or bottom of a canvas that is not needed as part of the design anymore, thanks in advance
Comment
Watch Question

If you want to preserve the proportion of you image, I may suggest to just resize the image by using the Image -> Image Size -> change the pixel approach.

Ed

Author

Commented:
But say my design is 1200px wide by 1000px high and then it changes to 1200px wide to 900px high... surely i can just set my ##### tool to Marquee tool to 1200 x 900 and select the area i want and then crop it... is this not the best way to do this

Author

Commented:
But say my design is 1200px wide by 1000px high and then it changes to 1200px wide to 900px high... surely i can just set my ##### tool to Marquee tool to 1200 x 900 and select the area i want and then crop it... is this not the best way to do this
You should actually use Fireworks for doing this type of work.  It will allow you to work with vector graphics so resizing and reshaping is easy.

For your current situation, the height of a design should never be static unless it's a Flash site.  A design should flow with its content.

In your case it will depend on the site design, you can't just change the image size as previously mentioned, because it won't look right in many many other respects if you do that.  If your header and footer are such that they can be cropped, then do it, but you will likely have to redesign the page to accommodate the new requested dimensions.  And know that for 1024 x 768 your max design width should be 960 px to accommodate for scroll bars and chrome.
Thank you for the clarification. You did not mention in your question that the width of the image must stay. Just ignore my first post.

With this, cropping would  be a good approach.

Ed

Author

Commented:
@ Dannielle - thanks for your reply.... my canvas is 1200px wide but the actual design (content) itself is only 930px... i never go beyond this width... the reason i have the canvas 1200px, is because i like to design the main bg image of the site even if it is only a solid color... also, as for the height of the design, remember, this is only a design and obviously i will code the site to expand as per the content :)

@ mindsuperb - thanks, i am worried that cropping the new required area will affect the design in some way... that was what i was paranoid about... what is your view on this

thanks to both of you for your help
I would suggest using Fireworks for web design, if you own it. I use FW for web and PS for photography all the time.  They both do web and photography but each has its strengths.

In web design there is nothing wrong with blank space.  Scaling smaller (not cropping) will not distort your design if the width and height stay in the same proportions.

You can also work with a smaller design and fill in background colors in Dreamweaver.
With CSS you can even have different colors along the top and sides.

Explore More ContentExplore courses, solutions, and other research materials related to this topic.