Professional Documents
Culture Documents
Cutting Out An Image With The Pen Tool
Cutting Out An Image With The Pen Tool
Cutting Out An Image With The Pen Tool
You might already be cutting out images in Photoshop but if you’re not using the pen tool, then you are
probably doing it wrong! “Why?”, you may ask.
1. Accuracy. There is no way you are going to get the same level of control using the lasso tool or other
selection methods. Using the pen tool enables you select partial pixels. This means that the edges of your
selection will always be smooth (no jagged pixel edges). The pen tool literally puts transparency on the bit of
the pixel that exists outside of the selection.
2. Options. By using the pen tool there are numerous post options available. You can save the shape, or maybe
fill or stroke it.
So open your image in Photoshop and using your pen tool trace around the outside. There are two ways to do
this. You could click and drag on each anchor point to get the right curves but I find this process too slow. I
prefer to click around the object (essentially cutting it out with straight lines) and then go back and adjust the
curves/anchor points.
Make sure your pen tool is set to Create Path and that the path option is “add to path area”. See image below.
I’ve chosen a picture of Gary Hoff, doing a standard orangutan impersonation, as the image I want to cut out.
The image below shows the rough work path I lay down first. If the image you are cutting is quite detailed, like
mine, zoom in (Ctrl +) and out (Ctrl – ) as you work.
It is EXTREMELY important to close the work path so that it can be made into a selection. This means that
your last anchor point must meet up to the first anchor point. Once you have made your way around the object
you must click once more on the starting point. When you get to the starting anchor point it will be marked with
a small circle. See image below.
The image below shows a close up of the work path once the curves were created and the anchor points
adjusted.
The trick is to know where to put anchor points, and this is something that comes with a little practice. The pen
tool does become very easy, but initially it will be slow, so try not to get put off.
Now right click on the work path and select Make Selection.
Copy the selection (Ctrl + c) and paste it on to another image (Ctrl + v). I’ve chosen a nice jungle path for Gary.
Due to the partial pixel selection the image blends smoothly on the new background. With only a few more
minor adjustments this will be a nice composite.
CREATING COMPLEX SHAPES
To create a shape within a shape, such as a donut, it is a simple matter of making sure your path is active and
selecting the right option from the top (for a donut it would be “subtract from shape area”). The images below
explain it better than text.
1. Create a circle Shape Layer using your Elipse Tool. See image below…
2. Select “subtract from” on the top options (see 1. below) and notice how the cursor shows a subtract symbol
when you mouse-over the shape (see 2. below).
Name your shape and click OK. Select your Custom Shape Tool from the Toolbar.
You will now see your new shape in the Custom Shape picker.
Now check your foreground colour before you make the shape. You can see in the image below my foreground
color is black. The shape you create will be the foreground color.
Until now we have been making WORK PATHS but now we want to make a SHAPE. See image below.
Feel free to contact me via my contact page if you have any questions.
How To Use The Pen Tool To Make Detailed Selections
Hillary Grigonis, 2 years ago 5 min read 375 Shares
Photoshop’s selection tools make it possible to isolate a single object or remove a photo’s
background — but if you mess up using the lasso tool, the only option is to go back to start outlining
all over again. That’s why, when it comes to making specific, detailed selections, many Photoshop
pros don’t use any of the selection tools at all. Instead they look a few icons further down in the
toolbox — and are rewarded with the pen tool.
Unlike the lasso tool, the pen tool pays no attention to the pixels underneath it, giving you full control
over exactly what is selected, from simple geometric shapes to delicate curves. By creating
permanent paths instead of temporary selections, the pen tool makes it possible to go back and edit
the selection, no matter how many steps you’ve taken in between. While the pen tool is often more
time-intensive than other options, when it comes to advanced, accurate selections, the pen is
mightier than the sword — err, selection. Here’s how to master the pen tool inside Photoshop.
After selecting the pen tool from the side toolbox — the one that looks like the tip of an old fashioned
inkwell pen — a simple click creates the first point. A second click adds another point, connecting the
two with a straight line. Adding points all the way around the object until clicking on that first point
again makes a complete selection.
Tip: Tapping P on the keyboard will also select the pen tool.
While a simple click is great for selecting geometric selections with straight lines, what about objects
following a curve? Instead of clicking for that next point, clicking and dragging the mouse creates a
curved line. Dragging up and down changes the height of the curve, while dragging left to right will
change the intensity of the curve, from straight to a tall curve.
When you click and drag to create a curve, you’ll see handles or a straight line pop up. As you drag
the point, the handles will indicate the direction and intensity of that curve. To create a smooth curve,
leave those handles about 1/3 the length of the distance between the next point — too long, and your
curve will swoop back in the other direction first.
Continue making points around the object, using a new point every time you need to change the
direction, clicking for straight lines or clicking and dragging for curves. Once you’ve gone all the way
around the object, complete the path by clicking on that very first pen point — you’ll see a circle when
you hoover over the first point.
With the path completed, go to the Paths panel (it’s by default a tab with the layers panel) and
rename your path to save it. If you don’t rename the path, it will disappear if you start creating a
second path.
To edit a path, make sure the correct path is highlighted in the Paths panel. If you need to move a
point to adjust either a straight line or a curve, use the Direct Selection Tool — it’s the arrow cursor
that’s white, not black. To adjust a straight line, click that point and drag it to the new location; to
adjust a curve, grab one of the handles or straight lines coming off the curve.
If you need to add additional anchor points between existing points, or need to remove points, click
and hold on the pen tool in the toolbar and select the add or delete anchor point tools.
To move the entire path at once, go back to the arrow tool, only this time use the black Path
Selection Tool option. Clicking and dragging on a line will move the entire path.
Back inside the Paths window, right click (or option click on a Mac) on the path you made and choose
“Make Selection” from the dropdown options that appear. In the pop-up window, choose the feather
radius, or how soft to make the edge. If you’re cutting out an object that has some edges out-of-
focus, use a higher feather.
Now, your path turns into a dotted line — the object you clipped out is now selected. From here, you
can copy the selection to paste it into another file, or, you can add a mask for tasks such as removing
the background. With the selection still highlighted, click on the layer that contains the object (simply
called Background if you haven’t touched the layers yet), then click on the “Add Mask” icon in the
bottom of the Layers panel, which looks like a rectangle with a dark circle inside. The mask will
automatically be applied with the layer selection, removing the background. From here you can
continue to edit the photo, adding a different background or continuing to refine the edge using layer
mask tools.
If you need to go back and edit the path after you’ve already applied the selection to a layer, you’ll
simply need to make sure that layer is highlighted before going back into the Paths panel and
selecting the path for further fine-tuning.
With the pen tool, you have complete, editable control over any selection inside Photoshop. And
while it may not be the fastest selection tool in the Photoshop toolbox, when it comes to accuracy, the
pen tool upstages the rest.
A path
A. Curved line segment B. Direction point C. Direction line D. Selected anchor point E. Unselected anchor
point
A path can be closed, with no beginning or end (for example, a circle), or open, with distinct end points (for
example, a wavy line).
Smooth curves are connected by anchor points called smooth points. Sharply curved paths are connected
by corner points.
Smooth point and corner point
When you move a direction line on a smooth point, the curved segments on both sides of the point are adjusted
simultaneously. By comparison, when you move a direction line on a corner point, only the curve on the same
side of the point as the direction line is adjusted.
A path does not have to be one connected series of segments. It can contain more than one distinct and
separate path component. Each shape in a shape layer is a path component, as described by the layer’s clipping
path.
Select a path
Selecting a path component or path segment displays all of the anchor points on the selected portion, including
any direction lines and direction points if the selected segment is curved. Direction handles appear as filled
circles, selected anchor points as filled squares, and unselected anchor points as hollow squares.
1. Do one of the following:
To select a path component (including a shape in a shape layer), select the Path Selection tool , and click
anywhere inside the path component. If a path consists of several path components, only the path component
under the pointer is selected.
To select a path segment, select the Direct Selection tool , and click one of the segment’s anchor points, or
drag a marquee over part of the segment.
2. To select additional path components or segments, select the Path Selection tool or the Direct Selection tool,
and then hold down Shift while selecting additional paths or segments.
Note:
When the Direct Selection tool is selected, you can select the entire path or path component by Alt-clicking (Windows) or
Option-clicking (Mac OS) inside the path. To activate the Direct Selection tool when most other tools are selected, position the
pointer over an anchor point, and press Ctrl (Windows) or Command (Mac OS).
You can select multiple paths on the same layer or across different layers.
1. In the Paths panel, do any of the following to make the paths visible:
Shift-click to select contiguous paths.
Ctrl-click (Windows) or Command-click (Mac OS) to select non-contiguous paths.
2. Select the Path Selection tool or the Direct Selection tool and do any of the following:
Drag over the segments.
Shift-click the paths.
3. To select additional path components or segments, select the Path Selection tool or the Direct
Selection tool, and then hold down the Shift key while selecting additional paths or segments.
Note:
You can choose to work with paths in the isolation mode. To isolate only the layer containing a path, with the path active,
double-click using a selection tool. You can also isolate single or multiple layers by using the Select/Isolate Layers menu item
or by setting Layer Filtering to Selected.
You can exit the isolation mode in several ways, such as:
Turning off Layer Filtering
Switching Layer Filtering to something other than Selected
Double-clicking away from a path using the path selection tools
Reorder paths
You can reorder saved paths that are not Shape, Type, or Vector Mask paths in the Paths panel.
1. In the Paths panel, drag the path to the position you want. In Photoshop, you can select and drag more than
one path simultaneously.
Duplicate paths
1. In the Paths panel, select the path you want to duplicate. In Photoshop, you can select more than one path.
2. Do any of the following:
Alt-drag (Windows) or Option-drag the paths.
Choose Duplicate Path from the panel menu.
1. With the Direct Selection tool , select the segment you want to adjust.
2. Drag the segment to its new position.
1. With the Direct Selection tool select an anchor point on the segment you want to adjust.
2. Drag the anchor point to the desired position. Shift-drag to constrain the adjustment to multiples of 45°.
Adjust the position or shape of curved segments
1. With the Direct Selection tool ,, select a curved segment, or an anchor point on either end of the curved
segment. Direction lines appear, if any are present. (Some curved segments use just one direction line.)
2. Do any of the following:
To adjust the position of the segment, drag the segment. Shift-drag to constrain the adjustment to multiples
of 45°.
To adjust the shape of the segment on either side of a selected anchor point, drag the anchor point or the
direction point. Shift-drag to constrain movement to multiples of 45°.
Note:
Adjusting a path segment also adjusts the related segments, letting you intuitively transform path shapes. To only edit segments
between the selected anchor points, similar to earlier Photoshop versions, select Constrain Path Dragging in the options bar.
Note:
You can also apply a transformation, such as scaling or rotating, to a segment or anchor point.
Delete a segment
1. (Optional) If you’re creating an opening in a closed path, select the Add Anchor Point tool , and add two
points where you want the cut to occur.
2. Select the Direct Selection tool , and select the segment you want to delete.
3. Press Backspace (Windows) or Delete (Mac OS) to delete the selected segment. Pressing Backspace or
Delete again erases the rest of the path.
Using the Convert Anchor Point tool, click the anchor point of the direction line.
The smooth point becomes a corner point. For more information, see Convert between smooth points and
corner points.
Extend an open path
1. Using the Pen tool, position the pointer over the endpoint of the open path you want to extend. The pointer
changes when it’s precisely positioned over the endpoint.
2. Click the endpoint.
3. Do one of the following:
To create a corner point, position the Pen tool where you want to end the new segment, and click. If you are
extending a path that ends at a smooth point, the new segment will be curved by the existing direction line.
To create a smooth point, position the Pen tool where you want to end the new curved segment, and drag.
1. Using the Pen tool, position the pointer over the endpoint of the open path that you want to connect to
another path. The pointer changes when it’s precisely positioned over the endpoint.
2. Click the endpoint.
3. Do one of the following:
To connect the path to another open path, click an endpoint on the other path. When you precisely position
the Pen tool over the other path’s endpoint, a small merge symbol appears next to the pointer.
To connect a new path to an existing path, draw the new path near the existing path, and then move the Pen
tool to the existing path’s (unselected) endpoint. Click that endpoint when you see the small merge symbol
that appears next to the pointer.
You can override automatic switching of the Pen tool to the Add Anchor Point tool or the Delete Anchor Point
tool. This is useful when you want to start a new path on top of an existing path.
In Photoshop, deselect Auto Add/Delete in the options bar.
3. Position the Convert Point tool over the anchor point you want to convert, and do one of the following:
To convert a corner point to a smooth point, drag away from the corner point to make direction lines appear.
To convert a smooth point to a corner point without direction lines, click the smooth point.
To convert a corner point without direction lines to a corner point with independent direction lines, first drag
a direction point out of a corner point (making it a smooth point with direction lines). Release the mouse
button only (don’t release any keys you may have pressed to activate the Convert Anchor Point tool), and
then drag either direction point.
To convert a smooth point to a corner point with independent direction lines, drag either direction point.
1. Using the Path Selection tool , drag a marquee to select existing path areas.
2. Choose a shape area option from the Path Operations drop-down menu in the options bar:
Combine Shapes
Adds the path area to overlapping path areas.
Subtract From Shape Area
Removes the path area from overlapping path areas.
Intersect Shape Areas
Restricts the area to the intersection of the selected path area and overlapping path areas.
Exclude Overlapping Shape Areas
Excludes the overlap area.
1. Select the path name in the Paths panel, and use the Path Selection tool to select the path in the image. To
select multiple path components, Shift-click each additional path component to add it to the selection.
2. Drag the path to its new location. If you move any part of a path beyond the canvas boundaries, the hidden
part of the path is still available.
Note:
If you drag a path so that the move pointer is over another open image, the path is copied to that image.
1. Select the path name in the Paths panel, and use the Direct Selection tool to select an anchor point in the
path.
2. Drag the point or its handles to a new location.
1. Select the path name in the Paths panel, and select the Path Selection tool .
2. To create a single component from all overlapping components, choose Merge Shape Components from the
Path Operations drop-down menu in the options bar.
1. Select the path name in the Paths panel, and click a path component with the Path Selection tool .
2. Press Backspace (Windows) or Delete (Mac OS) to delete the selected path component.
You can align and distribute path components that are described in a single path. For example, you can align
the left edges of several shapes contained in a single layer or distribute several components in a work path
along their horizontal centers.
Note:
To align shapes that are on separate layers, use the Move tool.
To align components, use the Path Selection tool to select the components you want to align. Then choose an
option from the Path Alignment drop-down menu in the options bar.
Alignment options
To distribute components, select at least three components you want to distribute. Then choose an option from
the Path Arrangement drop-down menu in the options bar.
An Italian researcher named Silvano Vinceti sparked a new controversy over the world's
most famous painting when he claimed that tiny letters were painted into the eyes of the
Mona Lisa, which could finally help reveal the true identity of the model.
In a Guardian interview with Vinceti, the chairman of the Italian national committee for
cultural heritage, Vinceti said that "LV" (Leonardo's initials) is painted in black on top of
green-brown of her right pupil. More importantly, the letter "B" or "S," maybe even the
initials "CE," were found in the left pupil, which is a possible clue to who the model was.
Other clues to identifying the woman in the portrait include the numbers "149," with a fourth
number erased, on the back of the painting, which could be a year, as well as "72" or "L2"
being seen in the right-hand arch of the bridge in the background. To find out more of what
this means, see the full interview.
In light of all this, I figured a Mona Lisa tutorial was in order—one involving her eyes. A how-
to on hiding text inside the eyes would be appropriate, but that's easy enough to do, so in
this Adobe Photoshop tutorial, you'll see how to make the Mona Lisa blink her eyes!
You can also do one eye only for a winking effect. Otherwise, this article covers blinking of
both eyes.
If you want, try adding some hidden text inside the eyes, for hidden messages that you can
send to your friends! Just like Leonardo da Vinci did!
let's do it
First things first : we aren't straight up x-raying an actual picture here. We're messing with the image using various
filters/contrasts/other options utilizing image changing effects with Photoshop.
This effect won't always work. You can't really see through clothing unless there's something there to work with. ie. tight
fitted clothes, you get the gist.
2.) Go to the Layers palette and duplicate the image. (Right click Layer -> Duplicate Layer)
3.) At the top menu or toolbar, click Image -> Adjustments -> Invert. Note : you can also do this by pressing CTRL +
I.
4.) Mask your layer : at the same toolbar, click Layer -> Layer Mask -> Reveal All.
5.) Adjust the hue/saturation by once again clicking Layer -> New Adjustment Layer -> Hue/Saturation. Adjust
saturation to -100%.
6.) Select the original image layer in the Layers palette, and change the blending mode to Hard Light.
7.) Increase the effect by duplicating the same layer in the Layers palette. (Right click Layer -> Duplicate Layer)
That should do it!! Keep in mind that this really only works with images that give you
something to work wi