How can I fix jagged curved with Photoshop's Gradient Overlay?

Question

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

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

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.

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

Edit:

Image without gradient fill (without zooming)

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.

Answer 1

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)

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.

Answer 2

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

Answer 3

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.