• About
  • Forum
  • Write For Us
  • Contact
  • Top 50 Photography Blogs
  • Resources
  • Archives

IndustryDev

Web Design & Photography Blog

  • Design
    • Lightroom
    • Photoshop
    • Bridge
    • Camera Raw
  • Development
    • HTML
    • CSS
    • JavaScript
    • PHP
    • Dev Tools
    • WordPress
  • Photography
  • Blogging
    • SEO
  • Technology
    • Hosting
  • Inspiration
    • Interviews
    • Learning
You are here: Home / Design / Introducing the Path & Direct Selection Tools in Adobe Photoshop
Have a question? Ask it and help others in our new discussion forums.

Introducing the Path & Direct Selection Tools in Adobe Photoshop

April 22, 2017

I’ll be the first to admit that I’ve never been much of an artist. I couldn’t draw if my life depended on it. I suppose that’s part of the reason I’ve yet to look into the drawing tools that Adobe Photoshop has to offer. Hey – if I’m no good at something there’s very little reason for me to bang my head against the wall trying to get better. Well, that’s what I used to think anyway.

Introducing the Path & Direct Selection Tools in Adobe Photoshop

Photoshop has got a really nice set of illustration tools for us to take advantage of an enjoy. These tools consist of the Pen Tool, Freeform Pen Tool, Add Anchor Point Tool, Delete Anchor Point Tool, Path Selection Tool, Direct Selection Tool and some others. The best part about a few of these tools is that they exist in some of Adobe’s other applications. For instance, you’ll find the two tools I’m going to discuss in this post today in both Adobe Illustrator as well as Adobe InDesign (in addition to Photoshop). While these tools may have different names here and there, much of their functionality remains the same.

In today’s post, I’m going to take the first few steps of breaking out from my fear of anything that has to do with anchor points and the pen tool. After years and years of meddling with a few of those pesky icons located towards the bottom of the left vertical toolbar in Photoshop (and failing), I’m going to dive right in and get my hands dirty. I’ve been doing a lot of reading and watching videos lately and I believe I’ve got a firm grasp on what’s up with the two, and probably most important, tools when it comes to drawing and manipulating vector objects inside of Adobe Photoshop. The tools I’ll be discussing in today’s post are called the Path Selection Tool and the Direction Selection Tool. One of them is solid black and the other is white with a black outline. I’ll talk about which one is which and what each of them does below.

The Path Selection Tool

I can’t stress this enough. While this post may seem ultra basic for those who already use Adobe’s drawing tools, it’s absolutely perfect for those who don’t. Take it from me – you need to start at the beginning when it comes to stuff like this. As I mentioned above, I’ve messed with some of these things since the beginning and I was left wondering what I did and why nothing ever worked consistently. The reason is because I never started at the beginning. While it’s simple to click on a tool in Photoshop to test it out, it’s quite another thing to click on a tool and actually achieve something effectively. If you read what I have to say below, you’ll understand a bit of what each of these two tools can do, without a doubt. It’ll be the beginning of a learning process for both you and me.


Path Selection Tool in Adobe Photoshop

The black, left leaning arrow you see above is called the Path Selection Tool. Currently, it’s the fifth tool from the bottom in the left vertical toolbar inside of Photoshop. I’m sure you’ve seen it before.

One of the areas we need to look at first is a definition. Before we go on, we’ll need to define what a “path” is in Photoshop and the other appropriate applications. Basically, a path is a shape. It can be either straight or curved. It can go one way or another and it’s made up of anchor points. So if we know what a path is and we’re working with the Path Selection Tool, it only makes sense that this tool “selects” the path, or shape. Let me show you below.


RECEIVE MY POSTS BY EMAIL!

Interested in receiving my posts by email? This is your chance! Simply place your email address in the field below and I'll deliver each and every post I write directly to your inbox.


I’ve gone ahead and drawn a black box in a document. I’ve also centered it. Right now, the box isn’t selected by any tool.

Black Box


Now, if I use the Path Selection Tool and click on the box (providing the layer in the Layers panel is selected first), the path, or shape, will be selected.

