How to Organize A Header Logo and Menu Icons In Photoshop

I started my first practice of designing a website from scratched months ago here at this How to Design A Website from Scratch, Interfacing In Photoshop for PSD - Part One blog post.

This is a project of me following a Fundamental Interface Design tutorial. I had to clear up some issues along the way. For instance, I had to find out How to Create Menu Icons In Photoshop. So far I’ve created two, but then I hurdled the How to Integrate Menu Icons Into Photoshop Web Design to make it all work. Its a good thing I’ve blogged all the notes thus far. That way its easy to pick up from where I left off.
(Anyone just starting and want to design a website from scratch should start here.)

Getting through the 3 links text links paragraphed above lead me to this design. So moving along…

How to Organize A Header Logo and Menu Icons In Photoshop

My header consists of a logo title and three menu icon buttons as shown below…

Photoshop has both a “distribute horizontal centers” and a “distribute top edges” tool that should be used to organize the header items evenly across the page. I did so by selecting the all 3 menu button layers and clicking the distribute command from the options menu as explained here. View the options menu by hitting Windows > Options.

Okay, now that the header is organized the next step is to keep working towards the final result that will someday look something similar to this.

Did you know…