Using the Pen Tool to Extract or Make Selection

Friday, September 12 2008

A more advanced way of making a selection and extracting images is to use the Pen tool. The Pen tools is more a way of working with vector shapes, and let's us get some really nice curves. It's a lot more useful than using the marquee selection tool for smooth selections/extractions.

If you're looking for a really good web host, try Server Intellect - we found the setup procedure and control panel, very easy to adapt to and their IT team is awesome!

In this demonstration, we will extract this boy's face from the background using the Pen tool:

We can either use the Pen tool or the Freeform Pen tool. The difference is that when working with the Pen tool, we choose when to place our anchors, but with the Freeform Pen tool, it will 'guess' where is the best place to put the anchors - you can alter the settings by using the magnetic options for example.
First, we will try the Freeform Pen tool. We can zoom in for a better view, but make sure the whole image is still visible to you - particularly if you're using magnetic, as it will prove difficult to move around whilst drawing. Try to draw down the side of the face. With magnetic turned on, it can be a lot easier:

Selecting around the edges with the Pen tool doesn't matter, as we can easily add that to the selection afterwards. The main aim of the Pen is to separate the background from the part we want. We can use the Freeform Pen tool to select the Path that was created and examine the curves. We can also edit the Path to make a better fit. Using the Freeform, you can hold Ctrl and click to move anchors around, and hold Alt down to edit the anchors's curves.
For example, here where the path doesn't get close enough to the mouth, we can add a new anchor at that point by simply clicking on the path (notice the cursor changes to a Pen with a + sign:

We used over 10 web hosting companies before we found Server Intellect. Their dedicated servers and add-ons were setup swiftly, in less than 24 hours. We were able to confirm our order over the phone. They respond to our inquiries within an hour. Server Intellect's customer support and assistance are the best we've ever experienced.

Now choose the Convert Point tool and move the new anchor in to the lip:

Next, we can use the same tool to move the arms of the anchor, to change the direction of the path to match the face:

Now go around the path and make sure it's snug against the face - adding, editing or subtracting anchors as needed. We should have something like this:

Now we can goto the Paths panel (Window > Paths), and then right-click the path we created in the panel, and choose Make Selection, 0 Feather.

If you're ever in the market for some great Windows web hosting, try Server Intellect. We have been very pleased with their services and most importantly, technical support.

Now we can fill in the selection around the edges with the regular marquee tool, and then copy and paste into a new layer, and do what we want with the background (blur, for example) or give it a new background:

Notice how smooth the edge is - a selection marquee tool alone could never achieve these results.


To download this project, enter your email address and a link will be emailed to you.
Email Address:   Download the sample project here

Guys, please take a look at Server Intellect for Windows Web Hosting. I'm very pleased. You will be too. Take a look and see for yourself!

Comments

Muhammad Shahzad said on 11.09.2008 at 3:40 PM

Very Good Tutorial


me said on 12.03.2008 at 8:08 AM

What is great muhammad!

I am not sure whom it is dedicated!

They say nothing where the following options are placed , and in the end "we can fill..." without any info!

...and the commertials! - is it tutorial or adsnewspaper!

Wasting time.

Rating (minus)10


Leave a Comment