|
|
|
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
| 
|
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 |
|
|
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 |
|
|
Thanks ! I've mangled more than my share of pics trying to cut out images. |
Reply to this post |
|
|
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 ---
|

|
|
 |
php, shoutbox problems Author: vanhansen Posted: Nov 17th, 1:30am Activity: 5 replies, 92 views
|  | MarkupGeeks Logo Author: ahstanford Posted: Nov 16th, 8:45pm Activity: 12 replies, 154 views
|  | Drawing Tutorials Author: ahstanford Posted: Nov 16th, 12:46am Activity: 0 replies, 99 views
|  | Superbowl predictions, anyone? Author: ahstanford Posted: Nov 15th, 10:46pm Activity: 10 replies, 138 views
|  | Photomanipulation Footsteps Author: ahstanford Posted: Nov 15th, 10:43pm Activity: 4 replies, 97 views
|  | Learning to draw... Author: ahstanford Posted: Nov 15th, 12:43pm Activity: 4 replies, 115 views
|  | Looking for simple UI elements Author: FenixRoA Posted: Nov 15th, 6:40am Activity: 7 replies, 108 views
|  | HDD Help? Author: Phoenix Wynde Posted: Nov 13th, 2:31am Activity: 1 replies, 107 views
|  | Fun New Battles Posted! Author: ahstanford Posted: Nov 11th, 7:33pm Activity: 0 replies, 141 views
|  | 4-man Simon Tournament Author: ahstanford Posted: Nov 11th, 3:28pm Activity: 0 replies, 91 views
|  | Design Brief Inspiration for BioRUST Battles! Author: ahstanford Posted: Nov 11th, 7:19am Activity: 4 replies, 140 views
|  | The BioRUST Free Stock Photography Thread Author: ahstanford Posted: Nov 11th, 6:32am Activity: 2 replies, 146 views
|  |
|
 |
 |
 |
 |
 |
| --- Site Resources --- |
| Total Tutorials: | 212 |
| Total Downloads: | 415 |
| Linkbase Links: | |
 |
|
 |
 |
|