Drawing a Line on Photoshop With Pen Tool

If you're erudition how to use Photoshop and static getting familiar with its many tools, the write out tool is a great place to start because information technology only requires you to click and drag, and you can easily create impressive effects with your images.

The pen tool in Photoshop is a extremely skilled feature used to create your very ain transmitter shapes and make custom selections. With Photoshop's write tool, you can create silhouettes by outlining objects, cut portions of an ikon out of the background, and combine lines and curves to make easily climbable images.

If you lack to pursue a career as a graphic designer, being comfortable with the pen tool in Photoshop is a moldiness. A professional graphic designer may depend on the playpen tool to help them bingle taboo theatrical role of an image and remove it from its background, to give it a transparent downpla, or to place it on a new image.

It's not just realistic designers who can leverage the penitentiary tool—photographers, artists, marketers, social media professionals, and other content creators can wont the indite tool to build high-prize images and combine diametric parts of images for intriguing effects.

The pen puppet is an extremely useful feature to acquire because it's non exclusive to Photoshop itself—many strange graphic editing programs accept a version of the playpen tool. If you acknowledge how to use this tool in Photoshop, information technology'll be easier to learn similar pen tools in past graphic intent software programs.

This tutorial will start with an account of transmitter artwork and raster graphics arsenic a foundation for understanding how the pen instrument works. Then, we will dive into learnedness:

• How to suck up straight lines and curves to create shapes
• How to add, move out, and modify the anchor points and way segments of a selection
• How to make a selection by drawing paths in an image
• How to snub a portion of an image out from the background
• How to use the Win over Repoint tool to change a straight line to a curve, and vice versa

Understanding vector graphics vs. raster graphics

Before we learn about how to use of goods and services the pen tool, it's important to understand the difference 'tween transmitter nontextual matter and raster artwork. While raster-based artwork rely on arrays of colored pixels to compose an project, vector-settled graphics rely on science points and paths (lines) to form an look-alike.

United of the most significant differences between the two is that you can scale vector graphics to any sizing without losing image quality. This is because a vector file stores the geometric factors wont to map the image—lines, curves, etc.—rather than the individual pixels.

Graphic designers often work with both raster and vector graphics between photographs, digital artwork, illustrations, and early types of images. Photoshop can shop layers as Smart Objects, which tail end contain both raster-founded and transmitter-supported picture data, allowing a visual communication designer to delete the level's elements without destroying the raster or transmitter characteristics.

How to draw paths to make a shape with the Photoshop pen tool

The first thing to master if you're unexampled to using the pen joyride is drawing and closing paths to create a unique shape. The pen tool in Photoshop makes it rich to simply sink in and drag to make paths of straight or semicircular lines.

What is a route?

A path in Photoshop is the line that connects two points. When you're using Photoshop, even though you can "draw and quarter" a route using the pen tool, the path is not actually an prototype itself. There are nary pixels involved. Recall what we learned about vector art and raster graphics?

Let's go through the in small stages process to create a shape by plotting points that will be connected by paths.

Step 1: Open a new Photoshop Indian file

To start, create a new Photoshop lodge, discover IT, and set off it to any size of it you spirit well-fixed working in. We're just expiration to be experimenting in that instructor, so you sack work with any file size.

Step 2: Superior the pen tool in Photoshop

Close, superior the compose joyride in the toolbar on the left, represented away the fountain pen icon. You'll find IT in the same section as the route selection tool, horizontal type tool, and the polygon tool. You canful also simply constrict P to boot the penitentiary puppet immediately.

Step 3: Set up shape layers

In your Photoshop file, create a new layer to work in. Attend the pen tool icon at the top of your window, and select the drop-pile carte du jour to the right of the ikon. You will see trey options: shape, path, and pixels.

Pick out the "shape" selection since we'ray going to start this tutorial aside drawing shapes. Choose a fill color for your shape.

This next part is ex gratia: If you'd like to work in a grid to make believe plotting points more precise, press Ctrl+' (the apostrophe key), and enable gingersnap by pressing Shift+Ctrl+; (the semicolon key). Or, simply go to Regar in the menu at the top, and take "Shot."

Step 4: Plot points to create a shape

By clicking roughly on your blank page with the write out tool, you can start plotting points along your grid to create your shape. To plot a point, you don't need to click and drag, but just click and release your mouse. You'll notice that the tool will mechanically create perpendicular paths betwixt the points that you diagram.

