How to Draw New Path With Pen Tool

*Updated January 2022*
You're present because you want to know how to use the Pen tool in Photoshop. I've been teaching both Adobe Photoshop and Illustrator for finished fifteen years, and I can read without a doubt, the Pen tool is credibly the most feared and avoided tool in both apps.

Although it can be a frustrating tool to use at the beginning, it is very useful. This photoshop instructor will help you learn how to work with the Playpen joyride.

The Pen and SHAPE tools work in almost exactly the aforesaid way in single Adobe apps including Photoshop, Illustrator, InDesign, Revive, Later on Effects, and Premiere Pro.

If you want IT, you can download a Photoshop Free 7 Day Trial

I'm breaking this guide into easily light chunks.  Hither's what we'll cover:

  • How To Pull along Straight Paths
  • How To Add and Erase Points To Edit Your Path
  • How To Draw Curves
  • How To Draw A Closed Curved Way (e.g. Mexican valium)
  • How To Combine Straight and Curved Paths

What Is A Path?

A path is a straight or curved line which is the synopsis of a vector shape. Click here to find extinct more about the difference between vector and raster graphics.

What Is A Path In Photoshop

In Photoshop, we send away draw paths using the Write tool, the Freeform Pen puppet, the Curvature Pen tool, or extraordinary of the Shape tools (rectangle, ellipse, polygon, occupation, and impost shape). The Curve Playpen joyride works in a slightly different way than the Pen tool.

In Photoshop, the Pen tool can be used for drawing real exact paths. We tooshie fill the paths with colour and/or stroke them with colours. We can also turn those paths into selections. So let's get started with using the tool around to draw straight lines.

Note: All of the sort grabs you see here are taken from Adobe Photoshop CC, only almost everything you read here is applicable to older versions of Photoshop going back several versions.

Drawing Upright Lines With The Pen Joyride

1 – Lot A Track With The Pen Tool

1 – Make up a new-sprung blank written document in Photoshop aside choosing File out > New. I've created one at 1000 x 1000 pixels with a resolving power of 72ppi.

2 – In the toolbar, select the Pen Joyride.  The shortcut is to hitP on the keyboard.

1-Pen-Tools-In-Photoshop-Toolbar

3 – Before we begin drawing with the Indite. let's set up some Options in the bar at the top of the riddle.

Pen Tool Options High Res
  • Choose Shape from the first drop-down option.
  • Choose No Color from the Fill pop out-high menu.
  • Choose a flushed color from the Stroke pa-up bill of fare.
  • Enter 5px for the stroke breadth.
  • In the Stroke Options window, pick out Center from the Align menu.
  • Make sure that the Natural rubber Band agree box is not hand-picked in the Path Options pop fly card.
  • Make sure that the Auto Add/Erase pick is selected.

Note: If you're outlining a subject for selection, surgery for drawing a track to add pixels to afterwards, choose the Path instead of the Mold option.

When you first select the playpen joyride, earlier you depict any points, a elfin asterisk bequeath appear beside the pointer. The asterisk means that you are around to start drawing a new path.
3-Pen-Tool-Start-A-New-Path-1
It's important to pay attending to the tiny symbols which appear beside the Pen tool cursor because it tells you how the Playpen will carr.

4 – Click once connected the document where you want the lawful line section to commence.Do not drag.

5 – Move your cursor to another part of your document and detent again to supply the next point. The points that connect paths are called anchor points.

Note: If steering lines appear (they look the like supernumerary lines coming prohibited of an anchor point), you've accidentally dragged the Playpen creature and you will draw a curve instead than a unpermed line. If that happens, preferCtrl + Z (Windows) OregonCmd + Z (Mac) to undo, and chatter again.

Notice that the first anchorperson point you created when you clicked the first meter is now ringing, while the last anchor point is a satisfying square. A solid anchor point means that it is currently selected.

6 – To continue creating your untwisted line segments, just keep clicking connected the document where you want to put on an linchpin point and Photoshop testament create the path in between.

4-Continue-Clicking-With-Pen-Tool

Tip: If you want to tighten the angle of the segment to a octuple of 45° hold bolt down theShift key as you click.

The path you see above is called anOpen Path. That means the starting repoint and the endpoint are divers, they set not link up. You act up non have to create closed paths every time you draw. Open paths are utopian for drawing entirely types of lines.
5-Closing-The-Path

If you wishing to fill an area with colorize though, it's a superb idea to close the path. To close a course, simply click back to the forward point you created. You will construe with a decreased circle appears next to the Pen tool pointer indicating that the way of life will close aright.

Once you conclusion a path, the cursor will immediately modification to indicate that the next time you click happening the document you will be starting a brand new track.

If you want to leave a path open on the other hand start another new path,Ctrl + Click (Windows) orCmd + Click (Mackintosh) anyplace away from the path you drew. Alternatively, you can finish a path past clicking on any other tool in the toolbox.

2 – Add and Delete Anchor Points

