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

IndustryDev

  • Design
    • Photoshop
    • Lightroom
    • Camera Raw
    • Bridge
  • Development
    • HTML
    • CSS
    • Javascript
    • PHP
    • Dev Tools
    • WordPress
  • Photography
  • Blogging
  • Technology
  • Inspiration
You are here: Home / Photoshop / How to Align Paths in Adobe Photoshop

How to Align Paths in Adobe Photoshop

June 1, 2019

Lots of users take advantage of Adobe Photoshop for its photo editing capabilities. I’d say that I edit photos about 90% of the time in this application. There are many folks, however, who use Photoshop’s many graphics tools to draw and makes shapes and do all sorts of things. Since it’s a creative application, there is an endless amount of design that can stem from it.

Much of Photoshop’s drawing and shape creation abilities revolve around paths. I actually discussed paths a few other times on this blog as well as in my previous post, to be more precise. Paths can do all sorts of things and are amazing little creatures, so if you’d like to create your own art, I encourage you to read up on this topic.

In today’s post, I’d like to show you how to align paths in Adobe Photoshop. This won’t take long at all since it’s an easy maneuver, but it’s a critical step in making your creations look presentable. I can’t even tell you how many times I’ve had to align things in this program. Trust me when I say this; it’s not fun eyeballing it. Pressing a arrow keys over and over again in an attempt to get things just right. That’s a silly way of doing things, so I’ll demonstrate a much better one.

Drawing the Shapes

Today I’ll be using the Custom Shape Tool to draw five rounded triangles. I’ll click to activate the tool in the left toolbar and then I’ll head up to the options bar and choose the triangle I’m after.

Custom Shape Tool

Once I have the tool active, I’ll make sure the Path option is selected in the drop-down in the options bar and then I’ll hold down the Shift key on the keyboard to constrain the shape’s proportions. Finally, I’ll click and drag so the triangle is a few inches across.

Path Drop-Down Shape

Then, to duplicate the triangle twice more, I’ll hold down the Alt key on my keyboard and click and drag while using the Path Selection Tool.

Duplicate Triangle Paths

Flipping the Duplicates Vertically

I already have three triangles. I think I’ll make two more to fill in those empty spaces between the three. I’ll use the same method I used above to create those additional two. Then, I’ll select just those additional two by holding down the Ctrl (Command) button on my keyboard and clicking on them while using the Path Selection Tool. The anchor handles will appear when the triangles are selected.


Since I’d like to flip these two triangles over, I’ll take advantage of the Free Transform tool. I’ll use the keyboard shortcut of Ctrl+T to create the bounding box around the shapes and then I’ll right-click inside the bounding box and I’ll click Flip Vertical. This is what I’ll end up with.

Free Transform Flip Vertically

Distributing & Aligning the Shapes

Now, to actually get to the point of this post, I’ll click on each triangle to select them all. Either that, or I’ll click and drag a box around the shapes with the Path Selection Tool. Either way, all of the shapes will be selected and active. To distribute the shapes equally across, I’ll go back up to the options bar and I’ll click on the Path Alignment drop-down. From there, I’ll click on the Distribute Horizontal Centers. This will space all of the shapes evenly.

Path Alignment Distribute Horizontal Centers

When I’m finished with that, I’ll select only the top three triangles and then I’ll click on the Align Top Edges and then I’ll select the bottom two triangles and then click Align Bottom Edges. After that, all of the triangles will have been aligned properly.


To finish things up, I’ll apply a vector mask to the shapes. You can learn how to do that in this post.

Vector Mask

Since that doesn’t look very good, I’ll add a background layer and some color to it. This is the final image.

Background Layer

And that’s it! Like I said, if you do any type of graphics, you’ll eventually need to align paths, so this is a good thing to learn. If you have any questions regarding this technique, please ask down below in the comment section or in the Photoshop discussion board. Thanks for reading!

Related posts:

  1. How to Set Up Vector Masks in Adobe Photoshop
  2. How to Use the Pen Tool to Create a Selection in Adobe Photoshop
  3. Aligning Paths in Photoshop
  4. How to Remove Power Lines Using Paths in Adobe Photoshop
  5. How to Align Similar Photographs in Adobe Photoshop

Filed Under: 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.

Leave a Reply Cancel reply

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

Connect With Me

  • Facebook
  • Instagram
  • Pinterest
  • RSS
  • Twitter

MOST POPULAR POSTS

  • How to Set the Photo Quality in your Canon Rebel DSLR Camera Before participating in any type of photo shoot, it's i...
  • How to Adjust the Mouse Click & Scroll Settings in Windows 10 I's say this is one of the very first settings I ed...
  • How to Export Video From Adobe Photoshop When it comes to exporting and rendering video clips, t...
  • How to Apply an Adjustment to Only One Layer in Adobe Photoshop The answer is clipping. I'll tell you that right up fro...
  • How to Speed Up & Slow Down Video in Adobe Photoshop This is one of those posts that's going to be super hel...
  • Cutting Out a Shape From a Shape in Adobe Photoshop I've been using shapes for various things in Adobe Phot...
  • How to Set the Self Timer On Your Canon Rebel DSLR Camera Camera self timers are great. I was recently part of a...
  • Animating Scale, Rotation & Opacity in Adobe Photoshop I sat down a few days ago and started messing around in...
  • 3 Ways to Close Applications in Windows 10 This is going to be a very quick post because the topic...
  • How to Set Your Canon Rebel Camera For Continuous Shooting Continuous Shooting mode is very important for those wh...

Recent Comments

  • angelica blanco on How to Organize Video & Audio Project Files for Adobe Photoshop
  • pete salomone on Downloading Photos From a Digital Camera Using Adobe Bridge
  • cdn on How To Create a Slideshow For Your Lock Screen in Windows 10
  • Jay Gaulard on How to Set Your Canon Rebel Camera For Continuous Shooting
  • Deb on How to Set Your Canon Rebel Camera For Continuous Shooting

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