Sign up ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

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.

share|improve this question
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 '13 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 '13 at 15:41
post a picture with solid color effect instead of gradient. And what is white shape over gradient? – Muhammad Umer Nov 4 '13 at 19:10
@MuhammadUmer Edited the question by Adding image removing gradient fill. Have a look at it – G_S Nov 5 '13 at 1:52
"Image without gradient fill " but there still is organe-pink gradient..which part are you talking about again...confused now. – Muhammad Umer Nov 5 '13 at 17:10

3 Answers 3

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

share|improve this answer

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.

share|improve this answer

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

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

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