I created my banner and I'm now trying to apply a gradient. The banner is smooth after creating it with the path tool, but after applying a gradient, the edges are now jagged, like this. There are lots of settings and I'm playing with them but not able to get what I need. Jagged edges

2 Answers 2


Where I went wrong was to paint the image and apply the gradient later. The answer is

  • Create the path using the curve tool
  • Create a selection from the path
  • Fill the selection with the gradientSmooth edges

It is possible to paint on a transparent layer first, then fill it with the gradient tool later.

You can avoid the problem you are experiencing by using the Lock Alpha Channel button in the layers panel before filling an object on a transparent layer with another colour. Also there's no need to make an actual selection first when using this technique.

Just lock the alpha channel and fill using the gradient tool. The smooth anti-aliased pixels will remain as they were before the edit.

An example: A shape filled red, the alpha lock is highlighted in the layers panel.

enter image description here

After filling with the gradient tool

enter image description here

After you have done this, you can unlock the alpha channel again, if you want to add more stuff to the layer.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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