How do I fade the edges of a photograph

I would like to fade the edges of an image to match the background of my blog so the picture isn't a boring rectangle. You can see the main image here and see what I mean... it looks like a generic blog header with the blocked image.
I tried using the gradient tool, which I've used to create a reflection effect for ads and such, but had no luck in this project because it doesn't radiate evenly across all sides. I would even consider a rougher look, like when you use the spray, to fade the edges.
Any ideas or a point towards an existing tutorial would be much appreicated. Is there an action for applying this type of effect to images?

Hi there -
Your image link isn't working so I'm not precisely sure what effect you're trying to achieve. Below is a brief tutorial on how to easily feather the edges of an image by using a mask - if this isn't what you're looking for, post a reply and try relinking your image.
1. Open up your image in Photoshop - I have deleted the background layer so that I'll have a transparent image when I'm done (saving as .png).
2. In your layers panel, click on the Layer Mask icon, shown below.
With a layer mask, white areas will show your image while black areas will mask your image - this is a non-destructive way to "erase" areas of an image in Photoshop. Here's a great little beginner guide to masks.
3. Now, grab your Gradient Tool and set it to a Black to Transparent gradient.
4. Now you can drag out your gradient, fading away the edge you'd like. You can also use a large soft brush set to black to do the same thing. Make sure that whenever you're editing the layer mask, you click on the layer mask thumbnail in your layers panel - not the layer thumbnail (you can see in the screenshot below that there are small white corners around the layer mask thumbnail telling me it's selected).
When finished, save your image in a transparent format such as .png so that the background of your website will show through the transparent areas of your image.
And again, if this is not what you are looking to do, please post a reply!
Cheers,
Kendall

Similar Messages

How do I fade the edges of an object?

Photoshop CS3 on Leopard:
There's got to be a quick way to do this...I've just never figured out how.
I've searched 'fade' but I"m guessing that I'm using the wrong search term.
I'm trying to take a image or layer and 'fade' the edges, so that the layer behind shows through to a varying degree - something like a combination of opacity & gradiation applied to the outer edge.
If I'm not too clear: As an example, take a 100 pixel solid black square (layer) over a transparent background. I'd like to apply a graduating degree of opacity to the edges proportionately (all 4 edges). Something like from 0% opacity at the outermost edges - to 100% in a 20 pixel 'border'.
How would I do this?
Thanks,
J.P.

Try this. Assuming that you have a solid color image on a layer, first select the outside of the image. You could use the magic wand and select all of the transparent background around the image by clicking on the background. Then inverse the selection using the inverse command under select on the menu bar so that the selection is selecting the object and not the background. Then go to the feather command under select on the menu bar. This opens the feather dialog box which allows you to prescribe a feather radius of pixels of how much of the outside of the image you want to feather or fade. Enter an amount. The higher the number of pixels you enter the more Photoshop will feather...or "fade". Then click OK and the dialog box will go away. You will notice that the selection has "shrunk" inward around the image somewhat. Then inverse your selection again so that the transparent backgound is selected and hit the delete key. Photoshop will erase the pixels around the outside of the object as a fade to the depth that you prescribed in the feather command dialog box. If you hit delete more than once it will continue to fade the image until it maxs out and you will have a soft edge image on a layer.I think this will do what you want. This is a good way to create a soft edge around photos and hard edge shapes. Good luck.

How do I fade photo edges to black?

I am trying to figure out how to take a photo and fade the edges of the photo to blend in with a solid black background. Does anyone know how this is done?

Welcome to the forum.
As mentioned, several ways to do this.
I like a bit of this, and a bit of that, and ending up using a Layer Mask, with the Vignetting in it.
If your initial Image has your subject on the Background Layer, Dbl-click that, to convert it to a regular Layer, and either accept the default Layer Name, or choose something like "Image Layer." Add either a Color Layer (black) below that, or a New Layer, and Fill with black, then just create your Layer Mask, based closely on CurtY's instructions above. One can add a bunch of Filters to that Layer Mask, for different "looks."
The Layer Mask, when you Save as an Unflattened PSD, can be edited and re-edited forever.
Yes, several ways to do it.
Good luck,
Hunt

How can I make the edges of the JSC component curved?

It is a very common practice to make the edges curved in web development. Curved edge looks attractive and professional. (for example see blog.com)
How can I make the edges of the JSC component curved? For example, consider Textfield component, how to make the the sharp edges smooth and curved?
Thank you very much.

Follow the steps below implement rounded edges for tabs in a tabset component:
1)Create 2 images: level1_selected.jp and level1_deselct.jpg to be used as the background for these tabs. Thse images can be easily craeted using windows paint software. Just ceate a rectangular image of size 200X30 and draw a rounded rectangle on it.
2) Redefine the following styles in your application stylesheet(originally defined in css_master.css)
.Tab1Div td.Tab1TblSelTd {
     background-color:#EDF5F8;width: 200px;height:40px;background-image:url(images/level1_selected.jpg)
.Tab1Div td.Tab1TblSelTd {
     background-repeat:repeat-x;background-position:left bottom;border-bottom:none
.Tab1Div td {
     background-color:#EFEBEF;width: 200px;height:40px;background-image:url(images/level1_deselect.jpg);border:none
.Tab1Div td {
     background-repeat:repeat-x;background-position:bottom left
a.Tab1Lnk:link, a.Tab1Lnk:visited {
     display:block;padding:8px 15px 0px;font-weight:bold;text-align:center
Results: By doing this you'll have the selected and unselected tabs show up with rounded egdes and also the selected tab will look bigger than the unselected tas making it more prominent.

How do you smooth the edges of an image

Hi,
How do you smooth the edges of an image, like the question mark edges?
Regards Peter

You could duplicate the image (Ctrl+J)
Then apply some blur (Filter >> Blur >>Gaussian Blur)
That will blur the whole image so apply a layer mask and invert (press Ctrl+I)
Set foreground color chip to white and select the brush and choose a very small diameter. Then brush gently over the edges to reveal the blur.
You can switch the color chip to black to undo a mistake then back to white to continue.
Alternatively simply select the blur tool from the tools pallet (keep pressing the R key to tab tool choices) and blur the edges as wanted. It’s a little more crude but will probably do the job.

How can I fade the first slide in a slideshow in from black?

Novice user here, but I can't seem to find an answer to this question. I've created a couple of slideshow, and have imported them to iDVD to burn the DVDs. When I play the show in iPhoto, they're fine. But when I play a finished DVD (or the demo of the DVD in iDVD), the first slide does not fade in like iPhoto did. It's a really jarring start. I fiddled with Ken Burns effects, but all that seems to do it effect how the slide ends, not how it starts.
How can I start the DVD slide show at black and fade the first slide in, just like iPhoto automatically did?
BTW ... haven't upgrade to the new iLife software yet if that helps.

Hi DogWonder!
if it were me, I think the simplest thing to do is take a photo with the lens cover on the camera, basically a black pic. Now use this one at the beginning of your DVD/Slide Show... or even between slides for a little more drama, if you wanted...
Good luck, Rick

How can I sharpen the edges of my image?

A newb to PS here... How would you smooth pixelated edges to achieve sharp edges as in the below image of a hinge? Thx.

You can place the low res image in Illustrator then using the Pen Tool to draw white shapes around it, essentially hiding the jagged edges.
Alternatively, you could upsample the low res file in Photoshop and do the same thing there with its vector tools.
To get smooth lines you need a high res image, which your file is not. By a long shot.
The best solution would be rephotographing the product at a high resolution.
Where is this picture going? (web? printed catalog?)

Added a Song...How do I fade the song in the middle of a video clip?

I have a 5 minute video of my daughters first birthday. I added a song, but I want to accomplish the following:
Start the song 15 seconds into the video (after we sing happy birthday)
Fade the Audio roughly 2 minutes into the video so that I can highlight my older daughters voice
In between all of this I want to detach the background noise/talking from the video so only the song is heard.
There are only a few clips of the video that I want the voices to be heard, other than that, I just want the song to be the only audio.
Help???

Yes, you can do this.
1) Drag the song and drop it on the video clip at the point (15 seconds) where you want it to start. You drop it on top of the video clip - not in the background.
2) You will want to isolate the clips where you want your daughter's voice to be heard. If they are already separate clips, this is easy. But if they are part of one long clip, you can select the frames that you want to isolate by dragging with your mouse. A yellow border should be around these frames. Then EDIT/SPLIT CLIP. Or right-click/Split Clip. (Note: It is important to do this in the Project, not in the Event)
3) Once you have Split the clip, you can open the audio inspector and turn the volume down on those video clips where you want the clips to be muted. Turn the audio down to zero. For those clips where you want your daughter's voice to be heard, select the clip. Go to the Audio tab of the inspector, and turn on Ducking. Ducking will diminish all other tracks by the percentage you specify.
4) [This Video Tutorial|http://www.apple.com/findouthow/movies/imovie08.html#audioclips] is a good explanation of audio in iMovie. It is for iMovie 08, but most of it still apples in iMovie 09.

How do I make the edges of my clips less sticky?

I switched from Final Cut and I absolutely love premiere pro.
The ONLY THING... that I can't seem to get past is that it's incredibly hard to select the center of small clips, because as i hover my mouse towards the center of the clip, the edges always want to seize the attention of my cursor as if I might want to drag the edge of the clip or apply a transition. I guess it's determining the number of pixels that my cursor is away from the edge of a clip, but I want to turn that number down.
Is there ANY way to adjust this? It's so annoying to have to zoom in all the time, just to grab the center of a little image overlay or something. If there was a way to adjust edge of clip "stickyness", I would absolutely love to know it.

I have a similar issue with clip stickiness.
In regard to your issue...zooming in is the only thing I have found.
My issue.!
If one has a bunch of clips butted together (same video track) and one wishes to Nudge any one of them... CTRL-Shift->....the edge of all adjoining clips get affected and dragged by the action. Works like a Rolling Trim Edit.
I would have thought that the Snap (Magnet) should be what controls that ...but it doesnt.
All clips should be totally independent of each other .

How do i desensitize the edges of the screen for ease of holding

Mini iPad issue

You can't desensitize the edges of the screen. Hold the iPad by the bezel - the border around the screen. Better still, place it on your lap (that's what I do) or get a stand or a cover that acts as a stand as well (have a couple of those) and use it that way.
You want the screen to respond to touch - in every corner of the screen. You might need that in an app that you are using and it for want to use the iPad in landscape as opposed to portrait mode - you want that sensitivity everywhere on the screen.

Rotating an image gives black edges, How can I make the edges white?

Hi I used the following code to rotate an image:
// The "ShiftImageByDegrees" class.
import java.awt.*;
import java.awt.image.*;
import java.io.*;
import java.awt.image.renderable.*;
import javax.imageio.ImageIO;
import javax.media.jai.*;
import hsa.Console;
public class ShiftImageByDegrees
    static Console c;           // The output console
    public static RenderedOp rotate (RenderedImage image, double ang)
        ParameterBlock pb = new ParameterBlock ();
        pb.addSource (image);
        pb.add ((float) (image.getWidth ()) / 2);
        pb.add ((float) (image.getHeight ()) / 2);
        pb.add ((float) ang);
        return JAI.create ("rotate", pb);
    public static void main (String[] args)
        c = new Console ();
        // Doing for every single image:
        File folder = new File ("Images/");
        File[] listOfFiles = folder.listFiles ();
        for (int i = 0 ; i < listOfFiles.length ; i++)
            if (listOfFiles .isFile ())
c.println ("Image: " + listOfFiles [i].getName ());
try
// Load Image:
String imageName = "";
RenderedImage image = ImageIO.read (new File ("Images/" + listOfFiles [i].getName ()));
RenderedImage outputImage = rotate (image, 0.03490658503988659);
ImageIO.write (outputImage, "bmp", new File ("hello.bmp"));
catch (IOException e)
// Place your program here. 'c' is the output console
} // main method
} // ShiftImageByDegrees class
The above code goes to a directory named Images and finds any images and rotates it by 2 degrees (i.e. 0.03490658503988659 radians) and writes them as hello. The rotate method gives the image correctly rotated but the problem is that the edges are black. I would like to make the edges white. The edges are defaulted as black I assume but is there a way I can change that to white?

