Creating a gradient opacity mask in Illustrator

Illustrator has great control over gradients and blends but if you want to fade the gradient from color to transparency you have to use Opacity Mask.

The use of opacity masks in Illustrator is not as straightforward as in Photoshop but is just as powerful once you get to know how to use them.

Here is something to get you started.

cdl_capture_2011-07-21-38_ 000

THE PROCESS

Select the object you want to make transparent. Create a rectangle and fill it with black and white gradient.

(The gradient you use as a mask doesn´t have to be black and white, you can use any color you like).

Make sure the gradient is in front of the object you are working on. And Select both objects.

gm_03

Now open the Transparency panel and choose “Make Opacity Mask”

make_opacity_mask

The lighter color of the gradient makes the object transparent and dark makes it opaque.

gm_04If you click on the gradient icon in the Transparency panel, you can play around with the gradient on the artboard, changing the direction and position of the gradient.

gradient_mask_edit

Clicking back on the object icon takes you back to the object where you can change it´s color and apply effects.

You can even fill it with a gradient.

gm_06This technique is very useful when you are creating Highlights or shadows.

examples21

examples

Join the Conversation

1 Comment

  1. I have been surfing online more than 3 hours nowadays, but I never found any fascinating article like yours. It’s lovely price enough for me. In my view, if all webmasters and bloggers made excellent content material as you did, the net shall be much more useful than ever before.

Leave a comment