What's new
By:
Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

How do you resize a transparent backgroup


P

prosell

Member
Messages
10
Likes
0
I bought a graphic image online which consisted of 20 images with a background on one page. I deleted the other images and layers to those. Plus, I deleted the background of the whole page so now it's transparent with my one navigation bar still standing.

It's like a big transparent image with the picture that I want at the top. The picture is a navigation bar. The whole picture size is 1200 by 1050. I would like to delete the transparent background or make it smaller. The navigation bar is only a quarter of the 1200 by 1050 image.

I tried to reduce the size of the canvas but since the navigation bar is at the top, it get's cut off. Also tried to deleted transparent background but no luck.
 
I am not sure I follow your explanation. But getting to the last part, you now have a nav bar and a transparent BG. Is this all on one layer? What do you want to do with the nav bar because there are a couple ways to approach this. Most often the transparency is desirable. You can place it on the webpage and use the existing BG page color -- as you can see through it. If you pick a color for the background you have to be sure it is websafe color. Anyway, to add a colored BG, ctl/cmd click on the layer icon and you'll make a layer below your nav bar layer which you can fill with color or whatever you want to use.

As for sizing, go to image>canvas size and put in the new dimensions there. Or transform>scale the image.
 
USe the crop tool and remove any extra space on the canvas. if you have excess spacee it will just mess up your css or web coding
 
Hi Prosell,

See if this is what your talking about..............

This is only one way to accomplish this, there are many others.

Original.....

Screen Shot 2013-07-08 at 11.47.07 AM.png

Removed an area around the window and I have some transparent canvas leftover......

Screen Shot 2013-07-08 at 11.48.23 AM.png

Go to IMAGE > TRIM.......

Screen Shot 2013-07-08 at 11.48.48 AM.png

Screen Shot 2013-07-08 at 11.49.00 AM.png

This is the new cropped image with the trimmed canvas (transparent BG)....

Screen Shot 2013-07-08 at 11.49.07 AM.png
 
Just to add more possible solutions ... lol

CTRL+click image layer .... CTRL+C.... CTRL+N (In creating new doc, the size will follow image size in clipboard) .... paste image in new doc .... save as non-background gif .
 
Back
Top