I designed my site in photoshop at a width of 760X548 in size as I designed it for 800X600 res. But now I am kicking 800X600 to the curb and want to strictly design for 1024X768+ res.

So I want to take my existing PSD design in photoshop and increase the width from 760 pixels to 960 pixels as this will give me much needed room in my design header/footer and I much prefer it. My designer in the past easily did this for me but I have no idea how he did it!

Can anybody tell me how it's done? I am dying to learn this but I am stuck and don't know how to do it? I think it only takes a few minutes? But I don't know how...

:confused:

Thanks.

Well its difficult to answer this off the cuff, as there may be many ways to accomplish the required result. If you are using solid color or gradient like backgrounds you can accomplish that with css. Or by using percentage values for widths you can have the best of both worlds and design to the users viewpoint.
If you have a solid color background you can 'edit >transform> scale' to a fixed size or a manually set size. As I said difficult to answer the question, especially without knowing what .PSD design looks like.?

You mis-understood what I am trying to accomplish. I am already aware of setting tables to percentages etc to make the design stretch wider in different resolutions for example. When you design a site it is designed as a PSD in photoshop. I am simply trying to widen that EXISTING PSD in width from 760 pixels to 960 pixels.

I have had this done before and was told it was simple to do but I do not know how he did it. I tried 'edit >transform> scale' but it did not work... I am doing something wrong...

Here is an image of my PSD... this PSD used to be 750 pixels in width and then was changed to 760... but now I want it at 960 pixels.

Yes OK the layer with the blue backgorund ie. the corners, that layer you can select and transform to 960px. The images of the palm and the parrots is a little more difficult, if you try to stretch them you will loose quality and sharpness, without seeing the layers its difficult for me to say...

killapix,

You are completely mis-understanding me again and what needs to be accomplished.

I do NOT want to stretch ANY of the images in my header or footer. The (parrots, palm trees and image of the city) are NOT supposed to stretch nor change size in ANY way. They will remain exactly the same. The ONLY thing that is supposed to happen is the actual "skeleton" of the PSD must become 960 pixels in width. The ONLY "image" that must stretch is the red and blue solid bars in my header and footer. The side menu will also remain EXACTLY the same... same size... same everything.

The other images (palm trees, parrots and image of city) will simply be relocated to their new positions.

Does anybody know how to complete this? I was told it is very simple to do and like I said I have had to done twice before to this EXACT same PSD I do not know how he did it though? This is very frustrating.

hmm

there's got to be a nice tutorial out there somewhere.

owm

owm,

I have looked and looked but still cannot figure this out. The guy who did this for me TWICE in the past did it with ease.

I have this EXACT design PSD in two different sizes because of him. One of them is 760 pixels width and the other is 770 pixels width. Now I really need it in 960 pixels width. It shouldn't be this complicated!!! :(

Sorry Juliet -
Goto 'Image > Canvas size' in the top menu. ( ALT+CTL+C)
See Current size and New size, resize to your requirement. ie. 960px
Tick relative if you want to adjust just one of your dimensions i.e. the width.
Click OK...

:)

Noooooo... still not right!!! I am already familiar with that setting. You still are not understanding :(

Maybe this will make it easier. I have a screenshot of this PSD. The first screenshot is the (760 pixel width PSD) and the second screenshot is the (770 pixel width PSD)...

As you can clearly see.... NO images inside the actual design changed sizes at all. ONLY the skeleton of the design became slightly wider and the images/layers inside the design got repositioned.... I now need this PSD to be 960 pixels in width...

The guy who did this for me in the past used to work at webrhino.net and I cannot reach him anymore. But he knew how to change the PSD width WITHOUT altering nor changing the sizes of the images inside the design... those images simply got repositioned inside the new wider width of the PSD.

NOTE: If you happen to look at the two PSD's shown above the palm trees in the header of the 770 pixel width were NOT stretched. I simply moved the palm trees inwards a bit since I had more room in the 770 pixels width than the 760 pixel width.

Unfortunately, there's no magic 'make-it-wider' tool. As outlined above you'll first need to resize the canvas space, then you'll need to reposition the layers within the .PSD, and expand elements width-ways as is necessary. This will mean directly editing certain layers.

I have over 100 layers in that PSD and when that guy did it... it only took him few minutes. It doesn't look like I have that many layers but in the header I have MANY tiny tiny (some of them super tiny) layers correcting certain areas. Difficult to explain. I am going to try to contact that guy who did this for me in the past because he did have a certain special way or I should say "trick" to getting this done. I doubt I will be able to find him though.

If he MOVED any of those tiny layers in my header there is noway in h*ll he could have placed those layers back to the EXACT same way I had them. Noway.

And considering I have over 100 layers it would have certainly taken him more than a few minutes!

Do you know if it's possible to for example crop out a certain area of my PSD (an area that contains many tiny layers)... but make it to keep those layers so that once that area has been cropped it does not suddenly turn ALL those layers into a single layer once that area is cropped? Because I need to be able to move those layers around after it's been cropped but no longer can....

If I could make it NOT do that then I could widen my PSD.

For example let's say I chop half of my PSD in half by cropping half of it... the half that was cropped would no longer be many different layers but would turn into a single layer. No good. This is nightmare! =(

Maybe you need help with this from a photoshop forum where there are more experts that can help you. I am sure there are really good photoshop users here and some experts without a doubt but it may take some time to find the answer you are looking for.

if you go to a photoshop based forum you may get a faster answer. I would not go to a photoshop forum and ask hosting related questions unless I wanted to wait for the answer as there are not as many experts there for hosting as there are here.

-Juliet
Send me the .psd I will do it for free.!

WickedShark,
That is actually good idea. I am going to go post on some photoshop forums because I would really love to see how it was done... there must be some trick that guy knew...

killapix,
Do you have an email address I can send it to? Maybe PM it to me because the the PSD file is quite large and I'm not sure how to PM the PSD file to you. So think I'd have to email it. Thanks mucho for your offer of help! :D

take the whole site and stick it in the middle of the higher rez page, then add a new background :D simple ;)

By doing that I would still need to individually relocate TONS of the separate layers that make up my design to their new position. That is not the correct way that I had it done in the past... because if he moved all those tiny layers he wouldn't have known where to place them again because I had those layers very meticulously placed in exact positions.

But I would still like to try it... how would I create a higher res page in photoshop though?

killapix has finally solved this entire thread! :D

I sent him my PSD and he was able to make the adjustments I was trying and trying to complete. Very thankful for that.