So most of the time if you’re a good little designer you’ll be using grids to space out things like navigation items. But there are times when it just doesn’t work in the design to have items spaced in terms of their position on a grid. In these cases, you’ll probably want the text items to be spread out evenly.

Step 1.

In Photoshop, choose the type tool and click and drag a box (don’t just click).
Type in the navigation items you want and separate them with a space. If the navigation item is more than one word, leave the spaces between these words out.

navspacing_tut_02
Step 2.

Now go to your ‘Paragraph’ palette and choose the ‘Justify All’ button on the very right.

navspacing_tut_03
Step 3.

Grab the edge of the text box and stretch it out to as wide or narrow as you need. You’ll notice all the words spread out evenly.

navspacing_tut_04
Step 4.

Fix up any multiple-word items by highlighting the letter before where the space should be and bumping up the tracking (on the Character palette) until it looks right. You can use Alt+Left Arrow and Alt+Right Arrow on the keyboard for precision.

navspacing_tut_05
Finito

What I like about this is that you have the flexibility to adjust all the items very quickly and accurately while you’re designing a page layout. It also saves having 7 or 8 text layers for one horizontal navigation list.

Keep in mind this is just one way that works for me. There could be better ways, and if you know one, don’t be shy!

navspacing_tut_06

—Published 02 February, 2009 ← Journal Home

Connect

Email
Drop me a line
Twitter
Gimme some bird love
Subscribe
RSS feed of new posts
LinkedIn
Let's power-network
Flavors.me
Vanilla & raspberry swirl

Now

Recently

Zero for hire
If you've come here looking for a guy pulling a ribbony-swirl of work, he's no longer working here.
HiiDef Inc. Identity
Any designer will tell you the hardest job you'll ever do is to design for yourself.
A New Page (& Year)
You may have noticed — it’s been pretty quiet round these parts.
Portfolio Building
So I’m being lazy by sharing emails instead of writing blog posts — but it’s been a busy time and with any luck there should be some exciting news at the end of it.
Ignorance Avoidance
Well that was the title of an email I received last week. I thought I’d share it because I get a lot of emails asking this sort of stuff.

Archives