Last year I hired someone to do some work for our website but accidentally lost the PSD files since then. It's a fairly basic concept but I am fairly inexperienced with using masks.

How can I create the black circular gradient area as shown in this image below? I need to get as close as possible where it matches existing images on the site, why I am hoping its not too hard.

Thank you!

enter image description here

  • What have you tried? What tutorials have you looked at? Showing some effort will likely get you better answers Commented Feb 3, 2015 at 1:52
  • I tried making a circular selection similar in size to the one in that image. I then made a layer mask and applied a reverse radial gradient overlay with black -> transparent. It kind of worked but not close enough Commented Feb 3, 2015 at 2:04
  • Actually a reverse radial gradient overlay seems to be perfect, however I do need to reposition it. I tried doing it on a transparent layer but it didn't show up. Is there any way to do that so I can just lay it over the top of an image? Commented Feb 3, 2015 at 2:11
  • You can create a black filled layer of the image. Make a circle selection, feather it (select -> refine edge) and delete the selection. You can move the top black layer around. You can also make a circle selection, delete the selection. Then go to filter -> Gaussion Blur.
    – AndrewH
    Commented Feb 3, 2015 at 2:17

1 Answer 1


You can do it a couple of ways

1) Make background layer black.

2) Paste graphic on a new layer

3) Create a layer mask for Layer 1 (second layer)

enter image description here

Your layers so far

enter image description here

4) Use a black & White gradient on the layer mask

enter image description here


enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.