Path Anchor Point

In the above screenshot, I enlarged the view so you can see the anchor point in the corner of the path. That, along with an outline, indicates that it’s selected.

To move the path, I’d simply drag it. To delete it, I’d select it and press the Delete key on my keyboard. I could also do a whole bunch of other things that I’ll lay out in future posts. Basically, what I want you to know is that the Path Selection Tool in Photoshop selects entire paths and easily moves them around.

The Direct Selection Tool

Direct Selection Tool in Photoshop


This tool is different than the previous in that instead of it selecting the entire path, it only selects anchor points and segments of a path. Let me show you what I mean.

If I were to switch tools to the Direct Selection Tool and click inside the black box I created earlier and try to move it, nothing would happen. After clicking the box, the four corner anchor points would appear, but I wouldn’t have the ability to do much dragging.

If I were to click on just one of those anchor points and drag, things would be different. I’ll go ahead and click on the upper left anchor point and drag outward.

Dragged Anchor Point

See? By directly selecting just that one anchor point, I was able to change the entire shape. If I were to click a segment (the line between two anchor points) and drag, something similar would happen. I’ll show you that below. I’ll go ahead and click between the two right corner anchor points and drag to the right.


Dragged Segment

As you can see above, by dragging to the right, I’ve stretched that side, making the entire shape longer than it was previously. By the way, to drag either a path or a segment in a fixed, straight line, just hold down the Shift key while dragging. That will keep you on the straight and narrow.

Tool Keyboard Shortcuts

If you’re a keyboard shortcut fan, listen up. The keyboard shortcut for the Path Selection tool is A on your keyboard. To choose the Direct Selection Tool, press Shift+A. To switch back and jump between both of these tools, continue using the Shift+A shortcut. Just clicking A by itself, once you’re in the tool, won’t do much.

——

I’m going to stop here. There is so much to cover when it comes to these tool that I’ve decided to take things in very small chunks. I’ve found that it’s easier to search this site when some tidbit of knowledge is necessary when the titles and content of the posts are direct and concise. Either way, I hope you enjoyed the post.


If you have any questions or concerns, please leave them in the comment area below. Thanks for reading!

Check Out These Related Posts

  • Selecting & Adding Saturation to an Object in Adobe PhotoshopSelecting & Adding Saturation to an Object in Adobe Photoshop
  • The Various Types of Anchor Points Used With the Adobe Pen ToolThe Various Types of Anchor Points Used With the Adobe Pen Tool
  • How Do Anchor Point Control Handles Work With the Adobe Pen Tool?How Do Anchor Point Control Handles Work With the Adobe Pen Tool?
  • How to Make Video Playback More Smooth in Adobe PhotoshopHow to Make Video Playback More Smooth in Adobe Photoshop
  • A Smart Use of Multiple Cropping Methods in Adobe PhotoshopA Smart Use of Multiple Cropping Methods in Adobe Photoshop
  • Jumping Between Adobe Lightroom, Photoshop & Camera RawJumping Between Adobe Lightroom, Photoshop & Camera Raw
  • How to Export Video From Adobe PhotoshopHow to Export Video From Adobe Photoshop
  • Painting With the Mixer Brush in Adobe PhotoshopPainting With the Mixer Brush in Adobe Photoshop
  • How To Remove a Color Cast From a Photo Using Adobe PhotoshopHow To Remove a Color Cast From a Photo Using Adobe Photoshop
  • How to Use the Pen Tool to Create a Selection in Adobe PhotoshopHow to Use the Pen Tool to Create a Selection in Adobe Photoshop
  • How to Arrange Layers in Adobe PhotoshopHow to Arrange Layers in Adobe Photoshop
  • How to Storyboard Video Files in Adobe BridgeHow to Storyboard Video Files in Adobe Bridge

Filed Under: Design Tagged With: Photoshop

What’s Next? Email Updates!

If you enjoyed reading this post, why not consider signing up to receive others like it by email? It's so easy and you can unsubscribe at any time.

About Jay Gaulard

