People like Apple products for many different reasons. One of the things I love about apple is the cleanliness of their designs. They make the most sophisticated things seem so simple. They really take advantage of the use of “white”. Some clients tend to think that white space is an ememy. Although most designers, if educated properly, know that white is another color just like all the others, and if used properly can actually make a BIG difference. I have put together a few screenshots to help you achieve something very similar to the famous Apple nav bar effect.

To begin, I will tell you the 5  important components needed to create this nav bar along with screenshots of the exact properties I used. Then you guys will be able to put it together on your own. It’s easy- You’ll see…

• Default Button Background Gradient
• Default Button Text Effect
• Hover State Background Gradient
• Hover State Text Effect
• and finally the dividing line between each 2 nav button

Start by using the shape tool and dragging out a nice rectangular shape on your stage. Double click on the layer you just created and give it a nice “gradient overlay” like this:

This would be the Default Button Background Gradient:

Now using the text tool write out the text you want on your nav bar. Change the text to black.  Go double click the text layer and give it a drop shadow with the following properties:
This would be the Default Button Text Effect:

Now to create the Hover effect for when someone mouses over the nav bar, you simply take the same steps as above but this time using these new properties.

Hover State Background Gradient

Hover State Text Effect
The text should be white and the drop shadow properties should be as such:

and finally the dividing lines between each 2 nav buttons .
Using the line tool drag out 2 lines about the height of your nav bar and each line should be 1 pixel wide. 1 should be light grey and 1 should be dark grey.

And that’s it!

I hope you enjoyed the simplicity of this beautiful clean nav bar. Don’t leep it for yourselves.  Share it with your friends and ReTweet it like crazy! Thank You!

This is what it should look like when you put it all together:

Here is an exclusive beautiful Twitter background, you can only download this here, so make sure to bookmark it and send it to all your friends. You can download the psd below, open it with Photoshop, replace the information with your own info, pop in your own photo, then save it as a jpg… and you’re ready to go! The photo of the guy that you see being currently used in the Twitter Background is not included in the Free PSD file. Although, you wouldn’t need his picture anyway unless that is you! Wait…Is that you? Although, in the file I have left a silhouette of where your Photo should go. If you know Photoshop you can probably do the customization pretty easily. The fonts I used were Arial and some Myriad Pro.

IMPORTANT INFO ABOUT FILE
• Twitter Background – 3 color variations – cleanly layered psd file
• File dimensions 2500px width by 1000px height
• PhotoshopCS2

Click on links for color previews
• Blue Sky ( change your twitter background color to 0491EB)
• Lemon Lime (change your twitter background color to C6E967)
• Hot Pink/Purple (change your twitter background color to 4F1772)

Download the PSD file for free – Just pay with a tweet.

File user license: The Twitter Background can not be re-sold or distributed for free. You may use it on your personal or company twitter pages.

Don’t know Photoshop?
LET US CUSTOMIZE IT FOR YOU!
For ONLY $20 we’ll get it done asap.
Make a payment to begin:

CUSTOMIZATION INCLUDES:
• Editing and superimposing your photo in place of that man
• Replace the current CompanyName/tagline with your Company name & tagline
• Changing the text in the info box: Blog/Email/and 3 other social networks
• The final file in PSD format and in JPG format ready for upload to twitter will be emailed to you!

Thank You, I hope you all enjoy –  and after all is said and done, if  you want, you can  leave a comment with your twitter page link so we can all see!