Designer Today - Graphic Design Magazine
Designer Today is the premiere graphic design magazine and tutorial resource for designers

Illustrator Tutorials


 


Opacity Masks and How They Work - Illustrator Tutorial
Jacquelin Vanderwood

 

July, 2007

In this tutorial I'll cover opacity masks and how they work.

Let's start with a bottle made in Illustrator. 

You can create a design in Photoshop which I find easier to do and then copy and paste it directly into Illustrator. I used a shape here. This is one version, straight black-and-white.

With the bottle selected, open Transparency and choose Make Opacity Mask. 

Uh-oh. Where the bottle go? It's there, we just can't see it. 

No click on the right square. 

Paste the item you copied in Photoshop into the right square. 

With adjustment to the pasted piece we get a look like the one below. 

Delete the above pasted piece. Back in Photoshop create a nice gradient. Copy and paste into the right-pane in Illustrator. 

After pasting the gradient into the right-pane, and transformed it vertically to better see the result. Where there's white the color shows through but where there's black it's hidden. 

Still with the same gradient and mask, click Invert and see the result. 

In Photoshop let's add a shape use Gaussian Blur then copy once more. 

Without removing the last gradient, I pasted this alpha into the right-pane. 

Of course, I reduced the size of the pasted version after pasting into Illustrator to more easily show you  the results.

Making a different gradient and then using a soft brush to make dots in Photoshop, I then copied this alpha. 

I pasted the above into the mask and reduced transparency to 90%. Using masks can really give interesting effects to a piece. 

Here I've deleted all of the pasted pieces in Illustrator's Transparency, unchecked Invert Mask, and then pasted the last pasted gradient piece into the right-pane. 

Here I used the Fiber filter and pasted it into the right-pane. 

Here's a design also pasted into Illustrator's Mask with an Invert Mask and Difference applied.

There is so much variety you can achieve. 

And more. 

 

Download the original source files from this tutorial in Zip format Here




Copyright (c) 2007, Jacquelin Vanderwood, All Rights Reserved

 



Be the first to bookmark or share this

 

 

 



Illustrator Tutorials for Illustrator 9, 10, CS, CS2 & CS3

In this section you will find excellent Adobe Illustrator tutorials and training, as well as Illustrator tips, tricks, techniques and effects. We have tutorials covering Illustrator 8, Illustrator 9, Illustrator 10, Illustrator CS, Illustrator CS2 and Illustrator CS3 tutorials. Visit the Designer Today resource directory for more Adobe Illustrator tutorial resources. You can also find many more Adobe Illustrator tutorials on Tutorials Today.









Designer Today Tutorial CD

Designer Community Forum

Advertise on Designer Today

Search and register domains at 123 Domain Names UK, Domain Name Registration UK
and the
UK Domain Name Registration Centre

Designer Today - The Graphic Design Magazine for 2D and 3D graphic designers Hundreds of graphic design
and graphic design software tutorials, product reviews and design articles for the graphic designer


Graphic Design Articles | Graphic Design Newsletter | Graphic Design Training  
Photoshop Tutorials | Illustrator Tutorials | After Effects Tutorials


Also be sure to visit
Fun Meme Jokes and Humor | Favorite {fvrit} Blog |
Poser World | The Poser Gazette
Favorite Media |
Stock 3D wiki | Statesboro Magazine | Five Million Dots | Small Business Consumer
GMP Savings Store

Privacy Policy | Website Copyright and Terms & Agreement | Contact | Information | Site Map | Advertise | Submissions

DesignerToday.com runs on a Content Management System by GMP Services
Copyright © 1998-2008, GMP Services, Inc. -
Media Publishers of Statesboro Georgia, All Rights Reserved