Hi. My name is Jay Gaulard and I've been designing websites and taking photographs since 2002. My passions lie with learning the latest coding techniques and development tools as well as staying on top of the digital imaging world. When I'm not studying or writing, I'm practicing Brazilian Jiu-Jitsu in Maine, USA.

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Connect With Me

  • Facebook
  • Google+
  • Instagram
  • Pinterest
  • RSS
  • Twitter

RECEIVE MY POSTS BY EMAIL!

Interested in receiving my posts by email? This is your chance! Simply place your email address in the box below and I'll deliver each and every post I write directly to your inbox.

Follow Us on Facebook!

IndustryDev

Check Us Out on Instagram!

Load More…Follow on Instagram

Recent Posts

  • Using the Dust & Scratches Filter to Clean Up a Photograph February 15, 2019
  • Use a Focus Rail For Better Macro Photography February 11, 2019
  • How Do Lens Aperture Sizes Affect ISO Values? February 9, 2019
  • How to Change the Auto-Rotate Settings on your Canon Rebel DSLR Camera February 6, 2019
  • How to Change the Image Review Settings on Your Canon Rebel DSLR Camera February 5, 2019

Most Popular Posts

  • How to Export Video From Adobe Photoshop How to Export Video From Adobe Photoshop
  • How to Set the Photo Quality in your Canon Rebel DSLR Camera How to Set the Photo Quality in your Canon Rebel DSLR Camera
  • How to Resize & Save Files From Adobe Bridge Using Image Processor How to Resize & Save Files From Adobe Bridge Using Image Processor
  • How To Stop the Flash From Popping Up On Your Canon Rebel DSLR Camera How To Stop the Flash From Popping Up On Your Canon Rebel DSLR Camera
  • How to Speed Up & Slow Down Video in Adobe Photoshop How to Speed Up & Slow Down Video in Adobe Photoshop

About IndustryDev

IndustryDev is an online publication that focuses primarily on lovers of the digital world. We write articles that cast a wide net, including those that discuss website development, design and WordPress. We also post, daily, about the image related aspects of the web, including photography and illustration, along with other topics like blogging and SEO.

Read More

RSS IndustryDev Discussion Forum

  • Why Grammar is Important When Writing Blog Posts February 15, 2019
  • Tips & True Costs For Selling Greeting Cards on Etsy February 15, 2019
  • Quick Tips For Proofreading Your Blog Posts February 15, 2019
  • Write With Genuine Integrity For Your Blogging Audience February 14, 2019
  • What Are the Two Icons Inside the Thumbnails in Adobe Bridge? February 12, 2019

Tags

Bridge Camera Lenses Camera Raw Camera Settings Channels CSS Dev Tools Graphic Design Hosting HTML Interviews JavaScript Learning Lightroom Macro Photography Masking Night Photography Photoshop Photo Tips PHP Post Processing Selections SEO Shapes Smart Objects Video WordPress

Recent Comments

  • Jay Gaulard on How to Reset Edit Settings Back to Default in Adobe Camera Raw: “Hi Charleen, I'm assuming you are talking about the small circle identifier that appears in Adobe Bridge after…” Feb 11, 15:57
  • charleen smith on How to Reset Edit Settings Back to Default in Adobe Camera Raw: “Hi Jay, Your instructions for returning a dng to its original settings were very clear. I…” Feb 11, 15:20
  • Jay Gaulard on How to Export Video From Adobe Photoshop: “Hi Mayur, I've actually had this happen. I just need to remember what was causing it. I'll reply…” Feb 5, 08:13
  • luis on How to Change & Limit ISO Settings on a Canon Rebel T6i DSLR Camera: “Thanks!” Feb 5, 00:31
  • Mayur Jobanputra on How to Export Video From Adobe Photoshop: “I just discovered this gem in PS today.. after nearly 10 years of using it!…” Feb 4, 16:02

ARCHIVES

  • 2019: Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
  • 2018: Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
  • 2017: Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
  • 2016: Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
  • 2015: Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec

Copyright © 2019 · IndustryDev.com Web Design & Photography Blog · About · Write For Us · Contact · Privacy / Terms · Archives