Never mind. Solved it by negating the source image first.

How can I soften the edges of a picture

I am trying to create a soft white frame around the outside of the picture. How can I do this. Thank you. I have Elements 10

There are several ways to do this.
Try Filter>Correct Camera Distortion, and work the Vignette sliders.
If this is not what you are after, please point to a picture with the desired effect.

How can I refine the edges between colors?

I have an image with pixelated edges and i want to make those edges sharper so that you dont notice them at 100% zoom. I tried the sharpen tool but it does not do what I want.
In this sample image, I manually refined the left half of the pixelated diagonal line.
(The top right is what I want to change so that it looks like the part in the bottom left, which I did manually)

I think you miss understand what sharper means. It will not add pixels to remove stair-stepping. If anything it would make it more pronounced.
A blur will blend the two colors together to make it look like there is no edge, So that would not really work either.
Does this image have to be a certain size? Reducing the final print size will make it look sharper and less stair-stepped. But none the less they will still be there.
The new algorithm that will be in the next version of photoshop will help with this issue, but still does not totally solve it.
@all new users,
And this is why it is always best to start with the highest resolution possible, so you don't run into this issue.
@Alex,
You could try one of the algorithm's for upsampling and see if they help, try one, undo try the next and so on. No promises, but maybe one of them will be worth settling on.
If you know that the area is a solid color, you could use the pen tool to create the edge then fill the center with that color, thats the only way I can think of to recreate that area with a sharp edge. But if it is lots of small areas, then one of the other solutions would have to be settled on. (If you do recreate the area with the pen tool make sure your image is high enough resolution to make it worth the effort {In other words if the resolution is too low, your wasting your time} )

How do I blur the edges of an adjustment layer (whose job is to subsequently blur an image)?

So I'm trying to create a sort of rocket blast that distorts the background behind it like a heat wave, but the particle blast, rendered separately from the physical rocket and background, needs to be blurred first before it can act as a mask for the effect. Can anyone help with this. Bear in mind that I am COMPLETELY new to the software. This is literally my first project ever using it, so I would very much appreciate if any answers were thorough and well-explained step-by-step. Thank you.

Using the Pen Tool -- or the Ellipse or Rectangle Tools, for that matter -- create a mask on the adjustment layer. Open the Adjustment layer's Mask properties, adjust the feather to suit your taste.
And if that isn't basic enough for you, you don't have any business running AE.

How can I see the file name of photographs in Lightroom mobile?

I have photographs of product wich have there reference number as the file name. When synchronizing to my iphone/ipad I don't see the file name of the photographs any more. Is there a way to show them on my mobile devices?

Two fingers cycles through the histogram + exif info views. One finger toggles between filling the screen or revealing the filename and adjustment controls.

How do I fade the edges of a photograph

Similar Messages

Maybe you are looking for