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. 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 ---
Featured Tutorialsmore

Sinedots
Sinedots
- Adobe Photoshop -
Crumpled Paper Bag
Crumpled Paper Bag
- Adobe Photoshop -
Abstract Wireframes
Abstract Wireframes
- Adobe Photoshop -
3D Pill
3D Pill
- Adobe Illustrator -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Related Links

Special Options
Printer Friendly Version
Forum Threads

 Link Pop Up
Author: Rtouch
Posted: Aug 28th, 12:59pm
Activity: 5 replies, 0 views
Tips and Tricks on how to speed up rendering
Author: heartscool
Posted: Aug 21st, 6:42am
Activity: 0 replies, 0 views
Hello
Author: goingtothedogs
Posted: Aug 17th, 5:42pm
Activity: 3 replies, 0 views
3ds,zbruh,texturing help
Author: heartscool
Posted: Aug 16th, 5:06am
Activity: 0 replies, 0 views
3dsMax-autocad question
Author: heartscool
Posted: Aug 03rd, 7:02pm
Activity: 0 replies, 0 views
Car texturing
Author: heartscool
Posted: Aug 02nd, 5:28am
Activity: 0 replies, 0 views
 Hi Everyone!! :)
Author: StarMania
Posted: Jul 31st, 5:30pm
Activity: 3 replies, 0 views
Fire text effect in 3ds max
Author: heartscool
Posted: Jul 24th, 1:56pm
Activity: 0 replies, 0 views
Where did everyone go!?!
Author: LemonTree
Posted: Jul 22nd, 12:15am
Activity: 6 replies, 0 views
Protecting Email Addresses from Spammers in HTML
Author: LemonTree
Posted: Jul 22nd, 12:13am
Activity: 0 replies, 0 views
3ds max wireframe render ?
Author: heartscool
Posted: Jul 20th, 2:51pm
Activity: 0 replies, 0 views
Site issue
Author: Jormi_Boced
Posted: Jul 07th, 8:40pm
Activity: 11 replies, 0 views
Forum Threads

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