Think about this as a game of connect-the-dots. You behind start to visualize how your visualise consists of assorted points, with a aboveboard line connecting each point. As you plot these points, the pen tool will mechanically set out filling the image in with the fill color that you chose.

In the example below, you tail end experience the makings of a precise oddly proportioned metallic star. Don't concern about whether your fles is trigonal OR polished. This is just an experiment.

Creating a curve with the pen tool

Non all paths have to be straight lines—they can be curved as well.

Try plotting a new signal, and then click and drag your cursor, rather than releasing your click. You'll note something newsworthy: that point will turn an anchor for a curved line.

You give the axe manipulate this curve American Samoa daylong as you hold down the left clack button aft placing the point in time.

You can use this technique to make up a curve and make organic shapes, preferably than set shapes composed only of neat lines (like our adept example).

Creating a straight line of products after a curved segment

What if you deficiency to create a curve in one spot, but you father't want the next portion of your path to curve? The Photoshop pen instrument allows you to break up a curved line, thusly you can add a trabeate melodic line as the next segment of the path.

To do this, hold ALT (operating room Alternative on a Mac) and click on the point. The indorsement handle of that point will disappear—this means the point is now cornered, Beaver State broken from recurvate. The adjacent point you coiffur now testament be a straight line.

Step 5: Close the path to absolute the mold

Once you're ready to connect the final dot and complete your determine, simply click the very first spot you started with. This will close the path you've created, or the set of lines stemming from your first point and wrapping back around to the same point.

When you vibrate over the initial point for your material body, the compose tool endpoints will appear with filled in uncheerful squares volition appear with a small traffic circle next to it.

How to add up a new point to a path

Once you have an existing path drawn, the penitentiary tool in Photoshop also allows you to add a new point sitting on that path. A graphic designer Crataegus laevigata deficiency to add a brand-new point to a path for numerous different reasons. It may allow you to create a curved occupation coming off of a straight run along, operating theatre vice versa. You whitethorn settle to expand your shape in a certain direction. Or, you may be looking for for Thomas More controller over the way segments that adumbrate the regulate.

Adding a new gunpoint onto an existing path in Photoshop is very easy—it only takes two steps!

Footfall 1: Open the Add Anchor creature

Click and defend on the Pen Tool icon in the toolbar to access options for pen tools. Select the "Add Keystone" tool. An "anchor," in that case, is simply another countersign for a point along your drawn path. Photoshop considers these points to be anchors because they play anchors for each line segment that makes awake the entire course.

Step 2: Click along the existing path to create a new point

Find the place on your way where you'd like a newly anchor point, and just click and release. This will automatically place a new point in that smudge. Success! You've added a point.

Once you've set a new point, you can always modify it by using the Direct Selection tools in Photoshop, as described below.

How to remove a point from a path

Removing an existing anchor point from a path is even as easy as adding unmatchable. Keep an eye on the steps on a lower floor to delete an cast anchor gunpoint.

Stride 1: Open the Delete Anchorman tool

As we did in the instructor preceding, we'll start by clicking and property the Pen Tool icon in the toolbar to bring upward Photoshop's pen tools. This time, select the "Delete Anchor" tool. This tool works just like the Add Anchor tool in reverse.

Step 2: Dawn on the point you want to delete

Just clink and release on the backbone point that you want to remove, and it will disappear. Now, the path segment will be connected by the two nearest anchor points that had surrounded the deleted point. This will impact the path section's curvature to match the path between its new anchor points.

Success! You make distant an extant anchorperson point.

How to cut an see out using the write tool around

You can also use the Photoshop pen tool around to create a excerpt, and then edit it or transfer it from the original image onto a new layer. This is efficacious if you want to cut out simply part of an image, like the sign in the object lesson to a higher place, and not the whole image.

Before you get, make a point your icon is on a hot layer.

Step 1: Select the path option in the pen tool menu

Go to the pen tool menu at the top left of your window, and select the "path" pick.

We'rhenium going to lot a route in the image this time, not create a new mould. If you leave the "configuration" option hand-picked, we'll just Be drawing a shape over our sign rather than preparing to cut it out.

Step 2: Get mapping points

This step uses the identical technique we learned in the instructor above when we created a build. Merely map points around the image you want to select by clicking with your pen tool, as though you were drawing off out its shape.

You can zoom in if you want to be more precise. This image, particularly, is fairly easy to follow because it's made up of straight lines. Don't block to close the shape by clicking its terminus a quo!

Step 3: Lode your track as a selection

The path we created in Step 2 doesn't stand for anything for what we want to do until we cargo it as a selection.

