Step 41

Now select the Move tool and while holding Alt+Shift, Move the text to fill the other empty menu boxes with text. You should also have four new layers called "Menu copy 1, Menu copy 2, etc.". Don't worry about renaming the layers right now because we'll show you something cool Photoshop does.

Step 42

We don't want website with five "Home" menu items do we? So select the Text tool and change the text of each menu item. Now when you're done changing the text, Photoshop renames the layer to the text you typed. For example, I changed one of the text from Home to Contact and it automatically renamed the layer to Contact. Pretty cool eh?

Step 43

We're done and here's the final template. But doesn't it look bland?

Step 44

Don't worry, once you put content in it'll look much better. For content, it should all be done in HTML after you have the template sliced and coded. Here's a preview of what the template looks like with content:

Comments (4)

Good
written by Anders Moen, September 30, 2007

This looks good. Thanks for the tutorial

Clean White Business Template
written by The General, October 15, 2007

Great tutorial. Just what I was looking for. I am off to find a slicing tuorial now. Keep up the good work.

Great Tutorial
written by Cludos, November 08, 2007

Thanks for the awesome tutorial. Could you also include the source images or the PSD? I racked my brains searching for a similar pic online.

Helpful
written by joan repil, December 04, 2007

Superb tutorial! Thank you!

Title
Comment
Name
Email
Website
Write the displayed characters
	Add Comment

<< Start < Previous Page 1 2 3 4 5 6 7 8 9 Next Page > End >>