How to fade away the edges of an image??

Brian Huether wrote:

I have an image that I want to use in a website. It is rectangular. The site background color is white. Instead of just throwing this image in the site as is, I want the right edge to gradually fade to white. So imagine an image on the left of the site. It is where some menu items will go. And the right edge of the image will then make a nice smooth fadeout to the white body. Is this making sense?

Any help is appreciated!

regards,

brian

Layer Mask, Gradient tool.

—
Comic book sketches and artwork:
http://www.sover.net/~hannigan/edjh.html
Comics art for sale:
http://www.sover.net/~hannigan/batsale.html

Double click on pic layer to make it a normal layer. Add a mask to the pic layer and fill the mask with a white to black gradient. Use Save For Web and save as JPG to get the file size down to an acceptable size. Make sure Matte is set to white.

or

Put a layer of white under the pic layer. Add a mask to the pic layer and fill the mask with a white to black gradient. Use Save For Web and save as JPG to get the file size down to an acceptable size. Make sure Matte is set to white.

Steve

— faith \’fath\ n : firm belief in something for which there is no proof. Webster’s Dictionary

From: "Brian Huether"
Newsgroups: alt.graphics.photoshop
Date: Tue, 28 Dec 2004 18:22:41 -0500
Subject: How to fade away the edges of an image??

I have an image that I want to use in a website. It is rectangular. The site background color is white. Instead of just throwing this image in the site as is, I want the right edge to gradually fade to white. So imagine an image on the left of the site. It is where some menu items will go. And the right edge of the image will then make a nice smooth fadeout to the white body. Is this making sense?

Any help is appreciated!

regards,

brian

"Brian Huether" wrote in message

I have an image that I want to use in a website. It is rectangular. The

site

background color is white. Instead of just throwing this image in the site as is, I want the right edge to gradually fade to white. So imagine an

image

on the left of the site. It is where some menu items will go. And the

right

edge of the image will then make a nice smooth fadeout to the white body.

Is

this making sense?

Any help is appreciated!

regards,

brian

Use a selection tool, perhaps the Rectangular Marquee tool with a heavy feather and make a selection on your image. Click on the Layer Mask icon at the bottom of the layers palette.

Another method is to make a copy of the layer (to retain the original as a Layer Mask does), turn off the "eye" on the original, make the same feathered selection as in the first example but of the copied layer, Select

Inverse and delete. Pressing delete several times will smooth out the

fade.

Peadge 🙂

Brian Huether wrote:

I have an image that I want to use in a website. It is rectangular. The site background color is white. Instead of just throwing this image in the site as is, I want the right edge to gradually fade to white. So imagine an image on the left of the site. It is where some menu items will go. And the right edge of the image will then make a nice smooth fadeout to the white body. Is this making sense?

Several methods involving masks have been mentioned. Here’s one without layers or masks. Select the image with the rectangular selection tool and leave some space on the outside. Make sure you have a nice high feather in the selection. Choose ‘Inverse selection" and hit Delete.

—
Johan W. Elzenga johan<<at>>johanfoto.nl Editor / Photographer http://www.johanfoto.nl/

"Johan W. Elzenga" wrote in message

Brian Huether wrote:

I have an image that I want to use in a website. It is rectangular. The site
background color is white. Instead of just throwing this image in the site
as is, I want the right edge to gradually fade to white. So imagine an image
on the left of the site. It is where some menu items will go. And the right
edge of the image will then make a nice smooth fadeout to the white body. Is
this making sense?

Several methods involving masks have been mentioned. Here’s one without layers or masks. Select the image with the rectangular selection tool and leave some space on the outside. Make sure you have a nice high feather in the selection. Choose ‘Inverse selection" and hit Delete.

Yep, this is a far far simpler method.

Si.

Si wrote:

"Johan W. Elzenga" wrote in message

Brian Huether wrote:

I have an image that I want to use in a website. It is rectangular. The site
background color is white. Instead of just throwing this image in the site
as is, I want the right edge to gradually fade to white. So imagine an image
on the left of the site. It is where some menu items will go. And the right
edge of the image will then make a nice smooth fadeout to the white body. Is
this making sense?

Several methods involving masks have been mentioned. Here’s one without layers or masks. Select the image with the rectangular selection tool and leave some space on the outside. Make sure you have a nice high feather in the selection. Choose ‘Inverse selection" and hit Delete.

Yep, this is a far far simpler method.

Si.

Layer Masks make things editable. If you delete then save and decide to modify later you will have a much harder time. I avoid deleting whenever possible and always save editable copies.

—
Comic book sketches and artwork:
http://www.sover.net/~hannigan/edjh.html
Comics art for sale:
http://www.sover.net/~hannigan/batsale.html

"Johan W. Elzenga" wrote in message

Brian Huether wrote:

I have an image that I want to use in a website. It is rectangular. The

site

background color is white. Instead of just throwing this image in the

site

as is, I want the right edge to gradually fade to white. So imagine an

image

on the left of the site. It is where some menu items will go. And the

right

edge of the image will then make a nice smooth fadeout to the white

body. Is

this making sense?

Several methods involving masks have been mentioned. Here’s one without layers or masks. Select the image with the rectangular selection tool and leave some space on the outside. Make sure you have a nice high feather in the selection. Choose ‘Inverse selection" and hit Delete.

—
Johan W. Elzenga johan<<at>>johanfoto.nl Editor / Photographer http://www.johanfoto.nl/

That was my second method mentioned. I just suggested copying the layer first and turning off the eye to maintain the original should the original file be overwritten.

Peadge 🙂

Thanks for all the great tips. That one about setting a feather value and deleting the inverse worked perfect!

"Brian Huether" wrote in message

I have an image that I want to use in a website. It is rectangular. The site background color is white. Instead of just throwing this image in the site as is, I want the right edge to gradually fade to white. So imagine an image on the left of the site. It is where some menu items will go. And the right edge of the image will then make a nice smooth fadeout to the white body. Is this making sense?

Any help is appreciated!

regards,

brian