In that respect bequeath be times when you want to add extra anchor points to your paths operating theatre edit existing anchor points that you Don River't need.

A good rule out of leaf when working with transmitter graphics is to use as fewer anchor points as possible to achieve uncreased lines. This is particularly true when draftsmanship curved paths with the pen tool, which you'll see in brief.

Deleting an anchor guide on a path

1 – Choose theDelete Anchor Point tool from the toolbox (hidden under the Pen tool).
6-Remove-Anchor-Point-Tool

2 – Chatter on the point you privation to delete.

Adding an anchor point connected a way of life

3 – Prime the Bestow Anchor Point joyride in the toolbar.
7-Add-Anchor-Point-Tool

4 – Click anywhere on a line segment using the Add Anchor Point tool.

Often the path shape whitethorn not look very different after you add a dot to a straight section, but when you edit the point (we'll come to that in a future post) then you'll see the difference.
8-Add-Anchor-Point-To-Line

Straight Path Pen Tool Practice!

So that's how to draw straight line segments, precise available and nothing to be frightened of there. The key to using the Pen tool is practice, apply, practice.

Create a new Photoshop document and answer the following:

  • Test drawing off open paths of Zig Zags.
  • Try drawing closed paths of triangles, rectangles, squares, polygons, stars and different random shapes where the first anchor point becomes the conclusion stop.
  • Convey a condole with finish paths and opening new ones. Give it a try at drafting all of the shapes below. It volition assistanc you get a feel for using the pen puppet.9-Pen-Tool Practice

Drawing Curves With The Photoshop Pen Tool

Therein part of the Pen Tool Guide, you'll read how to draw

  • a gently serpentine open itinerary  (easy peasy)
  • a close circle course  (promiscuous)
  • a tortuous route made from curves and straight points (a bit more tricky, but an of the essence skill)

Once you've gained an understanding of how the curves work, combined with some practice, you'll soon find yourself becoming a Write Tool Master!

How curved paths are created

Unlike straight paths, which are just a substance of clicking erstwhile, so picking where you wish your next point and clicking again, curved paths are created aside clicking and dragging out direction handles.

The start time you click and drag, you set a starting point for the curved track and importantly, you also determine the steering and size of the slew. Eastern Samoa you continue to add a point and drag, a curving path is drawn between the previous guide and the current power point.

Cardinal things happen when you click and drag with the Pen tool around.

1 – An backbone point is ordered on the artboard when you click.

2 – Direction lines and direction points are closed when you drag.

We expend the direction lines and points to determine the direction and soma of the sinusoidal path we'Re draftsmanship.

3 – Pull out A Curved Path With The Indite Puppet

Let's starting line by drawing a gentle curving line.

1 – Take the Pen tool (P) from the toolbar.11-Pen-Tool Curves

2 – ChoosePath mode in the Options bar at the top of the screen.
12-Choose-Path-From-Pen-Tool-Options
Again,note that we could exercise Shape mode here, but in that mode, Photoshop fills the path with colour when you start draft and information technology can become confusing as to where your drop anchor points are. We'll talk about drawing shapes in another post.

3 – Click erst to put down your first anchor point.
13-First-Anchor-Point

4 – Move your pointer to the just of your archetypal anchor point, thenclick and drag in the lead and to the reactionist. This creates a slight curve in the path and as you can see, two handles appear either side of the back anchor point. These are the instruction handles and the insure the direction of the curve and the size of the curve.
14-Adding-a-curved-anchor-point

5 – Add another point farther to the right and click and drag in a downward direction. You should like a sho be seeing a nice gentle beckon-like path.
15-Add-Second-Anchor-point-and-drag

6 – Add one more detail to the right and drag on horizontally.
17-Open-Path-Complete

7 – To finish drawing your path, justCtrl + Click (Windows) / Cmd + Click (Mac).Notice how the Penitentiary Tool cursor changes and a microscopic star appears. This indicates that when you set off to draw again, you will be protrusive a new path.

4 – Force a closed circle track with the Pen Tool

A closed vector way of life is simply a path where the opening anchor point is the same as the last vector point, for example, a circle, a rectangle, a star. We'll guide a circle.

  1. Select the Compose tool (P) from the toolbar.
  2. ChoosePath mode in the Options bar at the top of the screen.
  3. Click, prevail and pull the pen creature pointer upwardl. In this example, we're creating an upward trend.
    20-Draw-A-Circle-With-The-Pen-Tool

An anchor point appears where you first clicked and two direction lines lead to a higher place and below the anchor steer.

  1. Continue the curve, by clicking to bring a brand-new anchor point and holding and dragging downwards.
    21-Draw-A-Circle-With-The-Pen-Tool
    22-Draw-A-Circle-With-The-Pen-Tool

If you fix a fault piece you're drawing, optEdit > Undo New Drop anchor Pointor press Ctrl +Z (Windows) or Cmd + Z (Mac) to undo the final stage point you John Drew, and try again.

  1. Motility your pointer over your showtime anchor point and notice how a soft circle appears below the pen tool cursor. This indicates that if you clink along the first point, you volition close the way. Soh go in advance and click along the point.
    24-Draw-A-Circle-With-The-Pen-Tool

Your path is now closed and you should throw a good down pat circle operating theatre at least a reasonable ellipse shaped path. It doesn't matter if it's a little elliptic :).

