Adobe Illustrator CS3 Opacity Masks Tutorial

Tutorial Written by: George Ornbo (Shape Shed)

Opacity Masks are all over the web. Here's a short tutorial on how they work in Illustrator and how you can use them in your designs.

We are going to create a shape with a highlight using an opacity mask. If you would like to work through the example there is an illustrator file for this example.

An opacity mask allows you to mask off an area of an object and then selectively let whatever is underneath show through. The word opacity is a measure of how see-through an object is. The more opaque it is the less see-through it is. So adding a mask means that you are allowing some light through but not all. This is very useful for creating a realistic light effect. In the real world light defines a shape by the way it reflects off it. In Illustrator we can get very close to this by using opacity masks.

Think of an opacity mask like a sandwich. You first you have the base shape. In this case it is a circle with a simple gradient and stroke applied to it:

Then there is the highlight that you want to show through. In this case I've used the pathfinder panel to create this highlight shape but you use the pen tool or anything.

Then comes a layer to control the opacity. I've copied the highlight shape and filled it with a black to white gradient. When we apply the opacity mask white will show through and black will be masked so I've mimicked the light source coming from the top left.

Seen in 3D the layers stack up like this:

To make the opacity mask select both the highlight and gradient layers. call up the the Transparency Panel (Window > Transparency). In the top right hand corner is a flyout menu where you can click Create Opacity Mask.

That's all there is to it. This is just one way you can create realistic light effects in Illustrator.

If you haven't yet got a copy of the illustrator file you can get it here.

If you are interested on learning more about these features, I personally recommend the products listed below. The Total Training Packages and the Marrutt software series are two of the top ranked tutorial companies for Adobe Products. Total Training is an official certified partner of Adobe. With these products you will reach an all new level of understanding of these products. Whether you are young student learning the ends and outs of the Adobe CS3 series or a businessman that would like to make those reports or websites look better than they have ever looked before. You can ensure that these products will increase your knowledge and enable you to be the next Adobe guru.

Illustrator CS2 Training Online from Total Training

Total Training provides customers with a Video Training Series that is promoted by a Partnership with Adobe Systems (Worldwide). You can't go wrong with the incredible series of DVD software that this company provides. Total Training provides a one of a kind offer to let you try all of their online products for 2 days with a special guest pass. You will be on your way to being an Adobe expert in no time!

If you would like something that is a bit more contemporary, why not settle down and read a good book. This Adobe Illustrator CS3 is written by the Adobe Creative Team. It provides great information for learning the ins and outs of the program. If you have the mindset to read attentively, I personally recommend this book.