Welcome, Guest

Please login or register

TUTORIALS SUBMENU

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING    [SUBMIT]

Related Links

Vector Masking


Photoshop can be used for a great variety of graphical tasks, including original content creation, interface design, and texture mapping. At the heart of its functionality there are, of course, also tools for photo manipulation and compositing - many of which are overlooked by the casual user. The aim of this tutorial is to detail 'vector masks', a handy Photoshop feature which allows you to 'cut out' objects from their background, but without any actual loss to the original source picture. The major advantages to this method will quickly become apparent, and soon you will wonder how on earth you ever coped with the traditional 'eraser' technique.

Step 1: Create a brand new document of a suitable size with a single background layer. Now add in the picture you want to mask as a layer above the background.

Step 2: Zoom as far into your creation as is comfortable (400% to 1600% is usually the charm), and start to draw a path around the outside of your object with the Pen Tool. As a general recommendation, try to stay just inside the edge of the object - this way you will avoid including different coloured edge pixels in your final image and get a much cleaner result.

Step 3:  Clicking and dragging when placing your points will allow for smoother and more natural curved results than just clicking and placing straight lines. The Pen Tool is a hard tool to master, though, so just keep practicing. When you have a path all the way around your object, join up the first and last pen anchor points by double-clicking the first point you placed - This will complete the path.

Step 4: Using the Direct Selection Tool, right click on a line in your pen path and select the option to 'Create Vector Mask'. If you have the object layer selected and have done everything correctly, you should now have an image isolated from its background. If parts of your mask don't look right, just go back in with the Direct Selection Tool and adjust your pen points accordingly.

Step 5: Now all you have to do is add a funky background, the odd layer effect here and there, and you have your finished result! There, that was easy, wasn't it?

- Tutorial written by Man1c M0g

Automatic Translations: Translate Into French Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Last 5 User Comments

User:  Jolt (#54520)
Date: Thu Nov 13, 2008. 04:20:39

Post #10 of 10

Use the direct selection tool and Option-click (Mac) or Alt-click (Windows) the path.

Reply to this post


User:  azmanblues (#54518)
Date: Thu Nov 13, 2008. 03:42:28

Post #9 of 10

Hi! I've followed the vector masking tutorial using the Pen Tool to the letter, yet at the final stage when I right click the path using the Direct Selection Tool, the option 'Create Vector Mask' is not open for me! For your info, I'm using CS2. Please help! Thanx!

Reply to this post


User:  Arwen64 (#54440)
Date: Sun Nov 09, 2008. 23:26:46

Post #8 of 10

I just joined this forum, so my comment may come late, but I still would like you to know I am really happy with this tutorial. Never has isolating parts of a picture been so easy.
Thanks a lot.

Reply to this post


User:  Ursaline (#43026)
Date: Mon Jun 25, 2007. 19:41:50

Post #7 of 10

Thanks ! I've mangled more than my share of pics trying to cut out images.

Reply to this post


User:  todd conover (#40091)
Date: Sat Mar 31, 2007. 11:20:43

Post #6 of 10

Quote from Man1c M0g;17134:
Ahhhhh, thats one of CS's features that I find annoying. To turn it off and just show the path, look at the far left of the toolbar when you are drawing the path. Beyond the currently-selected tool icon there will be a small bank of 3 icons. Select the middle one called 'paths', and it will only show the path, and nothing else.


If this was not here I never would have figure this out, mine kept turning white as I drew the path.

Reply to this post


--- View Entire Thread ---
Amazing Font Pack!

Featured Tutorialsmore

The Last Remainder
The Last Remainder
- Adobe Photoshop -
Spirograph Effect
Spirograph Effect
- Adobe Illustrator -
Framing Your Paint...
Framing Your Paint...
- Maxon Cinema 4D -
Glassy Pill Buttons
Glassy Pill Buttons
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Related Links



Special Options
Printer Friendly Version
Forum Threads

 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 11:16am
Activity: 1 replies, 884 views
 changes....
Author: supertackyman
Posted: Sep 12th, 2:56am
Activity: 2 replies, 1048 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 3:50pm
Activity: 0 replies, 1053 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 12:58pm
Activity: 0 replies, 1933 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 2:18pm
Activity: 0 replies, 1828 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 2:33pm
Activity: 0 replies, 14440 views
Blood Dripping from Letters
Author: patricia3d
Posted: Apr 05th, 3:37am
Activity: 0 replies, 2747 views
A New Designer has joined the ranks
Author: skates1
Posted: Mar 28th, 2:19pm
Activity: 2 replies, 2771 views
The hole in Photoshop
Author: Mars
Posted: Feb 13th, 9:28pm
Activity: 2 replies, 3438 views
Colour Swatch
Author: ebz7350
Posted: Jan 15th, 11:18am
Activity: 0 replies, 2354 views
 BioRUST Forums - Reply to Topic
Author: inonShozy
Posted: Jan 11th, 11:32am
Activity: 8 replies, 2498 views
 Version 2 of my portfolio site.
Author: andrewnleon
Posted: Jan 08th, 6:18am
Activity: 6 replies, 2797 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    441
Total Fonts:    4673