Is there a way to create a gradient map effect in illustrator? I tried different bledning modes but I cant get it to look the the photoshop version. Thanks in advance for the help.

  • You want to add that effect to a raster image?
    – Joonas
    Mar 2, 2018 at 9:29
  • It may be possible to achieve some similar effect. However, it would greatly depend upon the artwork. The gradient map in Photoshop is really just a hue adjustment on a scale. That can be done in Illustrator (not with blending modes).
    – Scott
    Apr 1, 2018 at 17:26
  • Manually build a gradient mesh over your art.
    – Webster
    Jul 30, 2018 at 16:05

3 Answers 3


Not by default no. There might be some plugins to do this.

However it wouldnt really work eactly the same way as in a raster image, since vectors dont work exactly the same. I think we have a question on why a curves adjustment doesnt really seem to produce the same thing in vectors as in raster graphics somewhere.

  • any alternative way to achieve the same?
    – Vikas
    Jul 30, 2020 at 7:03

Yes, there is! I just found out as well. Here's what you gonna do:

  • create two rectangles, same size as your image and with the desired colors (can be edited later).
  • place your image on top of one of them and select both.
  • on the opacity panel, click "Make mask". It will convert your image into B&W and use the data to create transparency on your rectangle.
  • Place the new group on top of the other rectangle.
  • Voilà!

Now you may want to play around with the "Invert mask" option, depending on hat colors you chose. You can change the colors of the elements individually or selecting them all and using the Recolor button on the Properties panel.

enter image description here

  • This is not the same as a gradient map. This is more like a Multiply blending mode. (which you can do easily without the opacity mask - i.e. transparency panel) There's a vast difference between this and an actual gradient map. I'd suggest you look at a gradient map in Photoshop using an actual gradient and not a single, flat, color.
    – Scott
    Feb 2, 2022 at 22:19
  • For Comparison . In addition, add a third color to the gradient and the difference is more apparent
    – Scott
    Feb 2, 2022 at 22:33

There is a workaround using Illustrator documents inside Photoshop,

One of the reasons we need to use vector art is to maintain resolutionless edges on text, flat art.. you know.. vector outlines.

Complete your art in Illustrator. Grayscale is best if you can think ahead far enough. Then PLACE it in Photoshop. When it asks you whether you want pixels or smart objects, pick smart object. This creates a link to the Illustrator document and keeps that work intact as is on the output side, with your gradient map effect. Some blending modes in the parent document may not work, I haven't used this technique on documents with complex blending options in layers.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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