Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Drawing Userbars

Drawing Userbars


This tutorial with guide you through how to make a simple userbars for your signature:

image 1

image 2

Userbars Tutorial: Final Result

1. Open Photoshop and create a new image using the dimensions 350x19.

2. On your first layer do what you want to do for your background whether you want a gradient of a full colour or a full colour with a shine. For this tutorial I am making a MSN user bar.

3. For the background I am using the gradient that the MSN Messenger uses:

image 4

4. Depending on how you want to do it. You can either make your own gradient or you can copy and paste the actual picture of the gradient and have it across the userbar. I am making my own in the gradient editor:

image 5

5. I now have this:

image 6

6. Now find a picture of the MSN logo and paste it in. Adjust it so that it fits in properly.

image 7

7. Now add your text. I am just using Veranda although you may want to use a pixelfont which seems to be the most popular for userbars. Create your text layer using white, then duplicate it.

8. Now make the top most text layer black and nudge it up 1 pixel and left 1 pixel and change the opacity to 30%.

9. This is what I got:

Userbars Tutorial: Final Result



Author's URL: Skeletorscorpse
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Drawing Userbars"

Only registered users can write comment

No comments yet...