Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout Creating Userbar
rss

Creating Userbar

Author: Stian Bakkane More by this author


1. Create a new document with the dimensions: 350x19.

image 1

2. Create a new gradient fill layer. Select to colors with 90° angle.

image 2

3. Create a new color fill. Color: White. Move the fill one third up like on the picture. Set the layer opacity to 28%.

image 3

4. Insert the the text and and other graphical elements. The font type is Myriad 21,86pt.

image 4

5. Create a shape using the pen tool. Then make a selection out of the layer (CTRL - "Layer Thumbnail"). Hide the layer.

image 5

6. Create a new fill layer. Fill it with white and set the layer opacity to 25%.

image 6

7. Insert the "member" text.

Userbar Tutorial: Final Result

8. Add shadows to the text using these settings. You're done! You can add borders around the userbar if you want to.

image 8



Author's URL: www.photoshopaid.net

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Creating Userbar"