Back to Tutorials Gallery
Tutorial: You're OWN xp navbar.
Steps: 4

Step 1:
Making the gradient follow these steps.
Select the gradient tool then click on the current gradient. Set the opacity on both ends to 100%.

-Set the point colors as follows. Starting from the left going to the right.

1. Color: 7D7E99 - Location: 0%
2. Color: FFFFFF - Location: 5%
3. Color: 9A99B1 - Location: 16%
4. Color: B8BCC5 - Location: 43%
5. Color: ECEBEC - Location: 87%
6. Color: E4EFE3 - Location: 91%
7. Color: 83829D - Location: 96%

Type in a name for the gradient and click NEW, this will save your gradient like so:

Step 2:
With the rectangular selection tool selected set the style to: Fixed Size. You can set the width to whatever you want but keep the height as 30px.

Step 3:
Personally I find the actual bar a little bland and you can add a nice looking glass effect by cutting the marquee in half horizontally like so:

Step 4:
Create a new layer . Set the Layer opacity to: 40%
Fill in the selection with white using the paint bucket tool .

There you have it, your very own shiny XP bar. You can add text , slice up the image , and use the hue/saturation (ctrl + u) and make a sweet roll over bar like so:

If you have any questions email them to me at Canadian87@gmail.com THANKS!

POST ON THE FORUMS