Welcome, Guest

Please login or register

TUTORIALS SUBMENU

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

Sponsored 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. 20: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. 12: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

LCD Interfaces
LCD Interfaces
- Adobe Photoshop -
Simple Flash Prelo...
Simple Flash Prelo...
- Macromedia Flash -
Semi-Transparent K...
Semi-Transparent K...
- Adobe Photoshop -
Particle-Based Clo...
Particle-Based Clo...
- Blender 3D -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Advertisements





Special Options
Printer Friendly Version
Forum Threads

 Re: 3ds Max Tutorials for Beginners
Author: 3DSMaxresources
Posted: Feb 22nd, 4:29pm
Activity: 0 replies, 694 views
Delete Account
Author: Neo824
Posted: Oct 18th, 7:47am
Activity: 1 replies, 1821 views
Back...
Author: unleash
Posted: Jul 02nd, 12:37pm
Activity: 2 replies, 1913 views
Help Please :)
Author: Roosta
Posted: Mar 25th, 5:08am
Activity: 0 replies, 2366 views
thank you
Author: HypepapyHer
Posted: Mar 24th, 9:18pm
Activity: 1 replies, 1734 views
 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 12:16pm
Activity: 1 replies, 2496 views
 changes....
Author: supertackyman
Posted: Sep 12th, 3:56am
Activity: 2 replies, 3400 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 4:50pm
Activity: 0 replies, 2650 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 1:58pm
Activity: 0 replies, 4020 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 3:18pm
Activity: 1 replies, 3778 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 3:33pm
Activity: 0 replies, 17004 views
Blood Dripping from Letters
Author: patricia3d
Posted: Apr 05th, 4:37am
Activity: 0 replies, 4912 views
Forum Threads

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