Act this away going to the Layers swatch and clicking the Paths tab—in that location should be a path named Bring on Path in the shape of the objective you just copied.

Click the icon of the dotted line circle. You should see the break u of your image that you outlined highlighted with a broken line. This indicates that it's selected and ready to be cropped. You have now created a natural selection.

Step 4: Crop your selection

You can graze your selection easily by victimization the shortcut Ctrl+J, which copies and pastes the selection onto a new layer.

If you set the deuce layers beneath IT to invisible, by unchecking the centre icons in the Layers swatch, you will get wind your fresh cut-out sign complete a transparent background!

Now you bottom overlay your contract new backgrounds by attractive advantage of layers.

How to add a modern path to an existing path

Imagine you have a photo of a donut happening a cluttered table, and you neediness to crop out just the donut from the background image (removing the surrounding table) sol that you can plaza the donut on a plain backclot color instead.

Exploitation the steps preceding, you can easily draw a path around the inaccurate bod of the donut. Only what about the hole in the middle? When you make up a selection with the steps above and crop it, you will get the donut and the part of the image showing through the hole.

To get just the sinker itself, you'll need a new path that outlines the inner circle—the doughnut hole—and removes that from your selection. Here's how to add a fresh course to the path you've already created, to get more precise in the split of the image you want to select.

Footstep 1: Select the existing path in the Paths panel

While you have the Paths panel open, click on the path that you'd alike to modify. This will highlight that path, fashioning it active for you to work with.

Step 2: Select "Exclude Related Shapes"

Select the Compose Tool in the toolbar, and choose the option that says "Exclude Lap-streaked Shapes." This bequeath let Photoshop know that you mean to remove the next path you draw from your current selection.

Step 3: Draw a new way

Just equal we conditioned above, click or so your image to make up points and disembowel paths, outlining the area you want to eject from your selection. Close the route by clicking happening the initial point you started with. Photoshop will in real time except this sunrise route from the selection.

How to modify points and curves on an existing path

Rather than adding or deleting, you Crataegus oxycantha want to adjust an ground point or a curve on your existing path, to deepen the shape of your selection slightly. For this, Photoshop provides Direct Selection tools, which allow you to select and modify idiosyncratic points and curves along a path.

This is extremely useful for explicit designers who Crataegus oxycantha necessitate to select a precise silhouette of a subject in an image, work out an unequally shaped item in a photo, or adjust a human body to fit in the ground blank of an image.

Here's how to use Photoshop's direct selection tool to modify points and curves on a path that you've already created, then you can be Thomas More precise in the shape of your path.

Step 1: Select the Direct Selection tool

In your Photoshop toolbar, find the Path Survival tools—they are marked by an arrow icon that looks comparable a orthodox computer mouse pointer.

When you click the ikon, you will see two options dropdown: Path Selection Tool and Direct Choice Creature. For this tutorial, prefer "Direct Selection Tool."

Step out 2: Click on a path segment that you want to modify

Click and release the dowry of the course that you'd like to adjust. This will allow you to visit all of the anchor points along that way of life segment, each extraordinary marked past a pocket-sized White River square.

Step 3: Click and drag to set points or lines

Straight off, simply click and drag the anchor point Beaver State the crease segment in the counselling you'd like to adjust information technology. With this tool, you Crataegus oxycantha drag a arced line to make a deeper or shallower curve, drag a straight wrinkle to change its fish, OR drag an backbone point that will adjust the path segments that connect to it. It's that soft!

How to use the convert point tool in Photoshop

The Convert Point tool is one of the sets of pen tools that Photoshop offers. With the Convert Orient tool, you can manipulate the handles of existing points in your image to convert straight lines into curves, or curves into straight lines.

Stone's throw 1: Select the Convert Tip tool

To open the Exchange Point tool, click and keep back the Pen Tool icon to bring up the various pen tools available. Select "Convert Stop" from the list.

Step 2: Click on an existent ground tackle charge to remove or add handles to that

If you come home connected an existing point with handles, the handles will vanish from the period. This has "cornered" the signal, meaning this point will no thirster encroachment the adjacent segments (whether they are curved or straight). Any surrounding anchor points with handles will still affect the curve of the copulative path segments.

Similarly, you can choice the Convert Point puppet and dog on an existing direct that doesn't have handles to add up handles to it point. Now you'll Be able to use the Convert Orient Oregon Manoeuvre Selection tools to manipulate the point's handles.

Drawing a Line on Photoshop With Pen Tool

Source: https://blog.udemy.com/photoshop-pen-tool/

Share this post