Remember you deficiency to usage as few anchor points as possible to get smooth curves when drawing with the Pen Joyride.

Tip: If you hold retiredShift As you click and drag, you restrain the slope of the directional line to 45° increments.

5 – Combine curved and TRUE path segments with the Pen Creature

Now we'll draw paths that combine straight corner points with curved or smooth points, but first a brief explanation of directional lines.
25-Straight-Points-And-Curved-Points

Curved anchorperson points have directing lines that are opposite each other, 180° asunder.

Niche (or straight) points either have no directive lines, only one directive line, or ii directional lines that are at an angle that is not 180°. ( A little flake unclear, I know!)

Probably the most difficult disunite of lottery with the Pen Joyride in Photoshop is connection up two curves on a tree point. If you can do this, so you can do any type of drawing with the Pen.

For this exercise, we're going to draw the course below.

26-Curves-And-Straight-Points
  1. Take the Write tool or squeeze P on the keyboard.
  2. We'ray starting with a straight segment, which is dead easy, so click at one time for your starting point (don't scuff) and then click again to discharge your s anchor.
    27-Draw-A-Straight-Segment
  3. Now we're going into a curve. Move the Spanish pointer over the second anchor point and hold downAlt (Windows) OregonOption (Mac), the cursor changes to testify what looks like an upside pour down "v". This indicates that you are going to convert the point from being a straight point to a snakelike dot.
    28-Convert-Anchor-Point
  4. Penetrate on the same manoeuvre and drag upward in one motion to get going the curve.
    29-Click-And-Drag-Up
  5. Then click and haul downwards to create your succeeding anchor point and finish the curve you started.
    30-Click-to-add-next-anchor-point
    31-Drag-Down-Too-Create-Curve

Now we motive another slue. However, you will find that if you plainly click and drag a new tip, the curve is going down the improper way.  (Have a look again at the path we are trying to make above item 1).
32-Curve-Going-Wrong-Way

  1. To keep this from happening and have our curve travel prepared over again, we need to start a new curve by holding down Alt / Option + Clicking on the last anchor detail. You will over again see the little upside-down "v". This basically resets the curved guide to a straight item.
    33-Convert-Curved-Anchor-Point-To-Straight-Point
  2. Dog on the anchor point over again and drag upwards to make up a second curve going up. It will look as though you have dragged the new handle over the previous handle.
    34-Drag-Curved-Anchor-Point
  3. Add a new anchor point and drag down to finish the secondment curve.
    35-Drag-Handle-Up-To-Create-New-Curve
  4. Repeat step 6, 7 and 8 to create a third "up" crook.
    36-Click-and-Drag-Down-With-Pen
  5. To finish, we need to convert from a curved point to a straight point. Once again, hold downEL / Option and chatter formerly on your last anchor point.37-Repeat-third-curve
    38-Convert-from-curved-to-straight
  6. Click once more to put lowered your last anchor point. You should now suffer made a path that looks like this;
    39-Curved-And-Straight-Path-Complete
  7. Ctrl / Cmd + click anywhere to all over the path.

You've now successfully joined straight and curved segments in a path drawn with the Pen Tool. This is thehardest part of drawing with the Pen Tool and the one you need to grow the most practice with.

There is, course, lots more to learn about the Pen tool, but at this stage, lots of use combining straight segments and curves will turn off you into a Pen tool overcome really quickly.

More Pen Instrument Practice!

A really in effect way to practice combining curves and straight points with the pen tool is to try drawing the outlines of letters. Start with easy ones like I and Z, then try little T, S, P and so on. This is an exercise I give to my classes and they find it useful. Don't concern if your lines aren't perfect at this stage, the chief thing is to try things out.

40-Pen-Tool-Practice

I hope you've found this instructor on how to draw straight paths and curves with the Pen Tool in Photoshop utilitarian. The next skill we need to learn, in relation to draftsmanship paths, is how to edit our points and paths. That is a separate guide that you can scan Here.

I'd be really grateful if you would share this post. Thank you! 🙂

Download Photoshop Free 7 Day Trial

Get A Free Printable Photoshop 2022 Toolbar Cheatsheet

Subscribe now to get a free printable poster display all of the Photoshop tools and their keyboard shortcut.

Success! Now check your netmail to confirm your subscription and download your Photoshop Toolbar cheatsheet.

How to Draw New Path With Pen Tool

Source: https://www.photoshop-bootcamp.com/beginners-guide-to-the-pen-tool-in-photoshop-part-1-how-to-draw-straight-and-curved-paths/

0 Response to "How to Draw New Path With Pen Tool"

Postar um comentário

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel