2

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 at 8:10
  • I am trying with multiple objects using gradients. Will save time if there is a shortcut to it. – Hani92 Jul 11 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 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 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 at 8:35
3

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

2

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 at 3:08
  • 1
    "How can I fade an object which uses the gradient or mesh tool?" :) – Scott Jul 13 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 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 at 4:22

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.