I am trying to create an image and added a Gradient Overlay style as seen below.

enter image description here

I ended up with the following image (A part of image).

enter image description here

Looking at the area circled in black, you can see a jagged curve. This is not as designed and occurs when I add the Gradient Overlay layer style.

enter image description here

Can someone suggest how to get a smooth curve, without this jagged structure, when using the Gradient Overlay layer style?


Image without gradient fill (without zooming)

enter image description here enter image description here

See the above two images. The left one is the actual one and the black line in the right image is the area where you need to look into. You can see zigzagged border over there.

  • Seems to me the shape itself is jagged. You'd need to create a mask with the pen tool to smooth that out.
    – ckpepper02
    Nov 4, 2013 at 14:55
  • I used tranform (ctrl + T) in windows and used warp option to design it. I intentionally didnt change it to jagged one. Could you suggest if that operation would make the image jagged?
    – G_S
    Nov 4, 2013 at 15:41
  • post a picture with solid color effect instead of gradient. And what is white shape over gradient?
    – user8795
    Nov 4, 2013 at 19:10
  • @MuhammadUmer Edited the question by Adding image removing gradient fill. Have a look at it
    – G_S
    Nov 5, 2013 at 1:52
  • 1
    "Image without gradient fill " but there still is organe-pink gradient..which part are you talking about again...confused now.
    – user8795
    Nov 5, 2013 at 17:10

3 Answers 3


Not sure that's what you want but if you don't want to use Illustrator, you can try this:

1) Use the circle selection tool, and draw a big oval that has a similar curve to your design's curve. You'll probably need a few try.

2) Go in the menu "select", and then choose "inverse".

3) The next step will be to delete what's outside of that curve to smooth it, so if necessary, deselect what you don't want to see deleted on that layer (use the rectangle or any selection tool and press ALT to deselect the parts you don't want to see selected)

How to correct a curve in Photoshop

4) Delete OR use a layer mask.

You can do the same with your other curves if you need to. It will make a perfect curve and clear slice.

How to correct a curve using the selection tool in Photoshop


Looks like this is down to the image being pixel based. A Vector shapes would solve this.


As previously noted using vector shapes is a work around for this, however if you're bound to raster graphics, apply the gradient as a mask layer to the object, it will retain the previously smooth edge.

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.