I am trying to achieve this look in illustrator.

enter image description here

I can only do this much using gradient tool in illustrator.

enter image description here

Can someone tell me how can I make it look fade out like the first picture?

  • Does it need to be with a single shape? Have you tried stacking multiple objects? You need to think a bit outside the box with this one.
    – Luciano
    Jul 11, 2019 at 8:10
  • I am trying with multiple objects using gradients. Will save time if there is a shortcut to it.
    – Hani92
    Jul 11, 2019 at 8:17
  • If you're doing it with multiple objects then you can find the answer yourself. How much have you learned about gradients?
    – Luciano
    Jul 11, 2019 at 8:19
  • Definitely not an expert. If I add an object with gradient shades it is leaving out a sharp edge. Not giving out the smooth fade out endings.
    – Hani92
    Jul 11, 2019 at 8:26
  • @Hani92 mesh tool is way cool but it takes practice to master anyway you can try out that method too :D after all if you learn mesh tool you'll enjoy illustrator even more :D
    – Mr.Online
    Jul 11, 2019 at 8:35

2 Answers 2


Use Opacity Mask

It's lifesaver when you need to make something complex comps :D I personally use it a lot in both Illustrator and Photoshop!

I'll try to explain the steps which I personally Follows!

  1. Make sure you have opened Transparency window by Shift+Ctrl+F10 or window->transparency.

  2. Create a rectangle or any shape and fill a gradient color in it but make sure the both color should be pure black and pure white ( basically the white colored part will be shown and the black colored part will be hidden after mask )

  3. Select rectangle and your path and click on Make mask :D and voila you're done.

I shared little video to help out more! Cheers!

enter image description here


This is somewhat guesswork since I can't see the mesh points in your screenshots.

However, I don't see why you need to mask anything.

Merely select the mesh point(s) on the left and set their color to white. They will fade the mesh to white on that side.

enter image description here

Sometimes with meshes it's easier to start with rudimentary shapes and adjust. This is what I would do here -- start with a simple rectangular mesh and then move and adjust the mesh points to match the desired shape.

Here is a large (1MB) gif animation showing this procedure.

  • <I can only do this much using gradient tool in illustrator.> He said that he used gradient tool instead of mesh pr gradient mesh though i reproduced same situation by making stroke gradient :D since at first sight even i thought it's mesh tool!
    – Mr.Online
    Jul 13, 2019 at 3:08
  • 1
    "How can I fade an object which uses the gradient or mesh tool?" :)
    – Scott
    Jul 13, 2019 at 3:12
  • OMG! that's it lol sometimes i should read title x10 times too instead of only post :D +1 already for your answer :)
    – Mr.Online
    Jul 13, 2019 at 3:28
  • I didn't know how I can do it masking or mesh since I am new using illustrator. I made that using a normal gradient option in stroke. Someone edited the title here. But thank you. I didn't know I can use mesh tool like that.
    – Hani92
    Jul 15, 2019 at 4:22

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.