• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
2

Illustrator gradient color issue

Explorer ,
Sep 17, 2019 Sep 17, 2019

Copy link to clipboard

Copied

I'm trying to create smooth color shifts with the gradient tool. When I add my colors to the gradient tool I get washed out gray looking colors between my pure colors on the gradient annotator. With only 2 colors it is managable but with several colors (think Instagram logo colors) it looks terrible. I get a bulls-eye looking gradient with the pure colors being "saturated color" and the intermediate areas going "washed out"

 

I'm not sure what I'm doing wrong. 

Views

5.8K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe
Advocate ,
Sep 17, 2019 Sep 17, 2019

Copy link to clipboard

Copied

The issue requires an in-depth understanding of colors and what can cause banding, especially in the printing industry. This article will be a good starting point to understand why you are experiencing this issue so that you can tweak your gradient and/or choose more complimentary colors.

http://www.theinformedillustrator.com/2012/10/working-with-gradients-blends.html

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Sep 17, 2019 Sep 17, 2019

Copy link to clipboard

Copied

Ok. Will take a look. Thanks!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 19, 2019 Sep 19, 2019

Copy link to clipboard

Copied

Meganchi..... Wow, that is a great article! I think we all have run into the banding problem and figured various ways to solve it, or we just let the banding go. But this article is great as it does give several thoughts. Cheers!!!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 17, 2019 Sep 17, 2019

Copy link to clipboard

Copied

If the article @meganchi sited doesn't help, then please let us know what color mode you are using, what output and a screenshot so that we can further help you.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Sep 17, 2019 Sep 17, 2019

Copy link to clipboard

Copied

Here is a gradient of three RBG reds. The gray bands transition between the colors.

Screen Shot 2019-09-17 at 3.34.59 PM.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Sep 17, 2019 Sep 17, 2019

Copy link to clipboard

Copied

This is very likely caused by using color swatches or a gradient swatch that originated from an older version of Illustrator or by an incompatible color model of any sort.

 

If you re-make the individual color swatches according tho their RGB or CMYK values & redo the gradient with the new swatches you will probably not see the grey banding.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Sep 17, 2019 Sep 17, 2019

Copy link to clipboard

Copied

Here is a a radial gradient made with three shades of red (RGB mix). The center is the lightest the outer is the darkest. The gray bands are the transition colors. I want the gray areas to be blended to the colors used.

 

Screen Shot 2019-09-17 at 3.34.59 PM.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Sep 17, 2019 Sep 17, 2019

Copy link to clipboard

Copied

Played around a little more and I think you have the solution! Thanks!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Sep 17, 2019 Sep 17, 2019

Copy link to clipboard

Copied

No problem. Very happy to help. I deal with this a lot with legacy files going all the way back to the 90's. I've never found another way around it other than to remake the individual color swatches. Can you please mark this as a correct answer so I can get a fancy badge?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Sep 17, 2019 Sep 17, 2019

Copy link to clipboard

Copied

How do I do that? Sorry, not on here much.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Sep 17, 2019 Sep 17, 2019

Copy link to clipboard

Copied

Haha! No worries. I actually have no idea either. I'm not on here much myself. Maybe just a like on my answer?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 03, 2021 Feb 03, 2021

Copy link to clipboard

Copied

I actually just had this very problem and realized that the issue was that I was trying to create gradients with spot colors instead of process colors. If one of your colors has the dot on the bottom right double click it and change the Color Type field to Process Color rather than Spot Color.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Jun 29, 2022 Jun 29, 2022

Copy link to clipboard

Copied

LATEST

Yes, I agree. You don't actually have to remake the swatches. You can just make sure all of the swatches used in the gradient are "Process Colors" not "Spot Colors". This is a much faster fix and its easier to make sure that you really catch all the gradients by modifying the source color swatches.

 

It seems like colors olders swatch libraries may be converted to spot colors in some cases.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines