Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Okay, here is a common task. We are creating some sort of navigation bar and we want to space out these different buttons equally, but they are all of different lengths. Firstly, why are they all on separate layers? Well, they are all on separate layers so that we can go as far as we possibly can in Photoshop preparing this document for interactivity, so that we can slice these up into individual areas and they could be made into separate buttons. That wouldn't be possible if we just had one long line of text.
So, that's what we have here. We have got these individual buttons on separate layers. But how do we get them spaced evenly? Well, it's a less-than-exact science. It's quite labor intensive. This is our starting point. What I am going to do is I am going to select all of these and then on my Tool Options bar, I get my Align option. So, I am going to align all of these to the left, like so. Having arranged my layers from top to bottom as they read from left to right, I now know that portfolio galleries is in the right position.
So, I will Command+Click or Ctrl+Click on that layer to deselect it. Now, holding down my Shift key so that I constrain my movement, I am going to come over and drag all of the remaining layers right to the end of portfolio galleries. Now I'm going to nudge the same amount of space between each of the buttons. I am going to hold down my Shift key as I press my right arrow, so that I move in big increments, and I am going to do this twice.
So, now I will come over to creative training. That's in the right position. I am going to Command+Click or Ctrl+Click on that layer to deselect it, and I will repeat, hold down the Shift key, drag all of the remaining buttons over to the end of that one, hold down the Shift key again, and press my right arrow twice. You get the idea. Deselect publications; that's in the right position. Shift, drag it over, Shift nudge twice.
Deselect about, drag them over, Shift+Right Arrow twice, deselect blog, drag it over, Shift+Right Arrow, and we should now have those evenly spaced.
Get unlimited access to all courses for just $25/month.Become a member
117 Video lessons · 43184 Viewers
119 Video lessons · 54440 Viewers
65 Video lessons · 14648 Viewers
113 Video lessons · 82953 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.