saving a non-square image

DE
Posted By
David Emerling
Feb 19, 2005
Views
1864
Replies
3
Status
Closed
How can you save an image that is non-square, like a ball for instance?

It seems whenever you save an image, it can only be saved on a square field. I need the portions of the saved image, that contain no image, to be transparent.

This is particularly important for websites that have a certain background color.

Let’s say a website has a gray background. You want to display an orange-colored basketball. When you save the basketball image in Adobe Photoshop, it seems you can only save it as a square, with certain dimensions, that contains the image of the basketball. When you display the basketball on the gray website, you see the white trim around the ball … exposing those areas of the square that do *not* contain the image of the basketball.

To get around this, I have been saving the images on a background that matches that of the website. But that makes the image unsuitable for other uses, forcing you always to edit the background of the image to match the background of the website – a pain in the ass. The image cannot be generically used from website to website.

How do I make those edges transparent for website suitability?

Thanks!


David Emerling – Memphis, TN

If you want to email me – remove HATESPAM from the above address.

Must-have mockup pack for every graphic designer 🔥🔥🔥

Easy-to-use drag-n-drop Photoshop scene creator with more than 2800 items.

M
Marcel
Feb 19, 2005
David, you’re not saying what you’re using.
However, for Photoshop 7 and CS, click on "Help", "Export Transparent image" and follow the directions of the Wizard.
HOWEVER, you’ll notice that the Wizard specifies "my image is on a transparent background".
SO, isolate what you want only, using the magic wand or some other approach, then inverse ("select", "inverse") if need be, and copy. PASTE in a new window (Ctrl + N), making sure that "background contents" is "transparent" then you can proceed as in line 2 above, following the directions of the wizard.
NOTE: your image will be in Gif which supports only 256 colours. Please also keep in mind that this pic will have to be saved separately as a gif. This shouldn’t present a problem however, because if you do as suggested, all your Internet images and texts should be in the same folder on your hard drive.
Hope this helps,
Marcel

"David Emerling" wrote in message
How can you save an image that is non-square, like a ball for instance?
It seems whenever you save an image, it can only be saved on a square
field.
I need the portions of the saved image, that contain no image, to be transparent.

This is particularly important for websites that have a certain background color.

Let’s say a website has a gray background. You want to display an orange-colored basketball. When you save the basketball image in Adobe Photoshop, it seems you can only save it as a square, with certain dimensions, that contains the image of the basketball. When you display
the
basketball on the gray website, you see the white trim around the ball … exposing those areas of the square that do *not* contain the image of the basketball.

To get around this, I have been saving the images on a background that matches that of the website. But that makes the image unsuitable for other uses, forcing you always to edit the background of the image to match the background of the website – a pain in the ass. The image cannot be generically used from website to website.

How do I make those edges transparent for website suitability?
Thanks!


David Emerling – Memphis, TN

If you want to email me – remove HATESPAM from the above address.
DE
David Emerling
Feb 20, 2005
"Marcel" wrote in message
David, you’re not saying what you’re using.
However, for Photoshop 7 and CS, click on "Help", "Export Transparent image"
and follow the directions of the Wizard.
HOWEVER, you’ll notice that the Wizard specifies "my image is on a transparent background".
SO, isolate what you want only, using the magic wand or some other approach,
then inverse ("select", "inverse") if need be, and copy. PASTE in a new window (Ctrl + N), making sure that "background contents" is
"transparent" then you can proceed as in line 2 above, following the directions of the wizard.
NOTE: your image will be in Gif which supports only 256 colours. Please also
keep in mind that this pic will have to be saved separately as a gif. This shouldn’t present a problem however, because if you do as suggested, all your Internet images and texts should be in the same folder on your hard drive.
Hope this helps,
Marcel

Thanks! That helped a lot.

I didn’t realize there were functions like that available. A weird place for it … under the HELP drop down menu. Usually there is not much functional, like that, in that menu.

David Emerling
L
Larry
Feb 22, 2005
Do some research on PNG.
Alpha channels and all… might be a problem with explorer tho.

"David Emerling" wrote in message
"Marcel" wrote in message
David, you’re not saying what you’re using.
However, for Photoshop 7 and CS, click on "Help", "Export Transparent image"
and follow the directions of the Wizard.
HOWEVER, you’ll notice that the Wizard specifies "my image is on a transparent background".
SO, isolate what you want only, using the magic wand or some other approach,
then inverse ("select", "inverse") if need be, and copy. PASTE in a new window (Ctrl + N), making sure that "background contents" is
"transparent" then you can proceed as in line 2 above, following the directions of the wizard.
NOTE: your image will be in Gif which supports only 256 colours. Please also
keep in mind that this pic will have to be saved separately as a gif.
This
shouldn’t present a problem however, because if you do as suggested, all your Internet images and texts should be in the same folder on your hard drive.
Hope this helps,
Marcel

Thanks! That helped a lot.

I didn’t realize there were functions like that available. A weird place
for
it … under the HELP drop down menu. Usually there is not much
functional,
like that, in that menu.

David Emerling

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

Related Discussion Topics

Nice and short text about related topics in discussion sections