Masking is a fundamental part of the Photoshop workflow and there are, of course, many different ways to making a mask. Layer Masks, Vector Masks and Clipping Masks are all techniques with their own merits and challenges.
In this quick tip I’ll show you a very quick and easy way to import vectors from Illustrator and convert them into Vector Masks. Be sure to check out the link at the bottom of this article where you can download the project files used in this article.
Here I have a vector shield from one of GoMedia’s brilliant vector packs. I just select the paths and press Command-C (Ctrl-C PC) to copy them into the clipboard.
Over in Photoshop I have two Layers. The bottom one is a textured background image.
The top one is a metal texture I got from the web. With this layer selected I Command-Click (Ctrl-C PC) on the Create Mask icon in the Layers panel to create a Vector Mask. A regular click on this icon creates a Layer Mask that reveals or hides pixels based on greyscale values.
With the Vector Mask thumbnail selected simply paste in the paths you copied from Illustrator. Photoshop will ask you how you want to import the paths. Choose 'Path'.
The paths may come in quite small depending on the scale in Illustrator so you might need to resize them.
Press Command-T (Ctrl-T PC) to invoke the Free Transform tool and resize. Hold down Shift-Option (Shift-Alt PC ) and drag to scale proportionally. Hit Enter to apply the Transformation.
You should see that the top Layer is only being revealed only inside the paths you pasted in.
Your now free to add an Layer Styles you wish to the masked Layer.
Here’s the finished result.
Vector Masks have one very obvious plus, they’re scalable! Vector Masks remain pixel perfect no matter how radical the scaling, unlike pixel based masks which will degrade when scaled up.
They are very closely related to Shape Layers which also work the premise of paths. Most people don’t relate Photoshop with Vectors but it has all the basic functions of Illustrator like the Pen tool (which can also be used to create Vector Masks), Path selection tools and Shape Modes (for subtracting and intersecting shapes made with paths).
Another obvious choice is the shear number of great Vector shapes out there. From GoMedia’s fantastic Arsenal collection to iStockphoto, design elements can be brought in to Photoshop that would otherwise be hard to find in Brushes, Shapes or extracted from pixel based images to make complex Masks and composites.