How to get Rid of Banding in illustrator while using GradientCan You See the Vertical Lines?


3 Answers 3


Illustrator is a vector image editor - so banding in gradients is kind of inherent in this type of software, and ultimately there is no way to avoid it fully. The gradients are basically made of vector shapes, each filled with steps of colour to give the illusion of a gradient.

It might be possible instead to make a blend of two shapes, with more steps than the gradient tool allows for. But honestly, it's a lot of messing around.

You might be better to use Photoshop to create a raster gradient instead.

Anway here's an example of a 400 step blend made in Illustrator for comparison to your original. Is it any better? Hmmm . . . probably not much.

enter image description here


One way to reduce the banding effect in gradients is to apply subtle noise. This works better in Photoshop, but it does work pretty well in Illustrator as well. Select the object, then select Object>Artistic>Film Grain... Set it as follows:
Grain: 1
Highlight Area: 0
Intensity: 0

See image for before (above) and after (below) It's not a perfect solution, but Illustrator needs to upgrade their own rendering engine for a better solution.

enter image description here

  • i need a smooth gradient. not a grain bruce Commented Aug 31, 2017 at 6:04
  • The noise of the grain reduces the banding effect. It's not an ideal solution, granted.
    – 13ruce
    Commented Aug 31, 2017 at 12:01

You can add the Gaussian Blur effect, but you'd have to mask off the edges of your shape in order for the edges not to be fuzzy.


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