Skip to main content
Known Participant
July 12, 2012
解決済み

Fading the edge of an image to 100% transparency

  • July 12, 2012
  • 返信数 6.
  • 130926 ビュー

I need to fade the edge of an image to 100% transparency, save as PNG, and then I can put it on another image and it fits naturally. how should i do it?

解決に役立った回答 Jeff Arola

Try something like the following: (this is not the only way)

 

1. Double click on the background layer to make the background layer a regular layer

 

2. Add a new blank layer above. (Layer>New>Layer)

 

3. Use the rectangular marquee tool to draw a rectangular selection smaller than the photo

 

 

4. Edit>Fill>Black

 

5. Select>Deselect

 

6. Move the layer below the photo layer ( drag the thumbnail in the layers panel)

 

7. Click on the photo layer and go to Layer>Create Clipping Mask

 

8. Click on the layer filled with black and go to Filter>Blur>Gaussian Blur to fade the edge to transparency.

 

 

before:

 

 

layers panel:

 

 

 

after:

 

 

 

 

added screenshots

 

 

返信数 6

Greek_Fellows作成者
Known Participant
July 14, 2012

so far, thanks everybody, i tried the black-shape one but the feathering one doesn't seem to work.

anyway thx!

Jeff Arola
Community Expert
Community Expert
July 14, 2012

If your using a shape layer, then you need to simplify the layer before using gaussian blur.

Right click on the shape thumbnail in the layers panel and choose Simplify Layer.

If you still have a question, maybe if you posted a screenshot of your progress we could give more specific instructions.

July 13, 2012

Here's another way which reveals an odd effect, which might be a bug:

  1. Double-click on the background layer to convert it to a normal layer.
  2. Select...All (Ctrl+A).
  3. Select...Modify...Contract:  60px.
  4. Select...Feather:  20px radius.
  5. Select...Inverse (Ctrl+Shift+I).
  6. Hit the Delete key.

To my eye, the odd effect is that the vignette looks wider at the center.  (Most apparent on the vertical sides.) 

Added:

I guess it's just an optical illusion -- when I dragged out a vertical guideline to measure the fade, it looks the same from top to bottom.

Added (2):

A non-destructive way is to simply use a layer mask.  After step 4:

5.  Click on the layer mask icon in the Layers panel.

Ken

Message was edited by: photodrawken to add comments.

Inspiring
July 13, 2012

Ken, after I do the Select All, Modify>Contract is disabled (grayed out).

For the record, I have PSE2.

July 13, 2012

Mark,

I can't reproduce that.  I'm using PSE10, and "Contract" is available whether the layer is a background layer or a regular layer.

Ken

Jeff Arola
Community Expert
Community Expert
July 13, 2012

Here's another variation:

1. Double click on the background layer to make the background layer a regular layer.

2. Add a color fill layer (Layer>New Fill Layer>Solid Color) black.

3. Move the fill layer below the photo in the layers panel.

4. Click on photo layer and go to Layer>Create>Clipping Mask

5. Click on the layer mask of the solid fill layer to make the mask active.

6. Selet>All

7. Edit>Stroke>Inside>Black (the Width is how much you want to contract the select from the border)

8. Select>Deselect

9. Filter>Blur>Gaussian Blur (the fade amount)

before:

layers panel:

after:

Inspiring
July 13, 2012

1. Duplicate the Background layer and turn off the visibility of the Background layer.

2. On the duplicate layer, draw out an area with the Rectangular Marquee tool.

3. Invert and feather the selection. In my example I feathered 40 px, but ithe value will depend on the dimensions of your picture. You will have to experiment.

4. Delete the selection.

Note that you can omit the duplicate layer if you rename the Background layer to anything else and work on that.

Jeff Arola
Community Expert
Jeff ArolaCommunity Expert解決!
Community Expert
July 12, 2012

Try something like the following: (this is not the only way)

 

1. Double click on the background layer to make the background layer a regular layer

 

2. Add a new blank layer above. (Layer>New>Layer)

 

3. Use the rectangular marquee tool to draw a rectangular selection smaller than the photo

 

 

4. Edit>Fill>Black

 

5. Select>Deselect

 

6. Move the layer below the photo layer ( drag the thumbnail in the layers panel)

 

7. Click on the photo layer and go to Layer>Create Clipping Mask

 

8. Click on the layer filled with black and go to Filter>Blur>Gaussian Blur to fade the edge to transparency.

 

 

before:

 

 

layers panel:

 

 

 

after:

 

 

 

 

added screenshots

 

 

Greek_Fellows作成者
Known Participant
July 13, 2012

if i want to make the result an rather odd shape (like an arrow, a plus sign, etc) i just change the black shape to be drawn, right?

thanks!

hatstead
Inspiring
July 13, 2012

Use the Shape Selection tool. There are many shapes to choose from.

R_Kelly's post #2 provides excellent directions. Place the layer with the shape as described in step #6.

http://www.pixentral.com/show.php?picture=1LznYjTDMhm1aV4B3sjYVzOJD44Za1

99jon
Genius
July 12, 2012

File >> New >> Blank File

Make the dimensions slightly bigger than your image, and set resolution e.g. 72 for web and for background color choose transparent.

If your main image is already open you can drag it from the project bin on top of the transparent template and position it or re-size it with the move tool.